*,:before,:after{box-sizing:border-box}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#f2f2f2;width:100%;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100dvh;position:relative;overflow:hidden}:root{--cursor-hand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff8f0' stroke='%232c3e50' stroke-width='1.6' stroke-linejoin='round' d='M12 2.8c-.9 0-1.6.7-1.6 1.6v11.2l-1.8-1.4c-.7-.5-1.7-.4-2.3.3-.5.6-.4 1.5.2 2l5.6 5.2c.5.5 1.2.8 2 .8h6.6c1.2 0 2.2-1 2.2-2.2V14c0-.9-.7-1.6-1.6-1.6-.3 0-.6.1-.8.2V8.8c0-.9-.7-1.6-1.6-1.6-.3 0-.6.1-.9.2V6c0-.9-.7-1.6-1.6-1.6-.4 0-.7.1-1 .3V4.4c0-.9-.7-1.6-1.6-1.6z'/%3E%3C/svg%3E") 20 4, pointer;--cursor-hand-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffe8d6' stroke='%232c3e50' stroke-width='1.6' stroke-linejoin='round' d='M12 3.4c-.9 0-1.6.7-1.6 1.6v10.6l-1.8-1.3c-.7-.5-1.7-.4-2.3.3-.5.6-.4 1.5.2 2l5.6 5.2c.5.5 1.2.8 2 .8h6.6c1.2 0 2.2-1 2.2-2.2V14.2c0-.9-.7-1.6-1.6-1.6-.3 0-.6.1-.8.2v-3.2c0-.9-.7-1.6-1.6-1.6-.3 0-.6.1-.9.2V7c0-.9-.7-1.6-1.6-1.6-.4 0-.7.1-1 .3V5c0-.9-.7-1.6-1.6-1.6z'/%3E%3C/svg%3E") 20 4, pointer}#stage{cursor:var(--cursor-hand);position:absolute;inset:0;overflow:hidden}#stage canvas{touch-action:none;width:100%;height:100%;cursor:var(--cursor-hand);display:block}#stage canvas:active{cursor:var(--cursor-hand-active)}.shell-chrome{z-index:20;pointer-events:none;position:absolute;inset:0}.shell-fab{pointer-events:auto;top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left));color:#2c3e50;cursor:pointer;background:#ffffffeb;border:none;border-radius:14px;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;box-shadow:0 4px 16px #0000001f}.shell-fab-secondary{left:auto;right:max(10px, env(safe-area-inset-right));color:#1e8449;border-radius:50%}.shell-fab:active{background:#f0f3f5;transform:scale(.96)}.shell-fab-icon{fill:currentColor;width:24px;height:24px}.shell-fab-secondary .shell-fab-icon{fill:none}.shell-status{pointer-events:none;left:50%;top:max(14px, calc(env(safe-area-inset-top) + 6px));color:#333;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffffc7;border-radius:999px;max-width:min(56vw,420px);margin:0;padding:6px 12px;font-size:clamp(12px,2.8vw,15px);line-height:1.3;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 10px #0000000f}@media (width<=420px){.shell-status{max-width:min(46vw,200px);font-size:12px}}.menu-modal{z-index:40;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));place-items:center;display:grid;position:absolute;inset:0}.menu-modal[hidden]{display:none!important}.menu-backdrop{cursor:pointer;background:#1e28326b;border:none;margin:0;padding:0;position:absolute;inset:0}.menu-panel{z-index:1;background:#fff;border-radius:20px;width:min(92vw,420px);max-height:min(82dvh,640px);padding:18px 18px 22px;animation:.22s ease-out menu-panel-in;position:relative;overflow:auto;box-shadow:0 16px 48px #00000038}@keyframes menu-panel-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.menu-header h2{color:#1f2a33;margin:0;font-size:clamp(20px,4.5vw,24px);font-weight:700}.menu-close{color:#445;cursor:pointer;background:#eef2f5;border:none;border-radius:12px;width:40px;height:40px;font-size:26px;line-height:1}.menu-close:active{background:#e0e6eb}.menu-section+.menu-section{margin-top:18px}.menu-section[hidden]{display:none!important}.menu-section-title{color:#6a7680;letter-spacing:.02em;margin:0 0 10px;font-size:14px;font-weight:600}.menu-games{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-gutter:stable;grid-template-columns:1fr;gap:10px;max-height:min(230px,32dvh);padding-right:4px;display:grid;overflow:hidden auto}.menu-games::-webkit-scrollbar{width:6px}.menu-games::-webkit-scrollbar-thumb{background:#c5ced6;border-radius:999px}.menu-games::-webkit-scrollbar-track{background:0 0}.menu-game-btn{color:#24303a;text-align:left;cursor:pointer;background:#f8fafb;border:2px solid #e4e9ed;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:64px;padding:12px 14px;display:flex}.menu-game-btn.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.menu-game-btn:active{transform:scale(.985)}.menu-game-icon{background:#fff;border-radius:12px;flex-shrink:0;width:44px;height:44px;position:relative;box-shadow:inset 0 0 0 1px #0000000f}.menu-game-btn.active .menu-game-icon{box-shadow:none}.menu-game-label{font-size:clamp(17px,4vw,19px);font-weight:700}.menu-game-icon--bubble-pop:before,.menu-game-icon--bubble-pop:after,.menu-game-icon--peekaboo:before,.menu-game-icon--peekaboo:after,.menu-game-icon--basket-drop:before,.menu-game-icon--basket-drop:after,.menu-game-icon--scribble:before,.menu-game-icon--scribble:after,.menu-game-icon--color-track:before,.menu-game-icon--color-track:after,.menu-game-icon--balance-scale:before,.menu-game-icon--balance-scale:after,.menu-game-icon--shape-match:before,.menu-game-icon--shape-match:after{content:"";position:absolute}.menu-game-icon--scribble{background:linear-gradient(160deg,#fff8f0,#fdebd0)}.menu-game-icon--scribble:before{background:#e74c3c;border-radius:999px;width:28px;height:8px;top:18px;left:8px;transform:rotate(-18deg);box-shadow:2px 10px #3498db}.menu-game-icon--scribble:after{background:linear-gradient(#f5b041 55%,#e67e22 55%);border-radius:4px 4px 2px 2px;width:10px;height:22px;top:10px;right:8px;transform:rotate(25deg)}.menu-game-icon--basket-drop{background:linear-gradient(165deg,#eafaf1,#abebc6)}.menu-game-icon--basket-drop:before{clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);background:#d35400;border-radius:0 0 4px 4px;width:24px;height:18px;top:14px;left:10px}.menu-game-icon--basket-drop:after{background:#5dade2;border-radius:50%;width:10px;height:10px;top:8px;left:17px;box-shadow:8px 10px 0 -1px #f5b041}.menu-game-icon--peekaboo{background:linear-gradient(165deg,#fff3e0,#f5cba7)}.menu-game-icon--peekaboo:before{background:#5dade2;border-radius:4px 4px 6px 6px;width:24px;height:28px;top:8px;left:10px;box-shadow:inset -6px 0 #00000014}.menu-game-icon--peekaboo:after{background:#f5b041;border-radius:50%;width:10px;height:10px;top:16px;left:16px;box-shadow:3px 2px #fff}.menu-game-icon--bubble-pop{background:linear-gradient(160deg,#d6effc,#b8e0f5)}.menu-game-icon--bubble-pop:before{background:radial-gradient(circle at 35% 30%,#fff 0%,#5dade2 55%,#3498db 100%);border-radius:50%;width:16px;height:16px;top:14px;left:8px}.menu-game-icon--bubble-pop:after{background:radial-gradient(circle at 35% 30%,#fff 0%,#58d68d 55%,#27ae60 100%);border-radius:50%;width:12px;height:12px;top:10px;right:8px;box-shadow:-10px 14px #f5b041}.menu-game-icon--color-track{background:linear-gradient(90deg,#e74c3c 25%,#f1c40f 25% 50%,#2ecc71 50% 75%,#3498db 75%)}.menu-game-icon--color-track:before{background:#fff;border-radius:50%;width:10px;height:10px;top:8px;left:8px;box-shadow:14px 18px #fff,26px 6px #fff}.menu-game-icon--balance-scale:before{background:#5d6d7e;border-radius:2px;height:3px;top:20px;left:8px;right:8px}.menu-game-icon--balance-scale:after{border-top:10px solid #e67e22;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;top:10px;left:50%;transform:translate(-50%)}.menu-game-icon--shape-match:before{background:#5dade2;border-radius:50%;width:14px;height:14px;top:12px;left:8px}.menu-game-icon--shape-match:after{border-bottom:16px solid #58d68d;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;top:12px;right:8px}.menu-levels{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;display:grid}.menu-level-btn{color:#24303a;cursor:pointer;background:#fff;border:2px solid #e4e9ed;border-radius:12px;min-height:48px;padding:10px 12px;font-size:16px;font-weight:600}.menu-level-btn.active{color:#fff;background:#2874a6;border-color:#2874a6}.menu-level-btn:active{transform:scale(.97)}body.menu-open .shell-fab{pointer-events:none}.game-timer{top:max(66px, calc(env(safe-area-inset-top) + 56px));right:max(12px, env(safe-area-inset-right));z-index:3;font-variant-numeric:tabular-nums;color:#34495e;pointer-events:none;background:#ffffffe0;border-radius:999px;padding:6px 12px;font-size:clamp(15px,3.2vw,18px);font-weight:600;position:absolute;box-shadow:0 2px 10px #00000014}.game-confetti{z-index:4;pointer-events:none;display:block;position:absolute;inset:0}.game-win{pointer-events:none;z-index:5;background:#eef2f559;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-win-card{pointer-events:auto;background:#ffffffeb;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:22px 28px 20px;animation:.45s ease-out game-win-pop;display:flex;box-shadow:0 8px 28px #0000001f}.game-win-title{color:#1e8449;margin:0;font-size:clamp(22px,5vw,32px);font-weight:700}.game-win-time{font-variant-numeric:tabular-nums;color:#2874a6;margin:0;font-size:clamp(18px,4vw,24px);font-weight:700}.game-win-sub{color:#555;margin:0 0 6px;font-size:clamp(16px,3.5vw,20px)}.game-win-again{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:10px;min-width:140px;min-height:44px;padding:10px 22px;font-size:18px;font-weight:600}.game-win-again:active{background:#27ae60}@keyframes game-win-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.scribble-ui{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:6;pointer-events:auto;background:#ffffffe6;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;max-width:min(92vw,520px);padding:10px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 18px #0000001a}.scribble-colors{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.scribble-color{background:var(--swatch,#ccc);cursor:pointer;border:3px solid #ffffffe6;border-radius:50%;width:40px;height:40px;padding:0;box-shadow:0 0 0 2px #0000001f}.scribble-color.active{transform:scale(1.08);box-shadow:0 0 0 3px #2c3e50}.scribble-color:active{transform:scale(.96)}.scribble-clear{color:#fff;cursor:pointer;background:#5d6d7e;border:none;border-radius:12px;min-height:44px;padding:8px 16px;font-size:16px;font-weight:600}.scribble-clear:active{background:#445}