:root{--app-height: 100svh;--grass-bg: #c9ff8f;--grass-tufts: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='168' height='188' viewBox='0 0 168 188'%3E%3Cg fill='none' stroke='%234f8f32' stroke-linecap='round' stroke-width='2.5' opacity='.28'%3E%3Cpath d='M22 54c0-9 3-14 7-18'/%3E%3Cpath d='M29 54c1-8 5-13 10-15'/%3E%3Cpath d='M36 55c1-7 5-11 10-12'/%3E%3Cpath d='M112 33c0-8 3-12 7-16'/%3E%3Cpath d='M119 33c1-7 5-11 9-13'/%3E%3Cpath d='M127 34c1-6 5-10 9-11'/%3E%3Cpath d='M82 146c0-8 3-13 7-17'/%3E%3Cpath d='M90 146c1-8 5-12 10-14'/%3E%3Cpath d='M98 147c1-6 5-10 9-11'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 168px 188px repeat;color:#1c2b11;background:var(--grass-bg);font-family:Arial Rounded MT Bold,ui-rounded,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;height:var(--app-height);min-height:var(--app-height);overflow:hidden;background:var(--grass-bg)}button{align-items:center;border:0;background:none;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:center;padding:0}button:hover{filter:brightness(1.04)}.shell{background:var(--grass-bg);display:grid;grid-template-rows:96px minmax(0,1fr) 108px 92px;height:var(--app-height);min-height:var(--app-height);overflow:hidden;position:relative}.shell:before{background:var(--grass-tufts);content:"";top:0;right:0;bottom:0;left:0;opacity:.72;pointer-events:none;position:absolute;z-index:0}.top-ui{color:#17270b;display:grid;grid-template-columns:72px 1fr 72px;grid-template-rows:64px 22px;padding:18px 12px 2px;position:relative;z-index:5}.settings-button{align-items:center;align-self:start;background:linear-gradient(180deg,#2ec8ff,#187ddd);border:4px solid #111;border-radius:8px;box-shadow:inset 0 3px #ffffff7a,0 5px #00000061;color:#fff;display:flex;font-size:26px;height:54px;justify-content:center;text-shadow:0 2px 0 rgba(0,0,0,.35);width:54px}.level-stack{align-items:center;display:flex;flex-direction:column;grid-column:2;justify-content:start}.level-stack strong{background:#050505;border-radius:5px;box-shadow:0 2px #00000059;color:#fff;font-size:23px;line-height:1;padding:6px 15px 7px;white-space:nowrap}.status-strip{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);clip-path:inset(50%)}.status-strip span{background:#fff6ba80;border:1px solid rgba(100,131,50,.2);border-radius:999px;color:#476327;font-size:10px;font-weight:900;padding:5px 8px;white-space:nowrap}.game-overlay{align-items:center;animation:overlay-fade-in .16s ease-out both;background:#142209ad;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:40}.game-overlay[hidden]{display:none}.overlay-panel{align-items:center;animation:panel-pop-in .22s cubic-bezier(.18,.89,.32,1.28) both;background:#fff2bc;border:4px solid #80501d;border-radius:12px;box-shadow:inset 0 3px #ffffffbd,0 8px #5b3817,0 16px 24px #233a0e3d;color:#2c4314;display:flex;flex-direction:column;gap:10px;max-width:280px;padding:18px;text-align:center}.overlay-panel strong{font-size:24px;line-height:1}.overlay-panel p{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800;line-height:1.35;margin:0}#overlayActionButton{background:linear-gradient(180deg,#35c8ff,#148fe2);border:3px solid #0b5f9c;border-radius:8px;box-shadow:inset 0 3px #ffffff7a,0 5px #0a4f80;color:#fff;font-size:17px;font-weight:900;height:44px;min-width:128px;text-shadow:0 2px 0 rgba(0,0,0,.38);width:auto}#overlayRestartButton{background:linear-gradient(180deg,#ffd569,#ef9824);border:3px solid #8d5018;border-radius:8px;box-shadow:inset 0 3px #ffffff7a,0 5px #724014;color:#fff;font-size:17px;font-weight:900;height:44px;min-width:128px;text-shadow:0 2px 0 rgba(0,0,0,.38);width:auto}#overlayHomeButton{background:linear-gradient(180deg,#7fd36b,#3f9f42);border:3px solid #276b2a;border-radius:8px;box-shadow:inset 0 3px #ffffff7a,0 5px #245b25;color:#fff;font-size:17px;font-weight:900;height:44px;min-width:128px;text-shadow:0 2px 0 rgba(0,0,0,.38);width:auto}.language-panel{align-items:start;display:grid;gap:6px;justify-items:stretch;width:100%}.language-panel[hidden]{display:none}.language-panel span{color:#5b431f;font-size:12px;font-weight:900;text-align:left}.language-panel select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#6c4018 50%) calc(100% - 15px) 50% / 7px 7px no-repeat,linear-gradient(135deg,#6c4018 50%,transparent 50%) calc(100% - 10px) 50% / 7px 7px no-repeat,linear-gradient(180deg,#fff8d4,#f0c977);border:3px solid #8d5018;border-radius:8px;box-shadow:inset 0 2px #ffffffa6;color:#3a2815;font:900 15px/1 Arial Rounded MT Bold,ui-rounded,system-ui,sans-serif;height:40px;padding:0 30px 0 10px;width:100%}.overlay-actions{display:grid;gap:10px;grid-template-columns:1fr;justify-items:center;width:100%}.game-wrap{min-height:0;overflow:hidden;position:relative;z-index:1}#game{top:0;right:0;bottom:0;left:0;height:100%;position:absolute;width:100%}.tray-panel{align-items:center;background:transparent;display:grid;grid-template-columns:13px minmax(0,1fr) 13px;justify-items:center;padding:3px 10px 5px;position:relative;z-index:4}.removed-tray-stack{align-items:center;bottom:206px;display:flex;flex-direction:column-reverse;gap:4px;left:50%;pointer-events:none;position:absolute;transform:translate(-50%);width:min(320px,calc(100% - 32px));z-index:3}.removed-tray-group{display:grid;gap:5px;grid-template-columns:repeat(4,42px);justify-content:center}.removed-tray-card{align-items:center;animation:removed-card-drop .19s cubic-bezier(.22,1.1,.36,1) both;aspect-ratio:1;background:#fff5c8;border:2px solid #7fa25a;border-radius:6px;box-shadow:inset 0 2px 2px #ffffffb8,inset 0 -3px #90632b33,0 4px #48622652;display:flex;justify-content:center}.removed-tray-card img{display:block;height:29px;object-fit:contain;width:29px}.tray-panel.match-pulse .tray-slots{animation:tray-match-pulse .26s ease-out both}.tray-slots{background:linear-gradient(180deg,rgba(255,195,95,.32) 0 7px,transparent 7px 100%),linear-gradient(180deg,#ad681f,#965417);border:4px solid #7c451b;border-radius:8px;box-shadow:inset 0 2px #ffd3788c,inset 0 -6px #43250e2e,0 5px #5f3717,0 10px 12px #2d3e123d;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(34px,52px));max-width:520px;min-height:74px;padding:8px;width:min(100%,520px)}.tray-slot{align-items:center;aspect-ratio:1;background:#fff0b8;border:2px solid #4f7c2a;border-radius:4px;box-shadow:inset 0 2px 3px #ffffffb8,inset 0 -3px #95652738;display:flex;justify-content:center;min-width:0;transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease}.tray-slot.is-filled{background:#fff8d7;box-shadow:inset 0 2px 3px #ffffffd1,inset 0 -3px #95652738,0 0 0 2px #ffe65f80;transform:translateY(-2px)}.tray-slot.is-clearing{animation:tray-clear-slot .36s cubic-bezier(.22,1,.36,1) both;transform-origin:center;z-index:2}.tray-slot.is-clearing .fruit-token{animation:fruit-clear-pop .36s cubic-bezier(.22,1,.36,1) both}.fruit-token{animation:token-pop .18s cubic-bezier(.22,1.2,.36,1) both;display:block;height:27px;object-fit:contain;width:27px}.tray-post{background:linear-gradient(180deg,#9d6127,#6c3c16);border:2px solid #5f3717;border-radius:5px;box-shadow:inset 0 2px #ffcd7366;display:block;height:92px;width:13px}.action-bar{align-items:start;display:grid;gap:26px;grid-template-columns:repeat(3,minmax(72px,108px));justify-content:center;padding:5px 12px max(14px,calc(env(safe-area-inset-bottom) + 10px));position:relative;z-index:5}.action-button{align-items:center;background:linear-gradient(180deg,#29c4ff,#1597e8 58%,#0f73bf);border:3px solid #17699c;border-radius:9px;box-shadow:inset 0 3px #ffffff73,0 5px #0d5e94,0 8px 10px #22411138;color:#fff;display:block;height:62px;overflow:visible;padding:0;position:relative;text-shadow:0 2px 0 rgba(0,0,0,.45),-1px -1px 0 #063c66,1px -1px 0 #063c66,-1px 1px 0 #063c66,1px 1px 0 #063c66;width:100%}.action-button:active{transform:translateY(3px);box-shadow:inset 0 3px #ffffff59,0 2px #0d5e94,0 4px 8px #22411133}.action-icon{display:block;filter:drop-shadow(0 2px 0 rgba(0,0,0,.34));height:43px;left:50%;object-fit:contain;position:absolute;top:2px;transform:translate(-50%);width:43px}.action-button>strong{bottom:7px;font-size:18px;left:50%;line-height:1;max-width:calc(100% - 12px);overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;transform:translate(-50%);white-space:nowrap}.action-button>b{align-items:center;background:#080808;border:2px solid #fff;border-radius:999px;color:#fff;display:flex;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px;height:23px;justify-content:center;min-width:23px;padding:0 5px;position:absolute;right:-10px;top:-12px;text-shadow:none}canvas{display:block;height:100%!important;width:100%!important}@keyframes overlay-fade-in{0%{background:#14220900}to{background:#142209ad}}@keyframes panel-pop-in{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes token-pop{0%{opacity:0;transform:scale(.58) rotate(-7deg)}72%{opacity:1;transform:scale(1.14) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes tray-match-pulse{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes tray-clear-slot{0%{filter:brightness(1);transform:translate(0) translateY(-2px) scale(1)}48%{filter:brightness(1.12);transform:translate(calc(var(--clear-x, 0px) * .72)) translateY(-7px) scale(1.12)}to{filter:brightness(1.04);transform:translate(var(--clear-x, 0px)) translateY(-12px) scale(.32)}}@keyframes fruit-clear-pop{0%{opacity:1;transform:scale(1) rotate(0)}45%{opacity:1;transform:scale(1.28) rotate(5deg)}to{opacity:0;transform:scale(.18) rotate(-10deg)}}@keyframes removed-card-drop{0%{opacity:0;transform:translateY(14px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.game-overlay,.overlay-panel,.fruit-token,.tray-slot.is-clearing,.tray-slot.is-clearing .fruit-token{animation:none}.tray-slot,.action-button{transition:none}}@media(max-width:680px){.shell{grid-template-rows:88px minmax(0,1fr) 96px 92px}.top-ui{grid-template-columns:64px 1fr 64px;grid-template-rows:58px 20px;padding:13px 10px 2px}.settings-button{height:48px;width:48px}.level-stack strong{font-size:20px;padding-inline:12px}.tray-panel{padding-inline:6px}.removed-tray-stack{bottom:188px;width:min(260px,calc(100% - 32px))}.removed-tray-group{gap:4px;grid-template-columns:repeat(4,37px)}.removed-tray-card img{height:25px;width:25px}.tray-slots{gap:5px;grid-template-columns:repeat(7,minmax(30px,1fr));min-height:66px;padding:7px}.tray-post{height:84px}.action-bar{gap:20px;grid-template-columns:repeat(3,minmax(76px,104px));padding-top:4px}.action-button{height:59px}.action-icon{height:40px;top:2px;width:40px}.action-button>strong{bottom:7px;font-size:17px}}