:root{--bg: #120d1e;--panel: rgba(18, 14, 32, .86);--panel-b: rgba(160, 120, 255, .28);--text: #f1edff;--muted: #a69ec4;--accent: #ffcc33;--pink: #ff2bd6;--cyan: #22e0ff;--danger: #ff3b5c;--hp: #3dff7a;--font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--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)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:var(--font);user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#scene{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button,#ui input,#ui select,#ui .pe{pointer-events:auto}svg{width:100%;height:100%;display:block}#boot{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg);font-size:22px;letter-spacing:.4em;color:var(--pink)}.btn{font:inherit;font-weight:700;color:var(--text);background:linear-gradient(180deg,#3c3060f2,#221a3af2);border:1px solid var(--panel-b);border-radius:10px;padding:12px 22px;cursor:pointer;transition:transform .08s,box-shadow .15s,border-color .15s;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.04em}.btn:hover:not([disabled]){border-color:var(--cyan);box-shadow:0 0 14px #22e0ff59}.btn:active:not([disabled]){transform:scale(.97)}.btn[disabled]{opacity:.45;cursor:default}.btn.primary{background:linear-gradient(180deg,#ffd84d,#ff9d1a);color:#2a1600;border-color:#ffe48a;box-shadow:0 0 18px #ffbe2859}.btn.primary:hover:not([disabled]){box-shadow:0 0 26px #ffbe2899;border-color:#fff}.btn.ghost{background:transparent}.btn.danger{background:linear-gradient(180deg,#8a1b33,#5a0f22);border-color:#ff5b7c}.btn.small{padding:7px 12px;font-size:13px;border-radius:8px}.btn.on{border-color:var(--accent);color:var(--accent)}.btn.premium{background:linear-gradient(180deg,#b23bff,#6a1bd0);border-color:#e3a6ff}.btn.big{font-size:22px;padding:16px 30px;flex-direction:column;gap:0}.btn.big small{font-size:12px;font-weight:500;opacity:.75}.coin{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#ffd24a}.coin svg{width:1.05em;height:1.05em}kbd{display:inline-block;min-width:22px;padding:2px 6px;margin:0 2px;border-radius:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);font:700 12px/1.4 var(--font);text-align:center}#hud{display:none;position:absolute;inset:0}.hud-top{position:absolute;top:calc(10px + var(--safe-t));left:calc(14px + var(--safe-l));right:calc(14px + var(--safe-r));display:flex;align-items:center;gap:14px;text-shadow:0 2px 4px #000}.hud-top .lv{font-size:26px;font-weight:800;white-space:nowrap}.xpbar{flex:1;max-width:46vw;height:16px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.25);overflow:hidden}.xpbar .fill{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#6a3dff,#c26bff,#ff8bf1);box-shadow:0 0 12px #b062ff;transition:transform .15s}.timer{flex:0 0 auto;margin:0 auto;font-size:34px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.timer.danger{color:#ff4a4a;animation:pulse 1s infinite}.stats{display:flex;gap:10px}.stat{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:20px;background:#00000073;padding:4px 12px;border-radius:20px;font-variant-numeric:tabular-nums}.stat svg{width:20px;height:20px}.pause-btn{width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:#00000080;color:#fff;padding:9px;cursor:pointer}.boss-bar{position:absolute;top:calc(62px + var(--safe-t));left:50%;transform:translate(-50%);width:min(560px,70vw);opacity:0;transition:opacity .3s;text-align:center}.boss-bar.on{opacity:1}.boss-name{font-weight:800;color:#ff6b4a;text-shadow:0 0 10px #ff2000,0 2px 3px #000;margin-bottom:4px;letter-spacing:.1em}.boss-bar .bar{height:14px;background:#0009;border:1px solid #ff6b4a;border-radius:7px;overflow:hidden}.boss-bar .fill{height:100%;transform-origin:left;background:linear-gradient(90deg,#ff1e1e,#ff8a2a)}.announce{position:absolute;top:24%;left:50%;transform:translate(-50%,-10px) scale(.9);opacity:0;text-align:center;transition:opacity .25s,transform .25s;white-space:nowrap}.announce.on{opacity:1;transform:translate(-50%) scale(1)}.announce .a-title{font-size:clamp(28px,5vw,54px);font-weight:900;font-style:italic;letter-spacing:.06em;color:#fff;text-shadow:0 0 18px var(--cyan),0 3px 4px #000}.announce .a-sub{font-size:16px;font-weight:700;color:#dcd4ff;text-shadow:0 2px 3px #000}.announce.warn .a-title{color:#ffcf3a;text-shadow:0 0 20px #ff7a00,0 3px 4px #000}.announce.boss .a-title{color:#ff4a3a;text-shadow:0 0 24px #ff0000,0 3px 4px #000;font-size:clamp(34px,6vw,70px)}.announce.combo .a-title{color:#ff8bf1;text-shadow:0 0 18px var(--pink),0 3px 4px #000;font-size:clamp(24px,4vw,42px)}.combo{position:absolute;right:calc(24px + var(--safe-r));top:34%;text-align:right;opacity:0;transform:translate(20px);transition:opacity .2s,transform .2s}.combo.on{opacity:1;transform:none}.combo b{display:block;font-size:54px;font-weight:900;font-style:italic;line-height:1;color:#ffe14d;text-shadow:0 0 16px #ff8a00,0 3px 3px #000;font-variant-numeric:tabular-nums}.combo span{font-weight:900;letter-spacing:.2em;color:#ffb64d;text-shadow:0 2px 3px #000}.combo-t{width:120px;height:4px;background:#00000080;margin:4px 0 0 auto;border-radius:2px;overflow:hidden}.combo-t .fill{height:100%;background:#ffe14d;transform-origin:right}.hud-bl{position:absolute;left:calc(14px + var(--safe-l));bottom:calc(14px + var(--safe-b));display:flex;flex-direction:column;gap:8px}.bars{display:flex;flex-direction:column;gap:5px;width:min(340px,40vw)}.bar{display:flex;align-items:center;gap:8px;font-weight:800;font-size:12px;text-shadow:0 1px 2px #000}.bar label{width:46px;letter-spacing:.05em}.bar .track{flex:1;height:13px;background:#0009;border:1px solid rgba(255,255,255,.25);border-radius:7px;overflow:hidden}.bar .fill{height:100%;transform-origin:left;transition:transform .12s}.bar.hp .fill{background:linear-gradient(90deg,#1fd65f,#8bff6b)}.bar.hp .fill.low{background:linear-gradient(90deg,#ff2340,#ff7b4a);animation:pulse .6s infinite}.bar.hp span{width:70px;font-size:12px;font-variant-numeric:tabular-nums}.bar.nitro .fill{background:linear-gradient(90deg,#1a7dff,#4fe3ff)}.bar.nitro .fill.active{background:linear-gradient(90deg,#7af0ff,#fff);box-shadow:0 0 10px #4fe3ff}.skills{display:flex;gap:6px}.slot{width:54px;height:60px;border-radius:8px;background:#0a0816bf;border:2px solid color-mix(in srgb,var(--c, #888) 70%,transparent);color:var(--c, #888);padding:6px 7px 14px;position:relative;box-shadow:0 0 10px color-mix(in srgb,var(--c, #888) 30%,transparent)}.slot.empty{border:2px dashed rgba(255,255,255,.18);box-shadow:none}.slot.max{border-color:#ffd24a;box-shadow:0 0 14px #ffd24a99}.slot .pips{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:2px}.slot .pips i{width:6px;height:6px;border-radius:50%;background:#fff3}.slot .pips i.on{background:var(--c);box-shadow:0 0 4px var(--c)}.speedo{position:absolute;right:calc(190px + var(--safe-r));bottom:calc(18px + var(--safe-b));text-align:right;text-shadow:0 2px 3px #000}.speedo b{font-size:34px;font-weight:900;font-style:italic;font-variant-numeric:tabular-nums}.speedo span{font-size:12px;margin-left:4px;color:var(--muted);font-weight:700}.speedo em{display:block;font-style:italic;font-weight:900;color:var(--pink);letter-spacing:.2em;opacity:0;text-shadow:0 0 10px var(--pink)}.speedo em.on{opacity:1}.minimap{position:absolute;right:calc(14px + var(--safe-r));bottom:calc(14px + var(--safe-b));width:160px;height:160px;border-radius:50%;border:2px solid rgba(255,255,255,.35);box-shadow:0 0 18px #7850ff59}.hurt{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(255,0,30,.75) 100%)}.fps{position:absolute;top:calc(58px + var(--safe-t));left:calc(14px + var(--safe-l));font:700 12px monospace;color:#8f8;display:none;text-shadow:0 1px 2px #000}#dmg-layer{position:absolute;inset:0;overflow:hidden}.dmg{position:absolute;left:0;top:0;font-weight:900;font-size:22px;color:#fff;text-shadow:0 0 2px #000,0 2px 3px #000,0 0 8px rgba(0,0,0,.6);white-space:nowrap;opacity:0;will-change:transform,opacity;font-style:italic}.dmg.crit{font-size:34px;color:#ffd84d;text-shadow:0 0 10px #ff8a00,0 2px 3px #000}.dmg.player{color:#ff4a5a;font-size:26px}.dmg.heal{color:#5bff8a;font-size:26px}#levelup{display:none;position:absolute;inset:0;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a288c,#05030cd9);pointer-events:auto;animation:fadein .2s;padding:12px}.lu-title{font-size:clamp(30px,5vw,52px);font-weight:900;font-style:italic;color:#ffd84d;text-shadow:0 0 22px #ff9d1a,0 3px 4px #000;letter-spacing:.08em}.lu-title span{color:#ffb02e;font-size:.6em;vertical-align:middle}.lu-sub{color:var(--muted);font-weight:700;margin-bottom:18px}.cards{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.card{font:inherit;color:var(--text);width:clamp(170px,22vw,230px);min-height:250px;padding:18px 14px;border-radius:14px;background:linear-gradient(180deg,#282046f5,#120e22f5);border:2px solid rgba(255,255,255,.18);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;transition:transform .12s,border-color .12s,box-shadow .12s;animation:cardin .3s backwards}.card:nth-child(2){animation-delay:.06s}.card:nth-child(3){animation-delay:.12s}.card:hover,.card:focus-visible{transform:translateY(-6px) scale(1.03);border-color:var(--c);box-shadow:0 0 26px color-mix(in srgb,var(--c) 60%,transparent);outline:none}.card .icon{width:72px;height:72px;color:var(--c);filter:drop-shadow(0 0 8px var(--c));display:grid;place-items:center}.card .icon.big{font-size:56px}.card .name{font-size:19px;font-weight:900}.card .desc{font-size:13px;color:#d8d0f4;line-height:1.5;text-align:center}.card .lvdesc{font-size:12px;color:var(--c);font-weight:700}.card .badge{position:absolute;top:8px;left:8px;font-size:11px;font-weight:900;padding:2px 8px;border-radius:10px;background:var(--c);color:#1a1030}.card .key{position:absolute;bottom:6px;right:10px;font-size:11px;color:var(--muted);font-weight:800}#touch{display:none;position:absolute;inset:0}.stick-zone{position:absolute;left:0;top:70px;bottom:0;width:50%;pointer-events:auto;touch-action:none}.stick-base{position:absolute;left:0;top:0;width:140px;height:140px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#ffffff0f;opacity:0;transition:opacity .15s;pointer-events:none}.stick-knob{position:absolute;left:40px;top:40px;width:60px;height:60px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 14px #22e0ff99}.touch-btn{position:absolute;border-radius:50%;font:900 14px var(--font);color:#fff;letter-spacing:.05em;border:2px solid rgba(255,255,255,.45);touch-action:none}.btn-drift{right:calc(130px + var(--safe-r));bottom:calc(40px + var(--safe-b));width:96px;height:96px;background:#ff2bd64d}.btn-nitro{right:calc(24px + var(--safe-r));bottom:calc(130px + var(--safe-b));width:96px;height:96px;background:#22e0ff4d}.touch-btn.active{background:#ffffff8c;transform:scale(.94)}#screens{display:none;position:absolute;inset:0;pointer-events:none;overflow:auto}#screens>*{pointer-events:auto}.topbar{position:sticky;top:0;display:flex;align-items:center;gap:14px;padding:calc(12px + var(--safe-t)) calc(18px + var(--safe-r)) 12px calc(18px + var(--safe-l));background:linear-gradient(180deg,#0a0616eb,#0a061600);z-index:3}.topbar h2{margin:0;font-size:24px;font-weight:900;letter-spacing:.1em;flex:1}.wallet{font-size:20px;background:#00000080;padding:6px 14px;border-radius:20px}.panel{background:var(--panel);border:1px solid var(--panel-b);border-radius:14px;padding:18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.panel h3{margin:0 0 6px;font-size:24px}.panel h4{margin:14px 0 8px;font-size:14px;color:var(--muted);letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:4px}.note{color:var(--muted);font-size:13px;padding:8px 0}.note.warn-note{color:#ffcf6b}.title-screen{position:absolute;inset:0;padding:calc(28px + var(--safe-t)) calc(36px + var(--safe-r)) calc(24px + var(--safe-b)) calc(36px + var(--safe-l));display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(90deg,rgba(10,6,22,.85) 0%,rgba(10,6,22,.25) 50%,transparent 70%)}.logo{line-height:.9}.logo .l1{display:block;font-size:clamp(40px,8vw,92px);font-weight:900;font-style:italic;color:#ff2e4a;text-shadow:0 0 24px rgba(255,40,80,.7),4px 4px 0 #3a0010;letter-spacing:.04em}.logo .l2{display:block;font-size:clamp(32px,6.4vw,74px);font-weight:900;font-style:italic;background:linear-gradient(90deg,#ffd84d,#ff8a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,160,40,.5));letter-spacing:.03em}.logo .tag{margin-top:10px;font-size:15px;color:#d8cfff;font-weight:700;letter-spacing:.1em}.menu-col{display:flex;flex-direction:column;gap:10px;width:min(300px,40vw);align-self:center}.title-stats{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted);align-items:center}.title-stats b{color:var(--text)}.controls-hint{position:absolute;right:calc(28px + var(--safe-r));bottom:calc(24px + var(--safe-b));display:flex;flex-direction:column;gap:6px;font-size:13px;color:#d8cfff;background:#00000073;padding:10px 14px;border-radius:10px}.controls-hint.small{position:static;margin-top:14px;font-size:12px}.version{position:absolute;right:calc(28px + var(--safe-r));top:calc(18px + var(--safe-t));font-size:11px;color:var(--muted)}.garage{display:grid;grid-template-columns:220px 1fr min(440px,46vw);gap:16px;padding:0 calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));min-height:calc(100% - 70px)}.vlist{display:flex;flex-direction:column;gap:8px}.vcard{font:inherit;text-align:left;color:var(--text);padding:12px 14px;border-radius:10px;background:var(--panel);border:1px solid var(--panel-b);cursor:pointer}.vcard.sel{border-color:var(--accent);box-shadow:0 0 14px #ffcc3359}.vcard.locked .vname{color:var(--muted)}.vname{font-weight:800;font-size:15px}.vmeta{font-size:12px;color:var(--muted);margin-top:3px}.eq{color:var(--accent);font-weight:800}.vinfo{grid-column:3;align-self:start;max-height:calc(100vh - 100px);overflow:auto}.vinfo .desc{color:#d8d0f4;font-size:14px;line-height:1.6;margin:4px 0 12px}.ratings{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px}.rating{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.rating .pips{display:flex;gap:3px}.rating .pips i{width:18px;height:8px;border-radius:2px;background:#ffffff1f}.rating .pips i.on{background:linear-gradient(90deg,var(--cyan),var(--pink))}.startskill{display:flex;align-items:center;gap:8px;margin:12px 0 4px;font-size:14px}.sicon{width:28px;height:28px;color:var(--c)}.numbers{font-size:12px;color:var(--muted)}.actions{margin:14px 0 6px;display:flex;flex-direction:column;gap:6px}.req{font-size:12px;color:#ff9db0}.req.ok{color:#8dffb0}.tabs{display:flex;gap:6px;margin:10px 0}.tab{font:inherit;font-weight:800;font-size:13px;color:var(--muted);padding:7px 14px;border-radius:8px;background:#ffffff0f;border:1px solid transparent;cursor:pointer}.tab.on{color:var(--text);border-color:var(--pink);background:#ff2bd626}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);text-align:center}.item.eq{border-color:var(--accent)}.iname{font-size:12px;font-weight:700}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.4)}.shop{padding:0 calc(18px + var(--safe-r)) calc(24px + var(--safe-b)) calc(18px + var(--safe-l));background:#0a0616b3;min-height:calc(100% - 70px)}.testbanner{background:#ffbe281f;border:1px solid rgba(255,190,40,.5);color:#ffe39a;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.6;margin-bottom:12px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.shop-card{background:var(--panel);border:1px solid var(--panel-b);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.shop-card.prem{border-color:#c878ff8c;box-shadow:inset 0 0 30px #a03cff1f}.preview{height:80px;border-radius:8px;display:grid;place-items:center;font-size:40px;background:#ffffff0d}.sname{font-weight:900}.sdesc{font-size:12px;color:var(--muted)}.contents{font-size:11px;color:#d6b3ff}.sprice{font-size:16px;margin-top:auto}.real{font-weight:900;color:#e7b8ff}.settings{max-width:640px;margin:0 auto 24px}.set{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;font-weight:700}.set input[type=range]{width:50%;accent-color:var(--pink)}.set input[type=checkbox]{width:22px;height:22px;accent-color:var(--pink)}.set select{font:inherit;font-size:13px;color:var(--text);background:#221a3a;border:1px solid var(--panel-b);border-radius:8px;padding:6px 8px;max-width:60%}.overlay-center{position:absolute;inset:0;display:grid;place-items:center;background:#05030c99}.pause{display:flex;flex-direction:column;gap:10px;min-width:300px;text-align:center}.pause h2{margin:0 0 8px;letter-spacing:.3em}.result{position:absolute;inset:0;overflow:auto;padding:calc(20px + var(--safe-t)) calc(20px + var(--safe-r)) calc(20px + var(--safe-b)) calc(20px + var(--safe-l));background:#05030cb8;display:flex;flex-direction:column;align-items:center;gap:10px}.rtitle{font-size:clamp(36px,6vw,68px);font-weight:900;font-style:italic;letter-spacing:.06em}.rtitle.win{color:#ffd84d;text-shadow:0 0 24px #ff9d1a}.rtitle.lose{color:#ff4a5a;text-shadow:0 0 24px #ff0030}.rsub{color:#d8cfff;font-weight:700}.rgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:min(920px,100%)}.rstats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rstats div{background:#ffffff0d;border-radius:10px;padding:10px;display:flex;flex-direction:column}.rstats span{font-size:12px;color:var(--muted)}.rstats b{font-size:26px;font-weight:900}.rskills{display:flex;flex-direction:column;gap:4px}.rskill{display:flex;align-items:center;gap:8px;font-size:13px}.rskill svg{width:22px;height:22px;color:var(--c)}.rskill span{flex:1}.bd{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.ach{font-size:13px;padding:6px 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ach span{color:var(--muted);flex:1}.total{font-size:24px;font-weight:900;text-align:right;margin-top:12px}.wallet-line{text-align:right;color:var(--muted);font-size:13px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#0009;pointer-events:auto;z-index:20;animation:fadein .15s}.modal{background:#1b1430;border:1px solid var(--panel-b);border-radius:14px;padding:20px 22px;width:min(440px,90vw)}.modal h3{margin:0 0 8px}.modal p{color:#d8d0f4;line-height:1.6;font-size:14px}.toast{position:absolute;left:50%;bottom:40px;transform:translate(-50%,20px);background:#140e28f2;border:1px solid var(--cyan);padding:10px 18px;border-radius:10px;font-weight:700;font-size:14px;opacity:0;transition:opacity .2s,transform .2s;z-index:30;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.toast.warn{border-color:var(--danger)}#rotate{display:none;position:absolute;inset:0;background:var(--bg);z-index:50;place-items:center;text-align:center;font-size:20px;font-weight:800;line-height:2;pointer-events:auto}@media (orientation: portrait) and (pointer: coarse){#rotate{display:grid}}@keyframes pulse{50%{opacity:.55}}@keyframes fadein{0%{opacity:0}}@keyframes cardin{0%{opacity:0;transform:translateY(30px) scale(.9)}}@media (max-height: 520px){.hud-top .lv{font-size:18px}.timer{font-size:24px}.stat{font-size:14px;padding:2px 8px}.stat svg{width:14px;height:14px}.pause-btn{width:34px;height:34px;padding:7px}.xpbar{height:11px}.slot{width:38px;height:44px;padding:4px 5px 11px}.slot .pips i{width:4px;height:4px}.bars{width:min(240px,34vw)}.minimap{width:104px;height:104px;top:calc(52px + var(--safe-t));bottom:auto}.speedo{display:none}.combo b{font-size:36px}.boss-bar{top:calc(44px + var(--safe-t))}.card{min-height:0;padding:12px 10px;width:clamp(150px,28vw,210px)}.card .icon{width:48px;height:48px}.lu-sub{margin-bottom:8px}.logo .l1{font-size:46px}.logo .l2{font-size:38px}.btn.big{font-size:18px;padding:10px 20px}.btn{padding:9px 16px}.controls-hint{display:none}.garage{grid-template-columns:170px 1fr min(380px,50vw)}.vinfo{max-height:calc(100vh - 70px)}.topbar{padding-top:calc(6px + var(--safe-t));padding-bottom:6px}}@media (max-width: 760px){.garage{grid-template-columns:1fr}.vinfo{grid-column:1}.vlist{flex-direction:row;overflow-x:auto}.rgrid{grid-template-columns:1fr}}.touch-ui .hud-bl{bottom:auto;top:calc(56px + var(--safe-t))}.touch-ui .speedo{display:none}.stages{padding:0 calc(18px + var(--safe-r)) calc(18px + var(--safe-b)) calc(18px + var(--safe-l));display:flex;flex-direction:column;gap:14px}.stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stage-card{position:relative;font:inherit;color:var(--text);text-align:left;padding:14px;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:260px;background:linear-gradient(170deg,color-mix(in srgb,var(--fog) 85%,#fff 6%),var(--sky) 70%);border:2px solid color-mix(in srgb,var(--a) 35%,transparent);box-shadow:inset 0 -40px 60px -30px color-mix(in srgb,var(--a) 35%,transparent);transition:transform .12s,border-color .12s,box-shadow .12s}.stage-card:hover:not([disabled]){transform:translateY(-3px);border-color:var(--a)}.stage-card.sel{border-color:var(--a);box-shadow:0 0 22px color-mix(in srgb,var(--a) 55%,transparent),inset 0 -40px 60px -30px color-mix(in srgb,var(--a) 45%,transparent)}.stage-card.locked{cursor:default;filter:saturate(.35) brightness(.7)}.st-sub{font-size:11px;font-weight:900;letter-spacing:.2em;color:var(--a);display:flex;justify-content:space-between}.st-sub .clr{color:#8dffb0;letter-spacing:.05em}.st-name{font-size:20px;font-weight:900}.st-stars{color:#ffd24a;letter-spacing:.1em}.st-stars i{color:#ffffff2e;font-style:normal}.st-desc{font-size:12px;line-height:1.6;color:#e2dcf6;flex:1}.st-foes{display:flex;flex-wrap:wrap;gap:4px}.foe{font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;background:#0006;border:1px solid var(--c);color:var(--c)}.st-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700}.st-lock{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-weight:800;font-size:13px;line-height:1.8;background:#05030ccc;border-radius:12px}.stage-go{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}.go-info{font-size:14px;color:var(--muted)}.go-info b{color:var(--text)}.unlock-banner{font-size:16px;font-weight:800;padding:8px 18px;border-radius:12px;background:#8dffb01f;border:1px solid #8dffb0;color:#c9ffd9;animation:pulse 1.6s infinite}.unlock-banner span{color:#ffd24a}@media (max-width: 900px){.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-card{min-height:200px}}@media (max-height: 520px){.stage-card{min-height:0;padding:10px;gap:4px}.st-desc{display:none}.st-name{font-size:16px}}.slot.excl{border-style:double;border-width:3px}.card .excl-badge{position:absolute;top:8px;right:8px;font-size:11px;font-weight:900;padding:2px 8px;border-radius:10px;background:linear-gradient(90deg,#ffd84d,#ff8a1a);color:#2a1600}.excl-skill{margin:6px 0 2px;font-size:13px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffd24a14;border:1px solid rgba(255,210,74,.35)}.excl-skill .sicon{flex:0 0 28px}.excl-skill small{display:block;color:var(--muted);font-size:11px}.or{text-align:center;font-size:11px;color:var(--muted)}.legal-links{position:absolute;left:calc(36px + var(--safe-l));bottom:calc(6px + var(--safe-b));display:flex;gap:14px;font-size:11px}.legal-links a,.legal-inline a,.testbanner a{color:var(--muted);pointer-events:auto}.testbanner a{color:#ffe39a}@media (max-height: 520px){.legal-links{font-size:10px;bottom:2px}}.settings input[type=email]{background:#ffffff0f;border:1px solid rgba(255,255,255,.18);color:inherit;border-radius:8px;padding:8px 10px;min-width:0;width:min(260px,55%);font:inherit}