:root{--bg:#020617;--panel:#080f23db;--panel-solid:#0b1328;--line:#7dd3fc59;--line-strong:#7dd3fcbf;--text:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--gold:#facc15;--good:#4ade80;--bad:#f87171;--evolve:#c084fc;--basic:#3b82f6;--rapid:#22c55e;--heavy:#a855f7;--display:"Orbitron","Rajdhani",sans-serif;--body:"Rajdhani","Segoe UI",sans-serif}*{box-sizing:border-box}html,body{overflow:hidden;background:radial-gradient(circle at 50% 30%,#0c1a3a,var(--bg)70%);color:var(--text);font-family:var(--body);user-select:none;-webkit-user-select:none;height:100%;margin:0}#stage{position:absolute;transform-origin:center center;overflow:hidden;width:1280px;height:720px;top:50%;left:50%;box-shadow:0 0 80px #38bdf826}#gl,#fx{position:absolute;display:block;width:1280px;height:720px;inset:0}#fx{touch-action:none}.hidden{display:none!important}button{font-family:var(--body);color:var(--text);cursor:pointer;font-weight:700}.topbar{position:absolute;display:flex;border-bottom:1px solid var(--line);pointer-events:none;background:linear-gradient(#020617eb,#0206178c);align-items: center;gap:18px;height:52px;padding:0 14px;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.lvl{display:flex;flex-direction:column;min-width:250px;line-height:1.05}#lvlName{font-family:var(--display);letter-spacing:.06em;color:#bae6fd;font-size:13px}#waveInfo{font-size:18px;font-weight:700}.coins{display:flex;font-family:var(--display);color:var(--gold);text-shadow:0 0 12px #facc1580;align-items: center;gap:8px;font-size:22px}.coin{background:radial-gradient(circle at 35% 35%,#fef9c3,#facc15 45%,#a16207);border-radius:50%;width:20px;height:20px;box-shadow:0 0 10px #facc1599}.bases{display:flex;flex:1;gap:8px}.base-chip{border:1px solid var(--line);background:#0f172acc;border-radius:999px;padding:3px 10px;font-size:14px}.base-chip b{font-size:16px}.base-chip.reactor{border-color:#4ade8099}.base-chip.low{border-color:var(--bad);color:#fecaca;animation:blink .8s infinite}.controls{display:flex;gap:6px}.controls button{border:1px solid var(--line);background:#0f172ad9;border-radius:8px;padding:7px 10px;font-size:13px}.controls button:hover{border-color:var(--line-strong);background:#1e3a8a99}.wave-panel{position:absolute;display:flex;flex-direction:column-reverse;gap:6px;max-width:420px;bottom:14px;left:14px}#btnWave{position:relative;font-family:var(--display);letter-spacing:.05em;background:linear-gradient(#991b1be6,#450a0ae6);border:1px solid #f87171b3;border-radius:10px;align-self: flex-start;padding:10px 16px;font-size:14px;box-shadow:0 0 18px #f8717159}#btnWave:after{content:attr(data-countdown);position:absolute;font-family:var(--body);color:#fecaca;white-space:nowrap;margin-left:10px;font-size:14px;top:50%;left:100%;transform:translateY(-50%)}#btnWave:disabled{opacity:.55;cursor:default;border-color:var(--line);box-shadow:none;background:#0f172ad9}#btnWave.pulse{animation:pulse 1.2s infinite}.preview{display:flex;flex-wrap:wrap;align-items: center;gap:5px;font-size:13px}.preview small{color:var(--muted);letter-spacing:.08em;margin-right:2px}.pv{display:inline-flex;border:1px solid var(--line);background:#0f172ad9;border-radius:999px;align-items: center;gap:5px;padding:2px 8px}.pv i{border-radius:50%;width:9px;height:9px}.pv.scout i{background:#ef4444}.pv.brute i{background:#f97316}.pv.overlord i{background:#a855f7}.pv.titan i{background:#16a34a}.pv.boss{border-color:var(--bad);color:#fecaca}.boss-bar{position:absolute;text-align:center;font-family:var(--display);letter-spacing:.12em;color:#fecaca;text-shadow:0 0 10px #f87171b3;width:440px;font-size:13px;top:62px;left:50%;transform:translate(-50%)}.boss-bar .track{overflow:hidden;background:#020617d9;border:1px solid #f87171b3;border-radius:6px;height:12px;margin-top:4px}#bossFill{background:linear-gradient(90deg,#dc2626,#a3e635);height:100%;transition:width .15s linear}.powers{position:absolute;display:flex;background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:6px;padding:4px;top:70px;left:3px;box-shadow:0 0 24px #00000080}.power{position:relative;display:grid;grid-template-rows:26px 18px 14px;border:1px solid var(--line);overflow:hidden;background:linear-gradient(#1e293bf2,#0f172af2);border-radius:10px;place-items: center;width:88px;height:62px;padding:3px}.power:hover{border-color:var(--line-strong)}.power.disabled{opacity:.5}.power.active,.power.aiming{border-color:var(--gold);box-shadow:0 0 16px #facc158c}.p-icon{color:#bae6fd;font-size:20px}.p-name{white-space:nowrap;font-size:12px}.p-cost{color:var(--gold);font-size:12px}.p-key{position:absolute;color:var(--muted);font-size:11px;top:3px;left:6px}.p-cd{position:absolute;display:grid;font-family:var(--display);pointer-events:none;place-items: center;font-size:18px;inset:0}.popup{position:absolute;background:var(--panel);border:1px solid var(--line-strong);backdrop-filter:blur(6px);display:flex;z-index:5;border-radius:12px;flex-direction:column;gap:6px;width:270px;padding:10px;box-shadow:0 12px 40px #0009,0 0 20px #38bdf833}.pop-title{font-family:var(--display);letter-spacing:.08em;color:#bae6fd;font-size:12px}.pop-sub{color:var(--gold);letter-spacing:.1em;font-size:12px}.opt{display:grid;grid-template-columns:14px 1fr auto;text-align:left;border:1px solid var(--line);background:#0f172ae6;border-radius:8px;align-items: center;gap:8px;padding:7px 8px}.opt:hover{border-color:var(--line-strong);background:#1e3a8a8c}.opt b{display:block;font-size:15px}.opt small{display:block;color:var(--muted);font-size:12px;font-weight:500;line-height:1.15}.opt em{font-style:normal;font-family:var(--display);color:var(--gold);font-size:13px}.opt.poor em{color:var(--bad)}.opt.poor,.opt.locked{opacity:.55;cursor:not-allowed}.opt.locked em{color:var(--muted);font-size:10px}.swatch{background:var(--accent);border-radius:4px;width:14px;height:14px}.opt.basic .swatch{background:var(--basic)}.opt.rapid .swatch{background:var(--rapid)}.opt.heavy .swatch{background:var(--heavy)}.swatch.up{background:var(--gold)}.hpline{display:flex;align-items: center;gap:8px;font-size:13px}.hptrack{overflow:hidden;background:#020617e6;border-radius:4px;flex:1;height:7px}.hptrack div{height:100%}.stats{display:flex;gap:6px}.stat{display:flex;background:#02061799;border-radius:6px;flex-direction:column;flex:1;align-items: center;padding:3px;font-size:15px}.stat small{color:var(--muted);letter-spacing:.08em;font-size:10px}.row{display:flex;gap:6px}.small{border:1px solid var(--line);background:#0f172ae6;border-radius:8px;flex:1;padding:7px 4px;font-size:12px}.small:hover{border-color:var(--line-strong)}.small.repair{color:#bbf7d0;border-color:#4ade80b3}.small.sell{color:#fde68a}.small.poor{opacity:.55}.banner{position:absolute;text-align:center;background:var(--panel);border:1px solid var(--line-strong);pointer-events:none;display:flex;z-index:4;border-radius:14px;flex-direction:column;gap:2px;min-width:360px;max-width:620px;padding:10px 22px 12px;top:96px;left:50%;transform:translate(-50%)}.banner.in{animation:drop .35s ease-out}.banner small{letter-spacing:.2em;color:var(--muted);font-size:12px}.banner b{font-family:var(--display);letter-spacing:.06em;font-size:26px}.banner span{color:#cbd5e1;font-size:16px}.banner.evolve{border-color:var(--evolve);box-shadow:0 0 34px #c084fc73}.banner.evolve small{color:var(--evolve)}.banner.boss{border-color:var(--bad);box-shadow:0 0 40px #f8717180}.banner.boss b{color:#fecaca}.banner.good b{color:var(--gold)}.tip{position:absolute;border:1px solid var(--gold);color:#fef9c3;pointer-events:none;white-space:nowrap;animation:bob 1.6s ease-in-out infinite;background:#020617d9;border-radius:999px;padding:8px 16px;font-size:16px;bottom:16px;left:50%;transform:translate(-50%)}.screen{position:absolute;z-index:10;display:flex;background:radial-gradient(circle at 50% 25%,#1e40af8c,#020617f7 70%);flex-direction:column;justify-content:center;align-items: center;inset:0}.screen.title{justify-content:flex-start;padding-top:26px}.title-head{text-align:center}.title-head h1{font-family:var(--display);letter-spacing:.12em;background:linear-gradient(#e0f2fe,#38bdf8 60%,#1d4ed8);color:#0000;filter:drop-shadow(0 0 18px #38bdf88c);-webkit-background-clip:text;background-clip:text;margin:0;font-size:58px;font-weight:800}.tag{color:#c4b5fd;margin:4px 0 0;font-size:20px}.world-label{font-family:var(--display);letter-spacing:.25em;color:var(--good);margin:18px 0 10px;font-size:14px}.level-grid{display:grid;grid-template-columns:repeat(5,220px);gap:14px}.level-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel-solid);text-align:left;border-radius:12px;height:172px;padding:0;transition:transform .12s,border-color .12s}.level-card:hover:not(.locked){border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 0 20px #38bdf859}.level-card.locked{cursor:not-allowed;filter:grayscale(.85)brightness(.6)}.thumb{display:block;object-fit:cover;transform-origin:center;width:100%;height:112px}.level-card .thumb-wrap{overflow:hidden}.card-info{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items: center;column-gap:8px;padding:6px 10px}.card-info .num{grid-row:span 2;font-family:var(--display);color:var(--accent);font-size:24px}.card-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.card-info small{color:var(--muted);font-size:12px}.card-info .stars{grid-row:1;grid-column:3}.lock{position:absolute;font-family:var(--display);letter-spacing:.2em;font-size:14px;top:44px;left:50%;transform:translate(-50%)}.star{display:inline-block;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#334155;width:14px;height:14px;margin-left:2px}.star.on{background:var(--gold)}.stars.big .star{width:46px;height:46px;margin:0 4px}.howto{color:#cbd5e1;border:1px solid var(--line);background:#02061799;border-radius:12px;max-width:1150px;margin-top:16px;padding:10px 16px;font-size:15px;line-height:1.35}.howto b{color:var(--gold)}.end-card{text-align:center;background:var(--panel);border:1px solid var(--line-strong);border-radius:18px;min-width:460px;padding:26px 34px;box-shadow:0 0 50px #38bdf840}.end-card h2{font-family:var(--display);letter-spacing:.1em;margin:0 0 10px;font-size:40px}.screen.won h2{color:var(--gold)}.screen.lost h2{color:var(--bad)}.end-card p{margin:8px 0;font-size:18px}.end-card .meta{color:var(--muted);font-size:15px}.end-card .row{justify-content:center;margin-top:18px}.big{font-family:var(--display);letter-spacing:.06em;border:1px solid var(--line);background:#0f172ae6;border-radius:10px;padding:12px 20px;font-size:15px}.big.primary{border-color:var(--accent);background:linear-gradient(#0369a1,#1e3a8a);box-shadow:0 0 18px #38bdf866}.big:hover{border-color:var(--line-strong)}@keyframes pulse{50%{box-shadow:0 0 30px #f87171cc;transform:scale(1.03)}}@keyframes blink{50%{opacity:.55}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}}@keyframes bob{50%{transform:translate(-50%,-4px)}}.screen.title{background-position:50%;background-size:cover}.loading{display:flex;flex-direction:column;align-items: center;gap:10px}.loading b{font-family:var(--display);letter-spacing:.12em;color:#bae6fd;font-size:44px}.loading span{color:var(--muted);animation:blink 1s infinite;font-size:18px}.map-modes{display:flex;gap:8px;margin-top:12px}.mode{font-family:var(--display);letter-spacing:.08em;border:1px solid var(--line);background:#0f172ad9;border-radius:999px;padding:8px 14px;font-size:12px}.mode.on{border-color:var(--accent);background:linear-gradient(#0369a1,#1e3a8a);box-shadow:0 0 14px #38bdf873}.screen.camp{overflow:hidden;background-position:50%;background-size:cover;justify-content:flex-start}.title-screen{gap:26px;justify-content:center!important}.logo{text-align:center}.logo h1{font-family:var(--display);letter-spacing:.12em;background:linear-gradient(#fefce8,#facc15 45%,#ea580c);color:#0000;filter:drop-shadow(0 4px 0 #7c2d12)drop-shadow(0 0 26px #facc1573);-webkit-background-clip:text;background-clip:text;margin:0;font-size:92px;font-weight:800}.logo p{color:#e0f2fe;text-shadow:0 2px 6px #000;margin:6px 0 0;font-size:24px;font-weight:600}.big.play{animation:breathe 2.2s ease-in-out infinite;border-radius:14px;padding:16px 70px;font-size:26px}@keyframes breathe{50%{transform:scale(1.06);box-shadow:0 0 34px #38bdf8bf}}.camp-bar{position:absolute;display:flex;z-index:3;background:linear-gradient(#020617eb,#02061700);justify-content:space-between;align-items: center;height:62px;padding:0 18px;top:0;left:0;right:0}.camp-title{font-family:var(--display);letter-spacing:.16em;color:var(--tint,#e0f2fe);text-shadow:0 0 14px #000000e6;font-size:26px}.camp-stars{font-family:var(--display);color:var(--gold);text-align:right;min-width:110px;font-size:18px}.camp-stars .star{width:18px;height:18px}.small.back{font-family:var(--display);flex:none;min-width:110px;padding:8px 14px;font-size:13px}.screen.worlds{background:radial-gradient(circle at 50% 30%,#1e1b4b,#020617 75%)}.world-row{display:flex;gap:14px;margin-top:96px;padding:0 18px}.world-card{position:relative;overflow:hidden;border:2px solid var(--tint);box-shadow:0 0 24px color-mix(in srgb,var(--tint)35%,transparent);text-align:left;background:#0b1328;border-radius:18px;width:236px;height:560px;padding:0;transition:transform .18s,box-shadow .18s}.world-card:hover:not(.locked){box-shadow:0 0 40px color-mix(in srgb,var(--tint)70%,transparent);transform:translateY(-8px)scale(1.02)}.world-art{position:absolute;background-position:50%;background-size:cover;transition:transform .4s;inset:0}.world-card:hover:not(.locked) .world-art{transform:scale(1.08)}.world-card.locked .world-art{filter:grayscale(1)brightness(.45)}.world-info{position:absolute;display:flex;background:linear-gradient(#02061700,#020617f2 45%);flex-direction:column;gap:6px;padding:90px 16px 18px;bottom:0;left:0;right:0}.world-info small{font-family:var(--display);letter-spacing:.2em;color:var(--tint);font-size:11px}.world-info b{font-family:var(--display);letter-spacing:.06em;font-size:22px}.world-info span{color:#cbd5e1;font-size:16px;line-height:1.2}.world-info em{color:var(--gold);font-size:14px;font-style:normal;font-weight:700}.lock-tag{font-family:var(--display);letter-spacing:.08em;text-align:center;color:#fecaca;background:#7f1d1d99;border:1px solid #f8717199;border-radius:8px;margin-top:4px;padding:6px 8px;font-size:10px}.map-bg{position:absolute;filter:blur(5px)brightness(.62)saturate(1.15);background-position:50%;background-size:cover;inset:-20px}.trail{position:absolute;width:100%;height:100%;inset:0}.trail-edge{fill:none;stroke:#0206178c;stroke-width:30;stroke-linecap:round;stroke-linejoin:round}.trail-road{fill:none;stroke:#a16207;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 0 #451a03)}.trail-dash{fill:none;stroke:#fde68a;stroke-width:6;stroke-dasharray:2 18;stroke-linecap:round;animation:march 1.4s linear infinite}@keyframes march{to{stroke-dashoffset:-40}}.node{position:absolute;z-index:2;background:0 0;border:none;width:96px;height:96px;margin:-48px 0 0 -48px;padding:0}.medal{position:absolute;border:4px solid var(--gold);background-position:50%;background-size:240%;border-radius:50%;transition:transform .15s;inset:0;box-shadow:0 6px #78350f,0 10px 18px #000000b3}.node:hover:not(.locked) .medal{transform:scale(1.12)}.node.locked .medal{filter:grayscale(1)brightness(.4);border-color:#475569;box-shadow:0 6px #1e293b,0 10px 18px #000000b3}.node.next .medal{animation:glow 1.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 6px 0 #78350f,0 0 34px 8px color-mix(in srgb,var(--tint)85%,transparent)}}.node .num{position:absolute;font-family:var(--display);color:#fff;text-shadow:0 2px #000,0 0 10px #000;font-size:30px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-50%)}.node.locked .num:after{content:"";display:block;background:#94a3b8;border-radius:3px;width:18px;height:16px;margin:2px auto 0}.node-stars{position:absolute;white-space:nowrap;bottom:-26px;left:50%;transform:translate(-50%)}.node-stars .star{width:20px;height:20px}.node.locked .node-stars{display:none}.boss-tag{position:absolute;font-family:var(--display);color:#fff;background:#b91c1c;border:1px solid #fecaca;border-radius:6px;padding:2px 8px;font-size:10px;top:-14px;left:50%;transform:translate(-50%)}.flag{position:absolute;border-left:14px solid #0000;border-right:14px solid #0000;border-top:22px solid var(--gold);filter:drop-shadow(0 3px 2px #000);animation:bob .9s ease-in-out infinite;width:0;height:0;margin-left:-14px;top:-46px;left:50%}@keyframes bob{50%{transform:translateY(-8px)}}.briefing-wrap{position:absolute;z-index:6;display:flex;animation:fade .18s ease-out;background:#02061799;justify-content:center;align-items: center;inset:0}@keyframes fade{0%{opacity:0}}.briefing{display:grid;grid-template-columns:430px 1fr;overflow:hidden;border:2px solid var(--tint);background:var(--panel-solid);box-shadow:0 0 50px color-mix(in srgb,var(--tint)40%,transparent);animation:pop .2s ease-out;border-radius:18px;width:980px}@keyframes pop{0%{transform:scale(.92)}}.brief-map{background-position:50%;background-size:cover;min-height:420px}.brief-info{display:flex;flex-direction:column;gap:10px;padding:22px 26px}.brief-info small{font-family:var(--display);letter-spacing:.18em;color:var(--tint);font-size:12px}.brief-info h2{font-family:var(--display);letter-spacing:.06em;margin:0;font-size:30px}.brief-info p{color:#cbd5e1;margin:0;font-size:18px}.brief-stats{display:flex;color:var(--muted);gap:18px;font-size:17px}.brief-stats b{font-family:var(--display);color:var(--gold)}.brief-entries{color:#c4b5fd;font-size:15px;font-weight:600}.foes{display:flex;gap:10px}.foes figure{text-align:center;border:1px solid var(--line);background:#0f172ad9;border-radius:10px;width:96px;margin:0;padding:6px}.foes figure.boss{border-color:var(--bad);box-shadow:0 0 14px #f8717173}.foes img{object-fit:contain;width:80px;height:80px}.foes figcaption{font-size:13px;font-weight:700;line-height:1.1}.brief-best{font-family:var(--display);letter-spacing:.12em;color:var(--muted);font-size:13px}.brief-best .star{width:22px;height:22px}.brief-info .row{justify-content:flex-end;gap:10px;margin-top:auto}.menu-fx{position:absolute;pointer-events:none;width:100%;height:100%;inset:0}.menu-fx.card{z-index:1}.world-info{z-index:2}.levelmap .map-bg{animation:drift 40s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1.06)translate(-1.5%,-1%)}to{transform:scale(1.14)translate(1.5%,1%)}}.levelmap .menu-fx.cyber{mix-blend-mode:screen}.levelmap .menu-fx.water{animation:rays 9s linear infinite;background:repeating-linear-gradient(100deg,#bae6fd0f 0 40px,#0000 40px 140px)}@keyframes rays{to{background-position:280px 0}}.node{animation:float 3.2s ease-in-out infinite}@keyframes float{50%{transform:translateY(-7px)}}.world-card .world-art{animation:drift 30s ease-in-out infinite alternate}.world-card:hover:not(.locked) .world-art{animation-play-state:paused}.title-screen .logo,.title-screen .title-menu,.title-screen .howto{position:relative;z-index:1}.title-menu{display:flex;flex-direction:column;align-items: center;gap:12px}.big.play.versus{animation:none;background:linear-gradient(#b91c1c,#7f1d1d);border-color:#f87171;padding:14px 48px;font-size:22px;box-shadow:0 0 18px #f8717173}.big.disabled{opacity:.5;cursor:default}.screen.versus{background:radial-gradient(circle at 50% 20%,#3b0764,#020617 70%)}.vs-body{display:flex;flex-direction:column;align-items: center;gap:18px;width:900px;margin-top:84px}.vs-intro{text-align:center;display:flex;flex-direction:column;gap:6px}.vs-intro b{font-family:var(--display);letter-spacing:.08em;color:#fde68a;font-size:22px}.vs-intro span{color:#cbd5e1;font-size:18px}.vs-field{display:flex;flex-direction:column;align-items: center;gap:6px}.vs-field small,.vs-roomcode small{font-family:var(--display);letter-spacing:.2em;color:var(--muted);font-size:12px}.vs-name,.vs-code{font-family:var(--display);text-align:center;color:#fff;border:2px solid var(--line-strong);outline:none;background:#020617d9;border-radius:12px;width:360px;padding:10px 16px;font-size:24px}.vs-code{letter-spacing:.35em;text-transform:uppercase;width:220px}.vs-cards{display:flex;gap:18px}.vs-card{background:var(--panel);border:1px solid var(--line-strong);display:flex;text-align:center;border-radius:16px;flex-direction:column;align-items: center;gap:10px;width:380px;padding:20px}.vs-card small{font-family:var(--display);letter-spacing:.25em;color:var(--accent);font-size:11px}.vs-card b{font-family:var(--display);font-size:24px}.vs-card span{color:#cbd5e1;font-size:17px}.vs-error{color:#fecaca;background:#7f1d1d99;border:1px solid #f87171;border-radius:10px;padding:8px 14px;font-size:17px}.vs-roomcode{display:flex;flex-direction:column;align-items: center;gap:6px}.vs-roomcode b{font-family:var(--display);letter-spacing:.25em;color:#fde68a;text-shadow:0 0 24px #facc1580;font-size:72px}.small.copy{font-family:var(--display);flex:none;padding:8px 18px}.vs-slots{display:flex;align-items: center;gap:20px}.vs-slot{display:flex;position:relative;border:2px solid var(--line);background:#0f172ae6;border-radius:16px;align-items: center;gap:14px;width:300px;height:120px;padding:0 18px}.vs-slot.filled{border-color:#4ade80;box-shadow:0 0 18px #4ade804d}.vs-slot.empty{opacity:.7;border-style:dashed}.vs-slot .avatar{display:grid;font-family:var(--display);background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:50%;place-items: center;width:64px;height:64px;font-size:30px}.vs-slot b{font-size:20px}.crown{position:absolute;font-style:normal;font-family:var(--display);color:#422006;background:var(--gold);border-radius:8px;padding:3px 10px;font-size:11px;top:-12px;right:14px}.vs-versus{font-family:var(--display);color:#f87171;font-size:34px}.vs-wait,.vs-note{color:#cbd5e1;font-size:18px}.vs-note{color:var(--muted);font-size:15px}.vs-hud{position:absolute;pointer-events:none;z-index:4;inset:0}.vs-rival{position:absolute;background:var(--panel);display:flex;pointer-events:auto;border:1px solid #f87171b3;border-radius:12px;flex-direction:column;gap:4px;width:276px;padding:8px 10px 10px;top:60px;right:10px}.vs-rival b{font-family:var(--display);color:#fca5a5;font-size:13px}.vs-rival-stats{color:#e2e8f0;font-size:13px}.vs-rival-track{overflow:hidden;background:#1e293b;border-radius:3px;height:6px}.vs-rival-track div{background:linear-gradient(90deg,#f87171,#4ade80);height:100%}.vs-rival canvas{border-radius:8px;width:256px;height:144px}.small.split{font-family:var(--display);border-color:#fca5a5;flex:none;padding:6px;font-size:11px}.vs-you{position:absolute;font-family:var(--display);color:#bbf7d0;background:#020617b3;border-radius:8px;padding:4px 12px;font-size:12px;bottom:100px;left:50%;transform:translate(-50%)}.vs-shop{position:absolute;display:flex;pointer-events:auto;align-items:stretch;gap:5px;bottom:8px;left:310px;right:290px}.vs-shop-title{writing-mode:vertical-rl;font-family:var(--display);color:#fca5a5;text-align:center;font-size:10px;transform:rotate(180deg)}.vs-item{display:flex;background:linear-gradient(#7f1d1de6,#1e0a14f2);border:1px solid #f87171b3;border-radius:10px;flex-direction:column;flex:1;align-items: center;min-width:0;padding:5px 4px}.vs-item b{font-size:13px;line-height:1.1}.vs-item small{color:#fecaca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:11px}.vs-item em{font-style:normal;font-family:var(--display);color:var(--gold);font-size:13px}.vs-item.boss{border-color:var(--gold)}.vs-item.poor{opacity:.45}.vs-item:hover:not(.poor){filter:brightness(1.25)}.rival-pane{position:absolute;transform-origin:center center;box-sizing:border-box;border:3px solid #f87171cc;width:1280px;height:720px}.rival-pane canvas{display:block;width:100%;height:100%}.small.rival-close{position:absolute;font-family:var(--display);flex:none;padding:10px 16px;font-size:16px;top:14px;right:14px}.vs-table{border-collapse:collapse;width:100%;margin:12px 0 4px;font-size:18px}.vs-table th{font-family:var(--display);color:var(--muted);text-align:left;padding:4px 8px;font-size:11px}.vs-table td{text-align:left;border-top:1px solid var(--line);padding:6px 8px}.vs-table tr.win td{color:var(--gold);font-weight:700}.diff-pick{display:flex;align-items: center;gap:8px}.diff-pick small{font-family:var(--display);letter-spacing:.15em;color:var(--muted);font-size:11px}.diff{font-family:var(--display);border:2px solid color-mix(in srgb,var(--c)50%,transparent);color:var(--c);background:#0f172ae6;border-radius:10px;flex:1;padding:8px 6px;font-size:13px}.diff.on{background:color-mix(in srgb,var(--c)25%,#0b1328);border-color:var(--c);box-shadow:0 0 14px color-mix(in srgb,var(--c)45%,transparent)}.diff i{display:block;opacity:.8;font-size:9px;font-style:normal}.gem{position:absolute;background:var(--c);box-shadow:0 0 10px var(--c);border:2px solid #fff;width:22px;height:22px;bottom:2px;right:-2px;transform:rotate(45deg)}.badge-grid{display:grid;grid-template-columns:repeat(6,190px);gap:12px;margin-top:84px}.badge-card{display:flex;text-align:center;opacity:.45;filter:grayscale(1);background:#0f172acc;border:1px solid #334155;border-radius:14px;flex-direction:column;align-items: center;gap:6px;height:150px;padding:10px}.badge-card.on{opacity:1;filter:none;border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb,var(--c)40%,transparent)}.medal-icon{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--c);width:46px;height:46px}.badge-card b{font-family:var(--display);font-size:12px}.badge-card small{color:#cbd5e1;font-size:14px;line-height:1.15}.badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.badge-chip{font-family:var(--display);color:#0b1328;background:var(--c);box-shadow:0 0 14px var(--c);border-radius:999px;padding:6px 12px;font-size:12px}.rotate-hint{position:fixed;z-index:50;display:flex;text-align:center;background:#020617f0;flex-direction:column;justify-content:center;align-items: center;gap:10px;padding:0 24px;inset:0}.rotate-hint b{font-family:var(--display);color:#fde68a;font-size:22px}.rotate-hint span{color:#cbd5e1;font-size:18px}