:root{--sky-0: #071628;--sky-1: #0b2545;--sky-2: #14406e;--glass: rgba(9, 24, 43, .62);--glass-hi: rgba(255, 255, 255, .14);--ink: #f2f7ff;--ink-dim: #a9c2de;--sun: #ffcf47;--sun-deep: #ff9d2e;--jet: #4fd1ff;--go: #43e08a;--pad: clamp(10px, 2.2vh, 20px);--r: 22px;--tap: clamp(60px, 12vh, 92px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background:var(--sky-0);color:var(--ink);font-family:Nunito,"Baloo 2",Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:800;user-select:none;-webkit-user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.layer{position:fixed;inset:0;z-index:10}.hidden{display:none!important}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--pad);padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 24px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 24px);background:radial-gradient(120% 90% at 50% 8%,#2a6fb5,#123a6a 42%,#071628);z-index:20;overflow:hidden}.screen.dim{background:#05101edb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:30}.screen.solid{background:var(--sky-0);z-index:60}.screen-title{font-size:clamp(22px,4.4vh,40px);letter-spacing:.5px;text-shadow:0 3px 0 rgba(0,0,0,.28)}.logo{font-size:clamp(44px,13vh,108px);line-height:.95;letter-spacing:-1px;text-shadow:0 6px 0 rgba(0,0,0,.3)}.logo em{font-style:normal;background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:clamp(13px,2.3vh,20px);font-weight:700;color:var(--ink-dim);margin-top:-4px}.attribution{position:absolute;bottom:calc(var(--safe-b) + 8px);left:0;right:0;text-align:center;font-size:10px;font-weight:600;line-height:1.4;color:#d2e4f88c;padding:0 18px}.sky-deco{position:absolute;inset:0;pointer-events:none;opacity:.5}.sky-deco span{position:absolute;height:42px;border-radius:999px;background:#ffffff29;filter:blur(10px);animation:drift linear infinite}.sky-deco span:nth-child(1){width:260px;top:18%;animation-duration:46s}.sky-deco span:nth-child(2){width:400px;top:47%;height:60px;animation-duration:64s;animation-delay:-20s}.sky-deco span:nth-child(3){width:180px;top:74%;animation-duration:38s;animation-delay:-9s}@keyframes drift{0%{transform:translate(-460px)}to{transform:translate(102vw)}}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer;touch-action:none}.mega{display:inline-flex;align-items:center;gap:14px;padding:0 clamp(26px,4vw,46px);height:clamp(64px,12vh,96px);border-radius:999px;font-size:clamp(20px,3.4vh,32px);color:#10243c;background:linear-gradient(180deg,#ffe07a 0%,var(--sun) 40%,var(--sun-deep) 100%);box-shadow:0 8px #b26512,0 16px 30px #00000073;transition:transform .08s ease,box-shadow .08s ease}.mega.small{height:clamp(52px,8.5vh,70px);font-size:clamp(16px,2.6vh,24px)}.mega svg{width:1.15em;height:1.15em;fill:currentColor}.mega:active{transform:translateY(6px);box-shadow:0 2px #b26512,0 6px 14px #0006}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:var(--tap);height:clamp(52px,8.5vh,70px);padding:0 22px;border-radius:999px;font-size:clamp(14px,2.2vh,20px);color:var(--ink);background:var(--glass-hi);border:2px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .08s ease,background .15s ease}.pill.wide{min-width:150px}.pill svg{width:1.3em;height:1.3em;fill:currentColor}.pill:active{transform:scale(.95);background:#ffffff3d}#btn-settings-title{position:absolute;top:calc(var(--safe-t) + 14px);right:calc(var(--safe-r) + 14px);padding:0;width:var(--tap)}.button-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.cards{display:flex;gap:clamp(12px,2.4vw,28px);align-items:stretch;justify-content:center;flex-wrap:wrap;max-width:96vw}.card{position:relative;width:clamp(180px,30vw,300px);padding:14px 16px 18px;border-radius:var(--r);background:linear-gradient(180deg,#ffffff29,#ffffff0d);border:3px solid transparent;transition:transform .14s ease,border-color .14s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.card canvas,.card .card-art{width:100%;aspect-ratio:16 / 9;border-radius:14px;background:radial-gradient(120% 120% at 50% 20%,#2e6fae,#0d2540);display:block}.card b{font-size:clamp(15px,2.4vh,22px)}.card small{font-size:clamp(11px,1.7vh,14px);font-weight:700;color:var(--ink-dim)}.card .stats{display:flex;gap:6px;margin-top:4px}.card .stats i{width:22px;height:8px;border-radius:4px;background:#fff3}.card .stats i.on{background:var(--jet)}.card.selected{border-color:var(--sun);transform:translateY(-6px) scale(1.03);box-shadow:0 14px 30px #00000073}.card.selected:after{content:"";position:absolute;top:-12px;right:-12px;width:38px;height:38px;border-radius:50%;background:var(--go) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2310243c"><path d="M9.5 16.2 5.3 12l-1.4 1.4 5.6 5.6L20.1 8.4 18.7 7z"/></svg>') center / 26px no-repeat;box-shadow:0 4px 12px #0006}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 18px;width:min(880px,92vw);max-height:58vh;overflow-y:auto;padding:4px;touch-action:pan-y}.setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:16px;background:#ffffff12}.setting>span{font-size:clamp(13px,2vh,18px)}.setting small{display:block;font-size:11px;font-weight:700;color:var(--ink-dim)}.toggle{flex:none;width:78px;height:42px;border-radius:999px;background:#ffffff29;position:relative;transition:background .18s ease}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:34px;height:34px;border-radius:50%;background:#fff;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.toggle[aria-checked=true]{background:var(--go)}.toggle[aria-checked=true]:after{transform:translate(36px)}.segmented{display:flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff1a}.segmented button{padding:8px 14px;border-radius:999px;font-size:13px;color:var(--ink-dim)}.segmented button[aria-pressed=true]{background:var(--jet);color:#08243a}.credits{width:min(820px,92vw);max-height:62vh;overflow-y:auto;touch-action:pan-y;font-size:13px;font-weight:600;line-height:1.55;color:#dae8f8;display:flex;flex-direction:column;gap:12px}.credits h3{font-size:15px;color:var(--sun);margin-bottom:2px}.credits section{background:#ffffff0f;border-radius:14px;padding:12px 16px}.credits .link{display:inline-block;margin-top:6px;padding:6px 12px;border-radius:999px;font-size:12px;background:#ffffff1f;color:var(--ink-dim)}.credits .link.armed{background:var(--sun);color:#10243c}#screen-loading{z-index:50}.loader{display:flex;gap:12px}.loader span{width:18px;height:18px;border-radius:50%;background:var(--sun);animation:bob .9s ease-in-out infinite}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-16px);opacity:1}}.loading-label{font-size:clamp(15px,2.6vh,22px);color:var(--ink-dim)}.rotate-icon{width:clamp(70px,18vh,130px);height:clamp(70px,18vh,130px);fill:var(--sun);animation:tilt 2.4s ease-in-out infinite}@keyframes tilt{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}#game-ui{z-index:15;pointer-events:none}#game-ui>*{pointer-events:auto}.stick-pad{position:absolute;left:0;top:0;width:50%;height:100%;touch-action:none}.stick{position:absolute;width:190px;height:190px;margin:-95px 0 0 -95px;pointer-events:none}.stick-ring{position:absolute;inset:0;border-radius:50%;border:4px solid rgba(255,255,255,.26);background:#0a1c324d;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.stick-knob{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fff,#bcd8f2 55%,#6f9dc7);box-shadow:0 6px 18px #00000073;will-change:transform}.controls{position:absolute;right:calc(var(--safe-r) + 14px);bottom:calc(var(--safe-b) + 14px);display:flex;flex-direction:column;gap:14px;align-items:flex-end}.ctl-row{display:flex;gap:14px}.ctl{width:var(--tap);height:var(--tap);border-radius:26px;display:grid;place-items:center;background:var(--glass);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 16px #00000059;transition:transform .07s ease,background .12s ease}.ctl svg{width:46%;height:46%;fill:var(--ink)}.throttle{--thumb-w: 68px;--thumb-h: 50px;--thumb-pad: 5px;position:relative;width:80px;height:clamp(180px,42vh,280px);border-radius:40px;background:var(--glass);border:2px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 18px #0006;overflow:hidden;touch-action:none;transition:transform .1s ease}.throttle.held{transform:scale(1.03)}.throttle-fill{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,var(--sun) 0%,var(--sun-deep) 65%,#e0651a 100%);transition:height .1s ease}.throttle[data-notch="5"] .throttle-fill{background:linear-gradient(180deg,#ff7a5c,#ff4d3d 60%,#d92d1e)}.throttle-ticks{position:absolute;inset:12px 0;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;pointer-events:none}.throttle-ticks i{width:26px;height:3px;border-radius:2px;background:#fff6}.throttle-thumb{position:absolute;left:50%;transform:translate(-50%);bottom:var(--thumb-pad);width:var(--thumb-w);height:var(--thumb-h);border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,#fff,#d3e2f0 60%,#a8c2da);box-shadow:0 4px 12px #00000073;transition:bottom .1s ease;pointer-events:none}.throttle-thumb svg{width:26px;height:26px;fill:#123a6a}.throttle-label{position:absolute;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:#ffffff8c;pointer-events:none}.throttle-label-max{top:6px}.throttle-label-min{bottom:6px}.ctl:active,.ctl.held{transform:scale(.94);background:#4fd1ff6b}#btn-speed-up:active,#btn-speed-up.held{background:#43e08a73}.corner{position:absolute;top:calc(var(--safe-t) + 12px);width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--glass);border:2px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.corner svg{width:46%;height:46%;fill:var(--ink)}.corner-left{left:calc(var(--safe-l) + 10px)}.corner-right{right:calc(var(--safe-r) + 10px)}.corner:active{transform:scale(.94)}.hud{position:absolute;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 10px);display:flex;align-items:center;gap:16px;padding:8px 20px;border-radius:999px;background:var(--glass);border:2px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 2px 4px rgba(0,0,0,.5);cursor:pointer}.hud-speed,.hud-alt{display:flex;align-items:baseline;gap:7px;font-size:clamp(22px,4vh,36px);font-variant-numeric:tabular-nums}.hud-icon{width:.72em;height:.72em;fill:var(--jet);align-self:center}.hud-alt .hud-icon{fill:var(--go)}.hud-unit{font-size:.42em;font-weight:800;color:var(--ink-dim);letter-spacing:.6px}.throttle-bar{display:flex;gap:4px;align-items:flex-end;height:30px}.throttle-bar i{width:9px;border-radius:3px;background:#ffffff2e;transition:background .12s ease}.throttle-bar i:nth-child(1){height:34%}.throttle-bar i:nth-child(2){height:50%}.throttle-bar i:nth-child(3){height:66%}.throttle-bar i:nth-child(4){height:82%}.throttle-bar i:nth-child(5){height:100%}.throttle-bar i.on{background:linear-gradient(180deg,var(--sun),var(--sun-deep))}.throttle-bar i.max{background:linear-gradient(180deg,#ff6b6b,#ff3d3d)}.home-arrow{position:absolute;top:calc(var(--safe-t) + 12px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:20px;background:var(--glass);border:2px solid rgba(255,255,255,.14);pointer-events:none!important}.home-arrow svg{width:30px;height:30px;fill:var(--sun);will-change:transform}.home-arrow b{font-size:12px;color:var(--ink-dim)}.ghost-hand{position:absolute;width:74px;height:74px;margin:-37px 0 0 -37px;pointer-events:none!important;animation:pulse 1.25s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:left .5s ease,top .5s ease}.ghost-hand svg{width:100%;height:100%;fill:#ffffffeb}@keyframes pulse{0%,to{transform:scale(1) translateY(0);opacity:.55}50%{transform:scale(1.16) translateY(-6px);opacity:1}}.flash{position:fixed;inset:0;z-index:45;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),rgba(255,210,90,.2) 60%,transparent 75%);animation:flashout .8s ease-out forwards}@keyframes flashout{0%{opacity:1}to{opacity:0}}.debug{position:fixed;left:calc(var(--safe-l) + 8px);bottom:calc(var(--safe-b) + 8px);z-index:70;padding:8px 12px;border-radius:12px;background:#000000b8;color:#9ef7c4;font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:500;line-height:1.45;white-space:pre;pointer-events:none}.debug .bad{color:#ff8a8a}@media(max-height:430px){:root{--tap: 56px;--pad: 8px}.stick{width:150px;height:150px;margin:-75px 0 0 -75px}.stick-knob{width:68px;height:68px;margin:-34px 0 0 -34px}.throttle{width:68px;height:clamp(150px,52vh,200px);--thumb-w: 56px;--thumb-h: 42px}.controls{gap:10px}.corner{width:52px;height:52px;border-radius:18px}.hud{gap:12px;padding:6px 14px}}@media(max-width:700px){.hud{left:44%}}