:root{--ui-ink:#fff;--ui-warm:#fff4a3;--ui-sky:#b8e6ff;--ui-panel:#0d1826db;--ui-shadow:#172033;color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111927;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body{overscroll-behavior:none;-webkit-touch-callout:none}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.game-shell{background:#05070d;place-items:start center;width:100vw;min-height:100vh;display:grid}.game-stage{aspect-ratio:16/9;background:#8bd7ff;width:min(100vw,1024px);max-height:100vh;position:relative;overflow:hidden}#game-root{touch-action:none;position:absolute;inset:0}#game-root canvas{touch-action:none;image-rendering:pixelated;display:block}.hud{z-index:4;pointer-events:none;background:linear-gradient(#00000038,#0000);grid-template-columns:1.35fr .68fr .74fr .58fr;align-items:start;gap:14px;width:100%;padding:12px 30px 42px;display:grid;position:absolute;top:0;left:0}.hud__item{min-width:0;color:var(--ui-ink);text-transform:uppercase;text-shadow:2px 2px 0 var(--ui-shadow), 0 0 10px #00000061;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:900}.hud__label{color:var(--ui-ink);letter-spacing:0;font-size:.72rem;font-weight:900;line-height:1;display:block}.overlay__kicker{color:var(--ui-sky);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.hud__value{color:#fff;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;min-height:1.15em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.02rem;font-weight:900;line-height:1;display:flex;overflow:hidden}.hud__coin{width:.72em;height:.72em;box-shadow:2px 2px 0 var(--ui-shadow);background:linear-gradient(90deg,#0000 42%,#ffffffb8 43% 57%,#0000 58%),#f5c84b;border:2px solid #fff;border-radius:50%;display:inline-block}#hud-time.is-warning{color:#ff6b3a;animation:.32s steps(2,end) infinite time-warning-pulse;display:inline-block}@keyframes time-warning-pulse{0%,to{color:#ff6b3a;transform:translateY(0)}50%{color:#fff4a3;transform:translateY(-1px)}}.message{z-index:5;background:var(--ui-panel);color:#fff;opacity:0;text-align:center;visibility:hidden;border:2px solid #ffffff5c;border-radius:8px;min-width:220px;max-width:min(520px,100% - 32px);padding:12px 18px;font-weight:900;transition:opacity .18s,transform .18s;position:absolute;top:22%;left:50%;transform:translate(-50%,-8px)}.message.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.shortcuts{z-index:7;background:#060f1c85;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.shortcuts[hidden]{display:none}.shortcuts__panel{-webkit-overflow-scrolling:touch;background:#0d1826e6;border:2px solid #ffffff52;border-radius:8px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:clamp(20px,3vw,28px);overflow:auto;box-shadow:0 18px 60px #00000057}.shortcuts__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.shortcuts__header .overlay__kicker{margin:0}.shortcuts__close{color:#fff;cursor:pointer;background:#ffffff14;border:2px solid #ffffff57;border-radius:8px;place-items:center;width:38px;height:38px;font-size:1.35rem;font-weight:900;line-height:1;display:grid}.shortcuts__close:focus-visible{outline-offset:3px;outline:3px solid #fff}.shortcuts h2{color:#fff;letter-spacing:0;margin:4px 0 18px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1}.shortcuts__list{gap:10px;margin:0;display:grid}.shortcuts__list div{border-top:1px solid #ffffff1f;grid-template-columns:minmax(0,1fr) minmax(78px,auto);align-items:center;gap:16px;padding:10px 0;display:grid}.shortcuts__list dt{color:#e8f8ff;flex-wrap:wrap;align-items:center;gap:5px;min-width:0;font-weight:800;display:flex}.shortcuts__list dd{color:#fff4a3;text-align:right;margin:0;font-weight:900}kbd{color:#162033;background:#f8fbff;border:1px solid #ffffff59;border-bottom-width:3px;border-radius:6px;place-items:center;min-width:28px;min-height:26px;padding:2px 7px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;font-weight:900;line-height:1;display:inline-grid}.overlay{z-index:6;background:linear-gradient(#060f1c33,#060f1cad),#060f1c26;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay__panel{background:var(--ui-panel);text-align:center;border:2px solid #ffffff47;border-radius:8px;width:min(460px,100%);padding:clamp(22px,4vw,34px);box-shadow:0 18px 60px #00000052}.overlay h1{color:#fff;letter-spacing:0;margin:6px 0 10px;font-size:clamp(2rem,7vw,4rem);line-height:.95}.overlay__copy{color:#d9f5ff;max-width:34ch;margin:0 auto 22px;font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.45}.overlay__button{color:#162033;cursor:pointer;background:#ffcf4a;border:0;border-radius:8px;min-width:132px;min-height:46px;font-weight:950;transition:background .15s,transform .15s}.overlay__button:focus-visible{outline-offset:3px;outline:3px solid #fff}.overlay__button:hover{background:#ffe07c;transform:translateY(-1px)}.overlay[data-variant=course]{background:#05070d}.overlay[data-variant=course] .overlay__panel{width:min(420px,100%);box-shadow:none;text-transform:uppercase;background:0 0;border:0;padding:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.overlay[data-variant=course] .overlay__kicker{color:#fff;font-size:clamp(.72rem,1.8vw,.92rem)}.overlay[data-variant=course] h1{color:#fff;margin:22px 0 20px;font-size:clamp(1.9rem,5vw,3.5rem);line-height:1}.overlay[data-variant=course] .overlay__copy{color:#fff;margin-bottom:30px;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:900;line-height:1.1}.overlay[data-variant=course] .overlay__button{color:#fff;text-transform:uppercase;background:0 0;border:2px solid #ffffffdb;min-width:104px;min-height:38px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86rem}.overlay[data-variant=course] .overlay__button:hover{background:#ffffff24}.touch-controls,.shortcuts__touch-row{display:none}@media (pointer:coarse){body{overscroll-behavior:none}.game-stage{touch-action:none}.touch-controls{z-index:5;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.overlay:not([hidden])~.touch-controls,.shortcuts:not([hidden])~.touch-controls{display:none}.touch-gesture-layer{pointer-events:auto;touch-action:none;position:absolute;inset:0}.touch-stick,.touch-action,.touch-help{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;position:absolute}.touch-stick{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));aspect-ratio:1;opacity:.82;background:radial-gradient(circle,#ffffff2e 0 18%,#0000 19%),#070f1b57;border:2px solid #ffffff4d;border-radius:50%;width:clamp(92px,18vw,132px);box-shadow:inset 0 0 0 7px #0000001f,0 12px 26px #0000003d}.touch-stick:before,.touch-stick:after{content:"";background:#ffffff2e;position:absolute}.touch-stick:before{width:64%;height:2px;top:49%;left:18%}.touch-stick:after{width:2px;height:64%;top:18%;left:49%}.touch-stick__arrow{opacity:.72;width:0;height:0;position:absolute}.touch-stick__arrow--left{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:11px solid #ffffffd1;top:50%;left:17%;transform:translateY(-50%)}.touch-stick__arrow--right{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #ffffffd1;top:50%;right:17%;transform:translateY(-50%)}.touch-stick__arrow--up{border-bottom:11px solid #ffffffd1;border-left:7px solid #0000;border-right:7px solid #0000;top:17%;left:50%;transform:translate(-50%)}.touch-stick__arrow--down{border-top:11px solid #ffffffd1;border-left:7px solid #0000;border-right:7px solid #0000;bottom:17%;left:50%;transform:translate(-50%)}.touch-action{right:max(22px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));aspect-ratio:1;color:#172033;cursor:pointer;opacity:.9;background:#ffcf4adb;border:3px solid #ffffff94;border-radius:50%;place-items:center;width:clamp(64px,12vw,92px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.2rem,4vw,1.75rem);font-weight:950;display:grid;box-shadow:0 12px 26px #00000047,inset 0 -6px #00000029}.touch-action.is-pressed{transform:translateY(3px)scale(.96);box-shadow:0 7px 18px #0000003d,inset 0 -2px #0000002e}.touch-help{top:max(52px, calc(env(safe-area-inset-top) + 48px));right:max(12px, env(safe-area-inset-right));color:#fff;cursor:pointer;opacity:.74;background:#070f1b5c;border:2px solid #ffffff57;border-radius:50%;place-items:center;width:36px;height:36px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1rem;font-weight:950;display:grid}.touch-help:focus-visible,.touch-action:focus-visible{outline-offset:3px;outline:3px solid #fff}.shortcuts__touch-row{display:grid}}@media (pointer:coarse) and (width<=680px){.touch-stick{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));width:clamp(86px,25vw,108px)}.touch-action{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));width:clamp(62px,18vw,76px)}.touch-help{top:max(44px, calc(env(safe-area-inset-top) + 42px));width:32px;height:32px}}@media (hover:hover) and (pointer:fine){.touch-controls,.shortcuts__touch-row{display:none!important}}@media (width<=680px){.game-stage{width:100vw}.hud{grid-template-columns:1.15fr .66fr .62fr .54fr;gap:8px;padding:10px 12px 32px}.hud__label{font-size:.58rem}.hud__value{font-size:.8rem}.shortcuts__list div{grid-template-columns:1fr;gap:7px}.shortcuts__list dd{text-align:left}}