:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef9ff;background:#03070c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden;background:#03070c}button,kbd{font:inherit}#game-shell{position:relative;width:100vw;height:100vh;min-height:580px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 40%,rgba(23,79,104,.34),transparent 34%),radial-gradient(circle at 50% 110%,rgba(91,56,184,.2),transparent 42%),linear-gradient(155deg,#07111b,#02060a 65%)}#game-shell:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(105,203,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(105,203,255,.05) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 35%,transparent 95%);mask-image:linear-gradient(to bottom,transparent,black 35%,transparent 95%)}#game-canvas{display:block;width:100%;height:100%;touch-action:none}.brand{position:absolute;top:32px;left:38px;pointer-events:none}.eyebrow{color:#66d8ff;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.brand h1{margin:5px 0 0;font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:.08em}.audio-controls{position:absolute;top:116px;left:38px;display:grid;gap:5px}.audio-controls button{min-height:36px;padding:0 12px;border:1px solid rgba(119,208,255,.2);background:#040d1594;color:#7f9dad;cursor:pointer;font-size:11px;letter-spacing:.08em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left}.audio-controls span{float:right;margin-left:14px;color:#66d8ff}.audio-controls button[aria-pressed=false] span{color:#657c88}.stats{position:absolute;top:30px;right:38px;display:flex;gap:10px}.stats div,.next-panel{border:1px solid rgba(119,208,255,.2);background:#040d1594;box-shadow:inset 0 0 24px #37b4ff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats div{min-width:84px;padding:10px 13px}.stats span,.next-panel span{display:block;color:#7f9dad;font-size:10px;letter-spacing:.14em}.stats strong{display:block;margin-top:4px;font-weight:500;font-variant-numeric:tabular-nums}.next-panel{position:absolute;right:38px;top:112px;width:88px;padding:13px;text-align:center}.next-panel strong{display:block;padding:8px 0 13px;color:#ffc36a;font-size:25px;font-weight:500}.next-panel .hold-label{border-top:1px solid rgba(119,208,255,.13);padding-top:12px}.next-panel #hold-piece{color:#c37cff;padding-bottom:2px}.hint{position:absolute;left:50%;bottom:74px;transform:translate(-50%);color:#8aa7b7;font-size:12px;letter-spacing:.06em;pointer-events:none}.controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:17px;width:min(94vw,820px);color:#708c9a;font-size:11px}.controls span{white-space:nowrap}kbd{display:inline-block;min-width:24px;margin-right:3px;padding:4px 6px;border:1px solid rgba(121,204,248,.2);border-bottom-color:#79ccf85c;background:#0a1d28b3;color:#c8eaf8;text-align:center;font-size:10px}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0105088a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:opacity .18s ease}.overlay.hidden{opacity:0;pointer-events:none}.overlay-card{width:min(480px,100%);padding:38px;border:1px solid rgba(101,210,255,.24);background:linear-gradient(145deg,#081824f5,#040a11f5);box-shadow:0 28px 90px #00000070,inset 0 0 50px #45c0ff09}.overlay-card h2{margin:12px 0;max-width:380px;font-size:clamp(25px,4vw,37px);line-height:1.18;font-weight:500}.overlay-card p{margin:0 0 26px;color:#91aab7;line-height:1.7}.overlay-card button{min-width:150px;min-height:46px;padding:0 18px;border:1px solid #5bd5ff;background:#5bd5ff;color:#031019;cursor:pointer;font-weight:500;letter-spacing:.08em}.overlay-card button:hover{background:#89e2ff}@media(max-width:720px){#game-shell{min-height:520px}.brand{top:20px;left:20px}.audio-controls{top:78px;left:20px}.stats{top:18px;right:18px;gap:5px}.stats div{min-width:61px;padding:8px}.next-panel{top:86px;right:18px;width:68px;padding:9px}.controls{bottom:15px;gap:8px 12px;flex-wrap:wrap}.hint{bottom:68px;width:100%;text-align:center}.overlay-card{padding:28px}}@media(max-width:480px){.brand .eyebrow,.next-panel{display:none}.brand h1{margin:0;font-size:22px}.audio-controls{top:58px}.stats div{min-width:54px}.stats div span{letter-spacing:.04em}.controls span:nth-child(3),.controls span:nth-child(5),.controls span:nth-child(6){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}