:root{--px:"Press Start 2P", "Courier New", monospace;--ui:"Rajdhani", "Segoe UI", system-ui, sans-serif;--ink:#0b0e18;--ink-2:#131829;--paper:#e9eef7;--muted:#8b96b2;--quiet:#5c6684;--gold:#ffd24a;--red:#e63946;--orange:#ff7a3d;--sky:#4aa8ff;--cyan:#00e5c8;--magenta:#ff2e88;--violet:#8b5cff;--green:#46d67a;--moon:#9fd0ff;--amber:#ffb454;--accent:var(--gold);--accent-2:var(--red);--glow:#ffd24a73;--card:#0a0e1a99;--card-on:#141a2ce6;--hairline:#ffffff24;--edge:#ffffff29;--edge-btn:#fff3;--t-body:clamp(15px, 2.3vmin, 20px);--t-body-s:clamp(15px, 2.1vmin, 17px);--t-quiet:clamp(15px, 1.95vmin, 16px);--t-title:clamp(17px, 2.6vmin, 23px);--t-label:clamp(11px, 1.7vmin, 14px);--t-tag:clamp(7px, 1.05vmin, 9px);--aspect:4 / 3;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}.theme-night{--accent:var(--moon);--accent-2:var(--amber);--glow:#9fd0ff73}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--ink);height:100%;color:var(--paper);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:none;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}#app{background:radial-gradient(120% 90% at 50% -10%,#1b2440 0%,#0b0e18 55%,#05070d 100%);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#app:before{content:"";transform-origin:50% 100%;pointer-events:none;opacity:.7;background-image:linear-gradient(#78a0ff0f 1px,#0000 1px),linear-gradient(90deg,#78a0ff0f 1px,#0000 1px);background-size:44px 44px;animation:6s linear infinite grid-drift;position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%;transform:perspective(500px)rotateX(58deg)}.theme-night #app:before{background-image:linear-gradient(#9fd0ff12 1px,#0000 1px),linear-gradient(90deg,#ffb4540d 1px,#0000 1px)}.playing #app:before{opacity:.25}@keyframes grid-drift{to{background-position:0 44px,0 0}}.stage{aspect-ratio:var(--aspect);width:min(100vw, calc(100vh * (var(--aspect))));max-height:100vh;box-shadow:0 0 0 2px #ffffff0f, 0 0 60px -10px var(--glow), 0 30px 80px -20px #000000e6;background:#000;transition:box-shadow .5s;position:relative;overflow:hidden}body:not(.framed) .stage{box-shadow:none;background:0 0}body:not(.framed) .scanlines,body:not(.framed) .stage:after{display:none}.screen-canvas{width:100%;height:100%;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen-canvas.active{display:block}.pixel{image-rendering:pixelated;image-rendering:crisp-edges}.smooth{image-rendering:auto}.scanlines{pointer-events:none;background:repeating-linear-gradient(to bottom, rgba(0, 0, 0, var(--scan-alpha,.22)) 0px, rgba(0, 0, 0, var(--scan-alpha,.22)) 1px, transparent 1px, transparent var(--scan-pitch,3px));mix-blend-mode:multiply;opacity:0;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.scanlines.on{opacity:1}.stage:after{content:"";pointer-events:none;opacity:var(--vig,0);background:radial-gradient(120% 100%,#0000 42%,#040610d9 100%);transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.hud{pointer-events:none;z-index:5;font-family:var(--ui);text-shadow:0 2px #000000d9;flex-direction:column;padding:clamp(8px,1.8vmin,16px) clamp(10px,2.2vmin,20px);display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hud-score{font-family:var(--px);color:#fff;letter-spacing:.04em;text-shadow:0 3px #000000d9;min-width:5em;font-size:clamp(13px,3.4vmin,28px)}.hud-pill{letter-spacing:.06em;white-space:nowrap;background:#04060c80;border-radius:6px;align-items:center;gap:10px;padding:clamp(5px,1vmin,8px) clamp(8px,1.6vmin,12px);font-size:clamp(11px,1.95vmin,16px);font-weight:700;display:flex}.hud-stage{color:var(--gold)}.hud-vehicle{color:#fff}.hud-divider{background:#ffffff40;align-self:stretch;width:1px}.hud-lives{justify-content:flex-end;align-items:center;gap:6px;min-width:5em;display:flex}.hud-lives i{background:var(--accent);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);filter:drop-shadow(0 2px #0009);width:clamp(12px,2.6vmin,22px);height:clamp(12px,2.6vmin,22px);display:block}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.hud-gauges{flex-direction:column;gap:8px;width:min(42%,420px);display:flex}.gauge{flex-direction:column;gap:5px;display:flex}.gauge-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.gauge-tag{font-family:var(--px);color:#fff;letter-spacing:.08em;font-size:clamp(8px,1.7vmin,14px)}.gauge-note{letter-spacing:.06em;color:#ffe680;font-size:clamp(12px,2.2vmin,18px);font-weight:700}.gauge-note.crit{color:var(--orange)}.gauge-track{background:#0000008c;border:2px solid #ffffff80;border-radius:4px;height:clamp(13px,3.1vmin,25px);overflow:hidden}.gauge-fill{transform-origin:0;width:100%;height:100%;transition:transform .12s linear,background .3s}.gauge-fill.fuel{background:linear-gradient(90deg, var(--green), #b7ff5a)}.gauge-fill.fuel.warn{background:linear-gradient(90deg, var(--orange), var(--gold))}.gauge-fill.fuel.crit{background:linear-gradient(90deg, #ff2d2d, var(--orange));animation:.35s steps(2,end) infinite pulse}@keyframes pulse{50%{opacity:.45}}.hud-right{align-items:flex-end;gap:clamp(10px,2vmin,16px);display:flex}.touch-ui .hud-right{margin-left:clamp(12px,3vmin,24px);margin-right:auto}.hud-chain{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hud-chain span{letter-spacing:.12em;color:#ffffffbf;font-size:clamp(10px,1.8vmin,15px);font-weight:700}.hud-chain b{font-family:var(--px);color:#fff;font-size:clamp(13px,3.1vmin,25px)}.hud-items{align-items:flex-end;gap:clamp(6px,1.2vmin,10px);display:flex}.hud-item{flex-direction:column;align-items:center;gap:4px;display:flex}.hud-item b{border:2px solid var(--gold);width:clamp(28px,5.7vmin,46px);height:clamp(28px,5.7vmin,46px);font-family:var(--px);color:#fff;background:#04060c99;border-radius:8px;place-items:center;font-size:clamp(8px,1.7vmin,14px);display:grid}.hud-item.hot b{background:var(--red);border-color:#fff}.hud-item span{letter-spacing:.08em;color:#fff;font-size:clamp(9px,1.7vmin,14px);font-weight:700}.boss-bar{text-align:center;width:min(60%,560px);position:absolute;top:clamp(50px,11.5vmin,92px);left:50%;transform:translate(-50%)}.boss-name{font-family:var(--px);color:#fff;letter-spacing:.16em;font-size:clamp(8px,1.7vmin,14px)}.boss-track{background:#0009;border:2px solid #ffffff80;border-radius:3px;height:clamp(9px,2.1vmin,17px);margin-top:6px;overflow:hidden}.boss-fill{transform-origin:0;background:linear-gradient(90deg,#ff3b3b,#ffb03b);width:100%;height:100%;transition:transform .15s}.toast{font-family:var(--px);color:#fff;text-align:center;letter-spacing:.1em;opacity:0;text-shadow:0 0 12px var(--glow), 0 3px 0 #000;white-space:pre-line;font-size:clamp(9px,2.2vmin,20px);line-height:1.7;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.toast.show{animation:1.6s forwards toast-pop}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.touch{z-index:6;position:absolute;top:0;bottom:0;left:0;right:0}.touch-zone{position:absolute;top:22%;bottom:0}.touch-left{width:46%;padding-left:var(--safe-l);left:0}.touch-right{width:46%;padding-right:var(--safe-r);padding-bottom:calc(10px + var(--safe-b));pointer-events:none;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex;right:0}.stick{opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000002e);border:2px solid #ffffff2e;border-radius:50%;width:clamp(90px,26vmin,170px);height:clamp(90px,26vmin,170px);transition:opacity .18s;position:absolute;transform:translate(-50%,-50%)}.stick.on{opacity:.9}.stick-knob{background:radial-gradient(circle at 35% 30%, #fff, var(--accent) 70%);width:42%;height:42%;box-shadow:0 0 18px var(--glow);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tbtn{pointer-events:auto;font-family:var(--px);color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);touch-action:none;background:radial-gradient(circle at 35% 30%,#ffffff47,#00000073);border:2px solid #ffffff4d;border-radius:50%;transition:transform 70ms,box-shadow .12s,background .12s}.tbtn:active,.tbtn.down{box-shadow:0 0 26px var(--glow);background:radial-gradient(circle at 35% 30%, var(--accent), #00000080);transform:scale(.9)}.tbtn-fire{border-color:#ff78788c;width:clamp(66px,17vmin,116px);height:clamp(66px,17vmin,116px);font-size:clamp(8px,1.7vmin,14px)}.tbtn-special{border-color:#ffd24a8c;width:clamp(50px,12vmin,86px);height:clamp(50px,12vmin,86px);margin-bottom:clamp(38px,9vmin,74px);font-size:clamp(7px,1.4vmin,12px)}.tbtn-boost{border-color:#00e5c88c;width:clamp(46px,11vmin,78px);height:clamp(46px,11vmin,78px);margin-bottom:clamp(76px,18vmin,140px);font-size:clamp(6px,1.2vmin,11px)}.overlay{z-index:20;place-items:center;padding:max(12px,2.4vmin);display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.overlay.hidden{display:none}.framed .overlay:not(.hidden){background:#04060cbd}.framed .overlay.heavy:not(.hidden){background:#04060ccc}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.framed .overlay:not(.hidden){-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.overlay::-webkit-scrollbar{width:0}.panel{text-align:center;flex-direction:column;align-items:center;gap:clamp(12px,2.4vmin,26px);width:min(760px,100%);animation:.32s cubic-bezier(.2,.9,.3,1) both panel-in;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}}.panel-h{font-family:var(--px);letter-spacing:.1em;color:var(--accent);text-shadow:0 0 22px var(--glow), 0 4px 0 #0009;margin:0;font-size:clamp(14px,2.85vmin,24px)}.panel-head{justify-content:space-between;align-items:baseline;gap:16px;width:100%;padding-right:clamp(40px,6vmin,52px);display:flex}.panel-was{font-family:var(--px);letter-spacing:.14em;color:var(--quiet);font-size:clamp(8px,1.3vmin,10px)}.btn{font-family:var(--px);letter-spacing:.1em;color:var(--paper);border:2px solid var(--edge-btn);cursor:pointer;background:linear-gradient(#ffffff17,#ffffff05);border-radius:6px;padding:14px 18px;font-size:clamp(11px,1.7vmin,14px);transition:transform .1s,border-color .2s,box-shadow .2s,color .2s}.btn:hover,.btn.nav-focus{color:#fff;border-color:var(--accent);box-shadow:0 0 26px -6px var(--glow), inset 0 0 24px -14px var(--accent);outline:none;transform:translateY(-1px)}.btn:focus-visible{color:#fff;border-color:var(--accent);box-shadow:0 0 26px -6px var(--glow), inset 0 0 24px -14px var(--accent);outline:none;transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{color:var(--ink);background:linear-gradient(180deg, #fff1b8, var(--gold) 45%, #e09a1c);text-shadow:0 1px #ffffff80;border-color:#fff6d0}.theme-night .btn-primary{background:linear-gradient(180deg, #eaf5ff, var(--moon) 45%, #4f8fd0)}.btn-primary:hover,.btn-primary.nav-focus{color:var(--ink)}.btn-primary:focus-visible{color:var(--ink)}.btn-share{border-color:var(--sky);color:#cfe6ff}.btn-quiet{font-family:var(--ui);letter-spacing:.02em;text-align:left;background:#ffffff0d;padding:12px 14px;font-size:clamp(15px,2.2vmin,18px);font-weight:700}.btn-danger{font-family:var(--ui);letter-spacing:.02em;color:#ffb3b8;background:0 0;border-color:#e6394680;font-size:clamp(15px,2.2vmin,18px);font-weight:700}.btn-danger:hover,.btn-danger.nav-focus{border-color:var(--red);box-shadow:0 0 26px -6px #e6394680}.btn-danger:focus-visible{border-color:var(--red);box-shadow:0 0 26px -6px #e6394680}.credit{color:var(--quiet);letter-spacing:.03em;text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 18px;font-size:clamp(12px,1.82vmin,14px);display:flex}.support-link{color:var(--muted);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .2s}.support-link:hover,.support-link.nav-focus{color:var(--gold);outline:none}.support-link:focus-visible{color:var(--gold);outline:none}a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.panel-title{text-align:left;align-items:stretch;gap:clamp(12px,2.6vmin,22px);width:min(1024px,100%);min-height:min(100%,740px);padding:clamp(4px,1.5vmin,14px) clamp(0px,1.2vw,14px)}.masthead{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.lockup{line-height:.9}.logo{align-items:baseline;gap:clamp(8px,1.6vmin,12px);display:flex}.logo-mach,.logo-force{font-family:var(--px);letter-spacing:.05em;color:#0000;-webkit-background-clip:text;background-clip:text}.logo-mach{filter:drop-shadow(0 3px #0009);background-image:linear-gradient(#fff 0%,#cfd9ee 45%,#7f8db0 55%,#fff 100%);font-size:clamp(22px,4.4vmin,40px)}.logo-force{filter:drop-shadow(0 4px #000000a6)drop-shadow(0 0 26px #ff7a3d73);background-image:linear-gradient(#ffe680 0%,#ffb03b 40%,#e63946 78%,#a1121f 100%);font-size:clamp(24px,4.95vmin,44px);transform:skew(-6deg)}.tagline{color:var(--muted);margin:clamp(8px,1.6vmin,14px) 0 0;font-size:clamp(15px,2.5vmin,20px);font-weight:600;line-height:1}.masthead-right{align-items:flex-end;gap:clamp(10px,2vmin,16px);display:flex}.best{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.best span{font-weight:700;font-size:var(--t-label);letter-spacing:.14em;color:var(--quiet)}.best b{font-family:var(--px);color:#fff;font-size:clamp(13px,2.35vmin,20px)}.fsbtn{border:1px solid var(--edge-btn);width:clamp(32px,4.95vmin,40px);height:clamp(32px,4.95vmin,40px);color:var(--muted);cursor:pointer;background:#0a0e1ab8;border-radius:6px;place-items:center;padding:0;transition:color .18s,border-color .18s,background .18s;display:grid}.fsbtn:hover,.fsbtn.nav-focus{color:var(--ink);background:var(--accent);border-color:var(--accent);outline:none}.fsbtn:focus-visible{color:var(--ink);background:var(--accent);border-color:var(--accent);outline:none}.fsbtn .ico{width:clamp(14px,2.2vmin,18px);height:clamp(14px,2.2vmin,18px);display:block}.fsbtn .ico-contract,.fsbtn.on .ico-expand{display:none}.fsbtn.on .ico-contract{display:block}.step{flex-direction:column;gap:clamp(8px,1.6vmin,12px);display:flex}.step-h{flex-wrap:wrap;align-items:baseline;gap:clamp(8px,1.6vmin,12px);display:flex}.step-n{background:var(--accent);width:clamp(20px,3.1vmin,26px);height:clamp(20px,3.1vmin,26px);color:var(--ink);font-family:var(--px);border-radius:4px;align-self:center;place-items:center;font-size:clamp(10px,1.55vmin,13px);font-style:normal;display:grid}.step-h h2{font-weight:700;font-size:var(--t-title);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);margin:0}.step-sub{font-weight:600;font-size:var(--t-body-s);color:var(--muted);margin:0}.modes{grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vmin,14px);width:100%;display:grid}.mode-card{text-align:left;border:2px solid var(--edge);background:var(--card);color:var(--paper);cursor:pointer;font-family:var(--ui);border-radius:8px;align-items:center;gap:clamp(10px,2vmin,16px);padding:clamp(10px,1.8vmin,14px);transition:transform .16s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;overflow:hidden}.mode-card:hover,.mode-card.nav-focus{outline:none;transform:translateY(-3px)}.mode-card:focus-visible{outline:none;transform:translateY(-3px)}.mode-day:hover,.mode-day.nav-focus{border-color:var(--gold);box-shadow:0 14px 40px -14px #ffd24ab3}.mode-day:focus-visible{border-color:var(--gold);box-shadow:0 14px 40px -14px #ffd24ab3}.mode-night:hover,.mode-night.nav-focus{border-color:var(--moon);box-shadow:0 14px 40px -14px #9fd0ffb3}.mode-night:focus-visible{border-color:var(--moon);box-shadow:0 14px 40px -14px #9fd0ffb3}.mode-card.active{background:var(--card-on)}.mode-day.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset, 0 14px 34px -18px var(--gold)}.mode-night.active{border-color:var(--moon);box-shadow:0 0 0 1px var(--moon) inset, 0 14px 34px -18px var(--moon)}.mode-art{aspect-ratio:120/78;border:1px solid #ffffff1f;border-radius:5px;flex:none;width:clamp(84px,15.6vmin,130px);position:relative;overflow:hidden}.mode-art-day{background:linear-gradient(#7ec8ff 0%,#bfe6ff 42%,#f6d98a 43%,#e8b45f 100%)}.mode-art-day:after{content:"";clip-path:polygon(41% 0,59% 0,92% 100%,8% 100%);background:#5a5f6e;position:absolute;top:42%;bottom:0;left:0;right:0}.mode-art-day:before{content:"";z-index:1;background:repeating-linear-gradient(#fff 0 5px,#0000 5px 13px);width:4px;position:absolute;top:42%;bottom:0;left:50%;right:0;transform:translate(-50%)}.mode-art-night{background:linear-gradient(#090c1a 0%,#0c1020 50%,#05070f 100%)}.mode-art-night:after{content:"";clip-path:polygon(41% 0,59% 0,92% 100%,8% 100%);background:#1c1e28;position:absolute;top:42%;bottom:0;left:0;right:0}.mode-art-night:before{content:"";z-index:1;background:conic-gradient(from -11deg at 50% 96%,#fff5d661 0deg 22deg,#0000 22deg 360deg),radial-gradient(22% 18% at 20% 44%,#ffb454b3,#0000 70%),radial-gradient(22% 18% at 80% 66%,#ffb4548c,#0000 70%),linear-gradient(#0000 42% 100%);position:absolute;top:0;bottom:0;left:0;right:0}.mode-body{flex-direction:column;gap:clamp(6px,1.2vmin,9px);min-width:0;display:flex}.mode-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mode-name{font-family:var(--px);letter-spacing:.06em;font-size:clamp(11px,1.95vmin,16px)}.mode-day .mode-name{color:var(--gold)}.mode-night .mode-name{color:var(--moon)}.mode-chip{letter-spacing:.14em;color:var(--moon);border:1px solid #9fd0ff80;border-radius:3px;padding:2px 6px;font-size:clamp(10px,1.55vmin,13px);font-weight:700;line-height:1.3}.mode-card.active .mode-chip{color:var(--ink);background:var(--gold);border-color:var(--gold)}.mode-night.active .mode-chip{background:var(--moon);border-color:var(--moon)}.mode-card p{color:#9aa6c0;margin:0;font-size:clamp(15px,2.2vmin,18px);font-weight:600;line-height:1.35}.mode-card.active p{color:#c8d2e8}.mode-lock{font-family:var(--px);letter-spacing:.2em;color:#6d7794;-webkit-backdrop-filter:grayscale()blur(1px);backdrop-filter:grayscale()blur(1px);background:#04060cd1;place-items:center;font-size:clamp(9px,1.8vmin,15px);display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.era-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.3vmin,10px);width:100%;display:grid}.era-card{--era:var(--accent);text-align:left;border:2px solid var(--hairline);background:var(--card);min-width:0;color:var(--paper);font-family:var(--ui);cursor:pointer;border-radius:7px;flex-direction:column;gap:clamp(5px,1.1vmin,9px);padding:clamp(10px,1.55vmin,12px);transition:transform .14s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.era-card:hover,.era-card.nav-focus{border-color:var(--era);box-shadow:0 14px 34px -16px var(--era);outline:none;transform:translateY(-3px)}.era-card:focus-visible{border-color:var(--era);box-shadow:0 14px 34px -16px var(--era);outline:none;transform:translateY(-3px)}.era-card.active{border-color:var(--era);box-shadow:0 0 0 1px var(--era) inset, 0 14px 34px -18px var(--era);background:#141a2ceb}.era-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.era-year{font-family:var(--px);color:var(--era);font-size:clamp(12px,2.2vmin,18px)}.era-was{font-family:var(--px);font-size:var(--t-tag);letter-spacing:.06em;color:var(--muted);white-space:nowrap}.era-name{color:#fff;font-size:clamp(15px,2.2vmin,18px);font-weight:700}.era-card p{font-weight:500;font-size:var(--t-quiet);color:#93a0bd;margin:0;line-height:1.3}.action-row{align-items:stretch;gap:clamp(10px,1.8vmin,16px);margin-top:auto;display:flex}.btn-start{letter-spacing:.1em;flex:1;padding:clamp(14px,2.9vmin,24px) 18px;font-size:clamp(14px,2.6vmin,22px)}.action-side{flex-direction:column;flex:0 0 clamp(170px,24vw,250px);gap:9px;display:flex}.action-side .btn{flex:1}.panel-settings,.panel-howto{text-align:left;align-items:stretch;width:min(900px,100%)}.opts{gap:11px;width:100%;display:grid}.opt{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;padding:clamp(12px,2.1vmin,16px) clamp(14px,2.6vmin,20px);transition:border-color .2s,box-shadow .2s;display:flex}.opt.nav-focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;outline:none}.opt:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;outline:none}.opt-star{background:#141a2ccc;border-color:#ffd24a59}.opt-text{flex-direction:column;gap:5px;min-width:0;display:flex}.opt-name{color:var(--paper);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(17px,2.6vmin,21px);font-weight:700;display:flex}.opt-was{font-family:var(--px);letter-spacing:.1em;color:var(--muted);font-size:clamp(7px,1.15vmin,9px)}.opt-desc{font-weight:500;font-size:var(--t-body-s);color:var(--muted)}.opt input{opacity:0;pointer-events:none;position:absolute}.opt>.tog{border:1px solid var(--edge-btn);background:#ffffff1f;border-radius:15px;flex:none;width:60px;height:30px;transition:background .2s;position:relative}.opt>.tog:after{content:"";background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .18s,background .2s;position:absolute;top:3px;left:3px}.opt input:checked+.tog{background:#ffd24a4d}.opt input:checked+.tog:after{background:var(--gold);transform:translate(30px)}.opt input:focus-visible+.tog{box-shadow:0 0 0 2px var(--accent)}.panel-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.btn-done{padding:18px 40px;font-size:clamp(11px,1.8vmin,14px)}.howto-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vmin,16px);display:grid}.howto-step{border:1px solid var(--hairline);background:var(--card);border-radius:8px;flex-direction:column;gap:clamp(8px,1.6vmin,12px);padding:clamp(14px,2.6vmin,20px);display:flex}.howto-n{font-family:var(--px);color:var(--gold);font-size:clamp(18px,3.4vmin,28px)}.howto-step h3{color:var(--paper);margin:0;font-size:clamp(17px,2.85vmin,23px);font-weight:700}.howto-step p{color:#b9c3da;margin:0;font-size:clamp(15px,2.35vmin,19px);font-weight:600;line-height:1.45}.howto-row{align-items:stretch;gap:clamp(10px,2vmin,16px);display:flex}.howto-box{border:1px solid var(--hairline);background:var(--card);border-radius:8px;flex-direction:column;gap:10px;padding:clamp(14px,2.6vmin,20px);display:flex}.howto-keys{flex:1}.howto-score{flex:0 0 clamp(220px,34vmin,320px)}.box-label{letter-spacing:.14em;color:var(--muted);font-size:clamp(13px,1.95vmin,15px);font-weight:700}.howto-box p{color:#c8d2e8;margin:0;font-size:clamp(15px,2.35vmin,18px);font-weight:600;line-height:1.4}.howto-pad{color:var(--muted)!important;font-weight:500!important}.keys{color:#c8d2e8;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:clamp(15px,2.2vmin,18px);font-weight:600;display:flex}.keyrow{align-items:center;gap:8px;display:inline-flex}.key{font-family:var(--px);color:#fff;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff4d;border-radius:3px;padding:4px 6px;font-size:clamp(9px,1.55vmin,12px);display:inline-block}.howto-more{border:1px dashed #ffffff40;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;padding:clamp(10px,1.8vmin,14px) clamp(14px,2.6vmin,20px);display:flex}.howto-more p{font-weight:600;font-size:var(--t-body-s);color:var(--muted);margin:0}.howto-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;width:100%;display:grid}.howto-card{border:1px solid var(--hairline);background:var(--card);border-radius:7px;padding:14px}.howto-card h3{font-family:var(--px);color:var(--accent);letter-spacing:.1em;margin:0 0 10px;font-size:clamp(8px,1.3vmin,10px)}.howto-card ul{font-weight:500;font-size:var(--t-quiet);color:#b9c3da;margin:0;padding-left:18px;line-height:1.55}.howto-card ul b{color:#fff;font-weight:700}.howto-card .key{padding:3px 5px;font-size:.7em}.btn-gotit{align-self:center;padding:20px clamp(30px,7.8vmin,60px);font-size:clamp(12px,2.1vmin,17px)}.pause-menu{flex-direction:column;gap:10px;width:min(400px,100%);display:flex}.btn-resume{padding:20px 18px;font-size:clamp(12px,2.1vmin,17px)}.pause-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pause-pair .btn{text-align:center;font-size:clamp(15px,2.35vmin,19px)}.look-card{border:1px solid var(--hairline);background:var(--card);text-align:left;border-radius:8px;flex-direction:column;gap:12px;width:min(560px,100%);padding:clamp(12px,2.2vmin,18px) clamp(14px,2.6vmin,20px);display:flex}.look-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.look-head span{color:var(--paper);font-size:clamp(15px,2.2vmin,18px);font-weight:700}.look-head i{font-family:var(--px);letter-spacing:.14em;color:var(--quiet);font-size:clamp(7px,1.15vmin,9px);font-style:normal}.era-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.era-pick{--era:var(--accent);border:1px solid var(--edge-btn);color:var(--paper);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;transition:color .18s,border-color .18s,background .18s;display:flex}.era-pick:hover,.era-pick.nav-focus{border-color:var(--era);outline:none}.era-pick:focus-visible{border-color:var(--era);outline:none}.era-pick-year{font-family:var(--px);color:var(--era);font-size:clamp(9px,1.7vmin,14px)}.era-pick-was{font-family:var(--ui);font-weight:700;font-size:var(--t-label);letter-spacing:.04em;color:var(--paper)}.era-pick.active{background:var(--gold);border-color:var(--gold)}.era-pick.active .era-pick-year,.era-pick.active .era-pick-was{color:var(--ink)}.pause-summary{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;display:flex}#pause-summary{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:inline-flex}.pause-summary .sum{font-weight:600;font-size:var(--t-body-s);color:var(--muted);white-space:nowrap}.pause-summary .sum b{color:var(--gold)}.pause-summary .sum b.off{color:var(--paper)}.pause-summary .dot{font-style:normal;font-size:var(--t-body-s);color:var(--quiet)}.pause-summary .btn-quiet{padding:10px 14px}.panel-continue{width:min(760px,100%)}.continue-sub{font-weight:600;font-size:var(--t-body);color:#c8d2e8;max-width:44ch;margin:0;line-height:1.4}.continue-kit{font-family:var(--px);letter-spacing:.08em;color:var(--accent);text-shadow:0 0 18px var(--glow);font-size:clamp(9px,1.7vmin,14px);line-height:1.9}.continue-choice{grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vmin,14px);width:100%;display:grid}.choice-card{text-align:left;border:2px solid var(--edge);background:var(--card);color:var(--paper);font-family:var(--ui);cursor:pointer;border-radius:8px;flex-direction:column;gap:8px;padding:clamp(14px,2.4vmin,20px);transition:transform .16s,border-color .2s,box-shadow .2s;display:flex}.choice-card:hover,.choice-card.nav-focus{border-color:var(--accent);box-shadow:0 14px 40px -14px var(--glow);outline:none;transform:translateY(-3px)}.choice-card:focus-visible{border-color:var(--accent);box-shadow:0 14px 40px -14px var(--glow);outline:none;transform:translateY(-3px)}.choice-name{font-family:var(--px);letter-spacing:.06em;color:#fff;font-size:clamp(11px,1.95vmin,16px)}.choice-keep .choice-name{color:var(--accent)}.choice-cost{font-weight:700;font-size:var(--t-label);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.choice-card p{font-weight:600;font-size:var(--t-body-s);color:#9aa6c0;margin:0;line-height:1.35}.menu{flex-direction:column;gap:10px;width:min(320px,88%);display:flex}.score-final{font-family:var(--px);flex-direction:column;gap:8px;display:flex}.score-final span{color:var(--muted);letter-spacing:.2em;font-size:clamp(8px,1.3vmin,11px)}.score-final b{color:#fff;text-shadow:0 0 30px var(--glow);font-size:clamp(22px,5.4vmin,52px)}.score-sub{font-family:var(--px);color:var(--muted);letter-spacing:.1em;font-size:clamp(8px,1.3vmin,11px)}.newbest{font-family:var(--px);color:var(--ink);background:var(--gold);letter-spacing:.14em;border-radius:3px;padding:8px 14px;font-size:clamp(9px,1.9vmin,16px);animation:.6s steps(2,end) infinite pulse}.stats{font-family:var(--px);flex-wrap:wrap;justify-content:center;gap:12px 34px;font-size:clamp(7px,1.2vmin,10px);display:flex}.stats div{flex-direction:column;gap:5px;display:flex}.stats span{color:var(--muted);letter-spacing:.1em}.stats b{color:#fff;font-size:1.28em}.nudge{text-align:left;background:#060a18f2;border:2px solid #9fd0ff73;border-radius:10px;align-items:center;gap:clamp(12px,2.2vmin,18px);width:min(660px,100%);padding:clamp(12px,2.2vmin,18px) clamp(14px,2.6vmin,20px);display:flex;box-shadow:0 20px 50px -20px #9fd0ff99}.nudge-art{aspect-ratio:96/60;border-radius:5px;flex:none;width:clamp(72px,12.5vmin,96px);position:relative;overflow:hidden}.nudge-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.nudge-text b{color:#fff;font-size:clamp(16px,2.5vmin,20px);font-weight:700}.nudge-text span{font-weight:600;font-size:var(--t-body-s);color:var(--muted)}.nudge-actions{align-items:center;gap:12px;display:flex}.btn-try{font-family:var(--ui);letter-spacing:.02em;color:var(--ink);background:var(--moon);border-color:var(--moon);padding:12px 20px;font-size:clamp(15px,2.2vmin,18px);font-weight:700}.btn-try:hover,.btn-try.nav-focus{color:var(--ink);border-color:#fff}.btn-try:focus-visible{color:var(--ink);border-color:#fff}.btn-ghost{font-family:var(--ui);font-weight:600;font-size:var(--t-quiet);letter-spacing:.02em;color:var(--muted);background:0 0;border-color:#0000;padding:12px 8px}.nudge-support{border-color:#ffd24a73;box-shadow:0 20px 50px -20px #ffd24a99}.nudge-icon{background:#ffd24a1f;border-radius:5px;flex:none;place-items:center;width:clamp(48px,7.8vmin,60px);height:clamp(48px,7.8vmin,60px);font-size:clamp(22px,3.9vmin,30px);line-height:1;display:grid}.btn-coffee{font-family:var(--ui);letter-spacing:.02em;color:var(--ink);background:var(--gold);border-color:var(--gold);white-space:nowrap;padding:12px 20px;font-size:clamp(15px,2.2vmin,18px);font-weight:700}.btn-coffee:hover,.btn-coffee.nav-focus{color:var(--ink);border-color:#fff}.btn-coffee:focus-visible{color:var(--ink);border-color:#fff}.rotate-hint{z-index:40;text-align:center;background:#05070df2;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-icon{color:var(--accent);font-size:62px;animation:2s ease-in-out infinite rot}@keyframes rot{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.rotate-hint p{max-width:22ch;color:var(--muted);margin:0;font-size:17px}.quick{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));z-index:30;opacity:.5;flex-direction:row;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute}.playing .quick{top:max(9.2%,44px);right:calc(clamp(10px, 2.2vmin, 20px) + var(--safe-r))}body:not(.playing) .quick{position:fixed}.quick:hover,.quick:focus-within{opacity:1}@media (hover:none){.quick{opacity:.72}}.qbtn{pointer-events:auto;color:var(--paper);border:1px solid var(--edge-btn);cursor:pointer;background:#0a0e1ab8;border-radius:6px;transition:color .18s,border-color .18s,background .18s}.qbtn:hover{color:var(--ink);background:var(--accent);border-color:var(--accent);outline:none}.qbtn:focus-visible{color:var(--ink);background:var(--accent);border-color:var(--accent);outline:none}.qbtn-icon{place-items:center;width:clamp(28px,4.7vmin,38px);height:clamp(28px,4.7vmin,38px);padding:0;display:grid}.qbtn-icon .ico{width:clamp(13px,2.1vmin,17px);height:clamp(13px,2.1vmin,17px);display:block}.qbtn-icon .ico-contract,.qbtn-icon.on .ico-expand{display:none}.qbtn-icon.on .ico-contract{display:block}@media (max-height:540px){.panel-title{gap:clamp(8px,2vmin,14px);min-height:0}.era-card p,.step-sub{display:none}.tagline{margin-top:6px}.btn-start{padding:12px 18px}.action-side{gap:6px}.action-side .btn{padding:8px 12px}.nudge-art,.nudge-icon{display:none}}@media (max-width:720px){.modes,.continue-choice{grid-template-columns:1fr}.mode-card p{font-size:15px}.howto-steps{grid-template-columns:1fr}.howto-row{flex-direction:column}.howto-score{flex-basis:auto}}@media (max-width:600px){.era-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-row{flex-direction:column}.action-side{flex-direction:row;flex-basis:auto}.masthead{flex-direction:column;align-items:flex-start;gap:10px}.masthead-right{align-self:flex-end}}.playing .overlay.hidden{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}