:root{--bg:#070814;--text:#e8eaff;--muted:#8d93c9;--field:#7c8cff;--core:#dfe3ff;--accent:#6f7cff;--danger:#ff4d5e;--gold:#ffcf70;--card:#11142a;--card-hi:#181c3a;--line:#262b52;--line-hi:#3b4170;--button-bg:#0f1228d1;--button-line:#7c8cff80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button,input{touch-action:manipulation;font:inherit}#stage{position:fixed;inset:0}#stage canvas{touch-action:none;display:block}.label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.icon .solid{fill:currentColor;stroke:none}#layout{padding:env(safe-area-inset-top,0px) max(16px, env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(16px, env(safe-area-inset-left,0px));pointer-events:none;position:fixed;inset:0}#layout.is-away{visibility:hidden}#column{--hud-h:64px;--strip-h:64px;--dock-h:78px;--rail-w:0px;--slot-w:min(100cqw - 2 * var(--rail-w), (100cqh - var(--hud-h) - var(--strip-h) - var(--dock-h)) * var(--box-ratio,.75));flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex;container-type:size}#column[data-controls=rail]{--dock-h:0px;--rail-w:72px}#column[data-controls=rail][data-rail="2"]{--rail-w:136px}#play-area{flex-direction:column;align-items:center;display:flex;position:relative}#box-slot{width:var(--slot-w);aspect-ratio:var(--box-ratio,.75);position:relative}#hud{text-shadow:0 0 4px var(--bg), 0 0 8px var(--bg), 0 0 12px var(--bg);height:var(--hud-h);justify-content:center;align-items:center;gap:32px;display:flex}.hud-item{flex-direction:column;align-items:center;gap:2px;display:flex}.hud-value{font-variant-numeric:tabular-nums;align-items:center;gap:8px;min-height:30px;font-size:22px;font-weight:700;display:flex}#hud-next-icon{width:28px;height:28px}#hud-next-icon.is-flipping{animation:.36s ease-out flip}@keyframes flip{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(.8)}to{transform:rotateY(0)scale(1)}}#hud-next-name{font-size:16px;font-weight:600}.planet-icon{flex:none;display:inline-block;position:relative}.planet-icon img{width:100%;height:100%;position:absolute;inset:0}.planet-icon.is-sun{filter:drop-shadow(0 0 4px #ffa63acc)}.evolution{--unit:min(1px, (100vw - 48px) / 360);justify-content:center;align-items:center;gap:calc(4 * var(--unit));height:var(--strip-h,64px);margin:0;padding:0;list-style:none;display:flex;position:relative}.evolution:before{content:"";background:linear-gradient(90deg,#0000,#7c8cff73 15% 85%,#0000);height:1px;position:absolute;top:calc(50% - 2px);left:4px;right:4px}.evolution li{display:flex;position:relative}.evolution .planet-icon{width:calc(var(--icon) * var(--unit));height:calc(var(--icon) * var(--unit))}.game-button{border:1px solid var(--button-line);background:var(--button-bg);color:var(--core);letter-spacing:.04em;cursor:pointer;pointer-events:auto;border-radius:14px;align-content:center;place-items:center;gap:3px;padding:0;font:600 11px/1 system-ui,sans-serif;display:grid;position:relative;box-shadow:0 0 14px #7c8cff29,inset 0 0 10px #7c8cff14}.game-button:focus-visible,.btn:focus-visible,.row-link:focus-visible,.switch:focus-visible,.slider input:focus-visible{outline:3px solid var(--text);outline-offset:2px}.pause-button{border-radius:50%;width:44px;height:44px}.pause-button .icon{width:20px;height:20px}.pause-button:disabled{opacity:.4;cursor:default}.power-ups{gap:16px;display:flex}.power-up{width:72px;height:58px}.badge{background:var(--accent);min-width:21px;height:21px;color:var(--bg);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg);border-radius:11px;place-items:center;padding:0 5px;font:800 12px/1 system-ui,sans-serif;display:grid;position:absolute;top:-7px;right:-7px}.power-up[data-state=empty]{opacity:.42;box-shadow:none;cursor:default}.power-up[data-state=empty] .badge{color:var(--muted);background:#2a2f55}.power-up[data-state=wait]{opacity:.55;box-shadow:none;cursor:default}.power-up[data-state=armed]{border-color:var(--core);background:#6f7cff52;animation:1.6s ease-in-out infinite armed;box-shadow:0 0 18px #7c8cffb3,inset 0 0 12px #dfe3ff40}@keyframes armed{50%{box-shadow:0 0 26px #7c8cfff2,inset 0 0 14px #dfe3ff59}}#column[data-controls=dock] #controls{height:var(--dock-h);justify-content:center;align-items:center;display:flex}#column[data-controls=dock] .power-ups{gap:8px}#column[data-controls=dock] .power-up{width:min(64px,20cqw - 6.4px)}#column[data-controls=dock] .pause-button{top:calc(env(safe-area-inset-top,0px) + 10px);left:max(14px, calc(env(safe-area-inset-left,0px) + 4px));position:fixed}#column[data-controls=rail] #controls{flex-direction:column;justify-content:space-between;align-items:center;padding-block:2px 4px;display:flex;position:absolute;top:0;bottom:0;left:calc(100% + 16px)}#column[data-controls=rail] .power-ups{flex-direction:column;gap:14px}#column[data-controls=rail][data-rail="2"] .power-ups{grid-template-columns:repeat(2,56px);gap:14px 8px;display:grid}#column[data-controls=rail] .power-up{width:56px;height:60px}#toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:22%;left:0;right:0}#box-slot:has(#pop-hint:not([hidden])) #toasts{top:calc(22% + 64px)}.toast{background:#0a0c1ee6;border:1px solid #ffcf708c;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 14px 7px 8px;font:600 14px/1.2 system-ui,sans-serif;transition:opacity .25s,transform .25s;animation:.22s ease-out toast-in;display:flex;box-shadow:0 0 18px #ffcf7040}.toast .planet-icon{width:24px;height:24px}.toast b{color:var(--gold);font-weight:700}.toast.is-full{box-shadow:none;border-color:#8d93c999}.toast.is-full b{color:var(--muted)}.toast.is-leaving{opacity:0;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}#pop-hint{max-width:calc(100% - 24px);color:var(--core);text-align:center;white-space:nowrap;pointer-events:none;background:#0a0c1ee0;border:1px solid #dfe3ff80;border-radius:10px;padding:8px 14px;font:600 14px/1.25 system-ui,sans-serif;position:absolute;top:22%;left:50%;transform:translate(-50%)}#pop-hint small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500;display:block}.btn{border:1px solid var(--line-hi);background:var(--card-hi);min-height:46px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font:700 16px system-ui,sans-serif;display:flex}.btn:hover{border-color:var(--field)}.btn .icon{width:18px;height:18px}.btn.primary{border-color:var(--accent);background:var(--accent);color:var(--bg)}.btn.primary:hover{background:#8592ff}.btn.danger{color:#ff9aa4;background:0 0;border-color:#ff4d5e99}.btn.big{min-height:56px;font-size:19px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chip{color:var(--core);font-variant-numeric:tabular-nums;background:#0f1228cc;border:1px solid #7c8cff73;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font:600 13px/1 system-ui,sans-serif;display:inline-flex}.chip .icon{stroke-width:1.9px;width:16px;height:16px}.chip.is-zero{opacity:.45}.overlay,.screen{z-index:10;position:fixed;inset:0}.overlay[hidden],.screen[hidden]{display:none}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0506109e;place-items:center;padding:16px;display:grid}.card{border:1px solid var(--line-hi);background:var(--card);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:14px;width:min(320px,100%);padding:26px 26px 24px;display:flex}.card h2{text-wrap:balance;margin:0;font-size:26px;line-height:1.1}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.actions{gap:10px;width:100%;display:grid}.actions.two{grid-template-columns:1fr 1fr}.stat{flex-direction:column;align-items:center;gap:6px;display:flex}.big-number{font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.new-best{color:var(--gold);background:#ffcf7024;border:1px solid #ffcf7073;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font:700 13px/1 system-ui,sans-serif;display:inline-flex}.new-best[hidden],.stat[hidden],.card p[hidden]{display:none}.kbd-hint{color:var(--muted);font-size:12px;font-weight:600;display:none}.kbd-hint kbd{border:1px solid var(--line-hi);color:var(--text);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font:600 11px ui-monospace,monospace}@media (hover:hover) and (pointer:fine){.kbd-hint{display:inline}}.screen{overscroll-behavior:contain;touch-action:pan-y;padding:calc(env(safe-area-inset-top,0px) + 12px) max(16px, env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 16px) max(16px, env(safe-area-inset-left,0px));overflow-y:auto}.menu{display:flex}.menu-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:100%;min-height:100%;margin:auto;display:flex}.menu-brand{justify-items:center;gap:18px;display:grid}.wordmark{letter-spacing:-.03em;margin:0;font-size:clamp(44px,14vw,64px);font-weight:800;line-height:.95;display:grid}.wordmark span:last-child{color:var(--core);text-shadow:0 0 22px #7c8cffbf}#menu-strip{--unit:min(1.15px, (100vw - 48px) / 360)}.menu-best{gap:4px;display:grid}#menu-best{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.menu-actions{gap:10px;width:min(280px,100%);display:grid}.menu-inventory{justify-items:center;gap:8px;display:grid}.banner{max-width:340px;color:var(--text);background:#ffcf7014;border:1px solid #ffcf7073;border-radius:12px;margin:0;padding:10px 14px;font-size:13px;line-height:1.45}.page{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#070814e6}.page-inner{flex-direction:column;width:min(440px,100%);min-height:100%;margin:0 auto;display:flex}.page-top{align-items:center;gap:12px;height:64px;display:flex}.page-top h2{margin:0;font-size:22px}.back-button{border-radius:12px;width:44px;height:44px}.group{gap:2px;margin-top:16px;display:grid}.group>.label{padding:0 2px 6px}.row{border:1px solid var(--line);background:var(--card);min-height:58px;color:var(--text);text-align:left;justify-content:space-between;align-items:center;gap:14px;padding:8px 16px;font-size:16px;font-weight:600;display:flex}.row:first-of-type{border-radius:12px 12px 0 0}.row:last-child{border-radius:0 0 12px 12px}.row:only-of-type{border-radius:12px}.row label{cursor:pointer}.row .note{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.row .note[hidden]{display:none}.row-link{cursor:pointer;width:100%}.row-link span{color:var(--muted);font-size:20px}.slider{align-items:center;gap:10px;display:flex}.slider input{width:min(150px,38vw);accent-color:var(--field)}.slider output{width:38px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.switch{appearance:none;cursor:pointer;background:#2a2f55;border-radius:15px;flex:none;width:50px;height:30px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:var(--muted);border-radius:50%;width:24px;height:24px;transition:left .15s,background .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent)}.switch:checked:after{background:var(--text);left:23px}.notice{border:1px dashed var(--line-hi);color:var(--muted);border-radius:12px;margin:20px 0 0;padding:14px 16px;font-size:13px;line-height:1.5}.steps{gap:12px;margin:8px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:var(--card);border-radius:14px;grid-template-columns:88px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.step h3{margin:0 0 3px;font-size:16px}.step p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.45}.step-visual{height:64px;color:var(--core);background:#7c8cff12;border-radius:10px;justify-content:center;align-items:center;gap:3px;display:flex}.step-visual .planet-icon{width:26px;height:26px}.step-visual .planet-icon.small{width:20px;height:20px}.step-visual .arrow{color:var(--muted);font-weight:700}.step-drop{flex-direction:column}.step-drop .guide{border-left:2px dashed #dfe3ff80;height:22px}.step-rim{flex-direction:column-reverse;gap:3px}.step-rim .rim-box{border:2px solid #7c8cffd9;border-top:none;border-radius:0 0 6px 6px;width:52px;height:20px}.step-rim .planet-icon.is-out{width:22px;height:22px;box-shadow:0 0 0 2px var(--danger), 0 0 10px var(--danger);border-radius:50%;margin-bottom:-10px}.step-wide{grid-template-columns:1fr;gap:4px}.power-list{gap:10px;margin:8px 0 0;padding:0;list-style:none;display:grid}.power-row{border-top:1px solid var(--line);grid-template-columns:64px 1fr;align-items:start;gap:12px;padding-top:10px;display:grid}.power-chip{border:1px solid var(--button-line);background:var(--button-bg);height:52px;color:var(--core);letter-spacing:.04em;border-radius:12px;align-content:center;place-items:center;gap:3px;font:600 11px/1 system-ui,sans-serif;display:grid;box-shadow:inset 0 0 10px #7c8cff14}.power-chip .icon{width:22px;height:22px}.power-row h4{margin:0 0 2px;font-size:14.5px}.step .power-row .earn{color:var(--gold);align-items:center;gap:6px;margin-top:5px;font-size:12.5px;display:flex}.earn-icons{gap:2px;display:inline-flex}.earn-icons .planet-icon{width:16px;height:16px}.how-strip{justify-items:center;gap:4px;margin-top:auto;padding-top:20px;display:grid;position:relative}#how-strip{gap:0}.strip-planet{padding:12px calc(2 * var(--unit));color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;display:flex}.strip-planet:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.strip-planet .planet-icon{transition:transform .12s ease-out}.strip-planet.is-selected .planet-icon{transform:scale(1.2)}.how-hint{color:var(--muted);font-size:12px}.hint-mouse{display:none}@media (hover:hover) and (pointer:fine){.hint-touch{display:none}.hint-mouse{display:inline}}.tip{z-index:5;border:1px solid var(--line-hi);background:var(--card-hi);width:max-content;max-width:232px;color:var(--muted);text-align:left;pointer-events:none;border-radius:10px;gap:2px;padding:8px 11px;font-size:13px;line-height:1.4;animation:.12s ease-out tip-in;display:grid;position:absolute;box-shadow:0 6px 20px #00000073}.tip[hidden]{display:none}.tip strong{color:var(--text);font-size:14px}.tip:after{content:"";left:var(--arrow,50%);border:1px solid var(--line-hi);background:var(--card-hi);border-width:0 1px 1px 0;width:10px;height:10px;position:absolute;bottom:-6px;transform:translate(-50%)rotate(45deg)}@keyframes tip-in{0%{opacity:0}}:root[data-motion=reduced] .toast,:root[data-motion=reduced] .tip,:root[data-motion=reduced] #hud-next-icon.is-flipping,:root[data-motion=reduced] .power-up[data-state=armed]{animation:none}:root[data-motion=reduced] .toast,:root[data-motion=reduced] .strip-planet .planet-icon,:root[data-motion=reduced] .switch,:root[data-motion=reduced] .switch:after{transition:none}.hud-time,#opp-panel{display:none}#column[data-mode=versus]{--opp-share:.52;--opp-gap:24px}#column[data-mode=versus] .hud-time{display:flex}#column[data-strip=hidden]{--strip-h:0px}#column[data-strip=hidden] #evolution{display:none}.clock{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.clock .icon{stroke-width:2px;width:15px;height:15px}.hud-target,.final-chip,.need-chip,.beat-chip{display:none}.final-chip,.need-chip,.beat-chip,.target-chip{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:5px}.final-chip,.need-chip,.beat-chip{border:1px solid var(--line-hi);color:var(--muted);text-shadow:none;background:#0f1228d9;border-radius:999px;padding:3px 9px 3px 7px;font:700 15px/1.1 system-ui,sans-serif}.need-chip,.beat-chip{color:var(--gold);border-color:#ffcf708c;padding:2px 8px 2px 6px;font-size:13px}.target-chip{color:var(--gold);display:inline-flex}.final-chip .icon,.beat-chip .icon,.target-chip .icon{stroke-width:2px;width:1em;height:1em}.clock.is-low{color:#ff9aa4}#column[data-mode=versus][data-controls=dock]{--hud-h:112px}#column[data-mode=versus][data-controls=dock] #hud{width:var(--slot-w);grid-template-columns:auto auto;grid-template-areas:"score next""time time";place-content:center start;gap:8px 22px;padding-left:56px;display:grid}#column[data-mode=versus][data-controls=dock] .hud-item{align-items:flex-start}#column[data-mode=versus][data-controls=dock] .hud-score{grid-area:score}#column[data-mode=versus][data-controls=dock] .hud-next{grid-area:next}#column[data-mode=versus][data-controls=dock] .hud-time{grid-area:time}#column[data-mode=versus][data-controls=dock] .hud-time .label,#column[data-mode=versus][data-controls=dock] #hud-next-name{display:none}#opp-clock,#column[data-controls=dock] #hud-clock{border:1px solid var(--line-hi);color:var(--core);font-variant-numeric:tabular-nums;text-shadow:none;background:#0f1228d9;border-radius:999px;padding:3px 9px 3px 7px;font:700 15px/1.1 system-ui,sans-serif}#opp-clock.is-low,#column[data-controls=dock] #hud-clock.is-low{color:#ff9aa4;border-color:#ff4d5eb3;animation:1s ease-in-out infinite low-clock;box-shadow:0 0 12px #ff4d5e59}#opp-clock{padding:2px 8px 2px 6px;font-size:13px}#opp-clock .icon{width:13px;height:13px}@keyframes low-clock{50%{box-shadow:0 0 2px #ff4d5e1a}}#column[data-mode=versus] #opp-panel{text-shadow:0 0 4px var(--bg), 0 0 8px var(--bg), 0 0 12px var(--bg);gap:10px;display:flex;position:absolute}.opp-text{text-align:right;justify-items:end;gap:3px;min-width:0;display:grid}.opp-label{display:none}.opp-name{max-width:100%;color:var(--core);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;font:700 13px/1.2 system-ui,sans-serif;overflow:hidden}.opp-score{font-variant-numeric:tabular-nums;font:800 18px/1 system-ui,sans-serif}#opp-slot{aspect-ratio:var(--box-ratio,.75);flex:none;position:relative}#column[data-mode=versus][data-controls=dock] #opp-panel{max-width:calc(100% - 200px);height:var(--hud-h);align-items:center;bottom:100%;right:0}#column[data-mode=versus][data-controls=dock] #opp-slot{height:102px}#column[data-mode=versus][data-controls=rail]{--slot-w:min((100cqw - 2 * var(--rail-w) - var(--opp-gap)) / (1 + var(--opp-share)), (100cqh - var(--hud-h) - var(--strip-h) - var(--dock-h)) * var(--box-ratio,.75))}#column[data-mode=versus][data-controls=rail]>*{margin-right:calc(var(--slot-w) * var(--opp-share) + var(--opp-gap))}#column[data-mode=versus][data-controls=rail] #opp-panel{top:0;left:calc(100% + var(--rail-w) + var(--opp-gap));width:max(calc(var(--slot-w) * var(--opp-share)), 168px);flex-direction:column;gap:14px}#column[data-mode=versus][data-controls=rail] .opp-text{text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label score""name clock""name need";align-items:end;column-gap:10px}#column[data-mode=versus][data-controls=rail] .opp-label{grid-area:label;justify-self:start;display:block}#column[data-mode=versus][data-controls=rail] .opp-name{grid-area:name;justify-self:start;font-size:17px}#column[data-mode=versus][data-controls=rail] .opp-score{grid-area:score;font-size:22px}#column[data-mode=versus][data-controls=rail] #opp-clock,#column[data-mode=versus][data-controls=rail] #opp-beat{grid-area:clock;justify-self:end}#column[data-mode=versus][data-controls=rail] .need-chip{grid-area:need;justify-self:end}#column[data-mode=versus][data-controls=rail] #opp-slot{width:calc(var(--slot-w) * var(--opp-share))}#opp-away{color:var(--core);text-align:center;background:#050610a8;border-radius:4px;align-content:center;place-items:center;gap:4px;font:700 10px/1.2 system-ui,sans-serif;display:grid;position:absolute;inset:0}#opp-away[hidden]{display:none}#opp-away .icon{width:18px;height:18px}#opp-flash{color:var(--gold);white-space:nowrap;opacity:0;background:#0a0c1ee0;border-radius:999px;padding:2px 7px;font:700 10px/1.3 system-ui,sans-serif;transition:opacity .3s;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}#opp-flash.is-showing{opacity:1;transition:none}#countdown{pointer-events:none;text-align:center;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}#countdown[hidden]{display:none}.countdown-ring{aspect-ratio:1;border:3px solid #7c8cff8c;border-radius:50%;width:min(190px,56%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #7c8cff59,inset 0 0 24px #7c8cff33}.countdown-vs{color:var(--muted);letter-spacing:.04em;unicode-bidi:isolate;font:600 13px/1.2 system-ui,sans-serif}.countdown-num{color:var(--core);font-variant-numeric:tabular-nums;text-shadow:0 0 34px #7c8cffe6,0 0 8px #dfe3ffb3;font:800 min(132px,18vh)/1 system-ui,sans-serif}.countdown-num.is-tick{animation:.42s ease-out count-pop}@keyframes count-pop{0%{opacity:.4;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.countdown-sub{font:700 15px/1.2 system-ui,sans-serif}#vs-banner{white-space:nowrap;pointer-events:none;background:#0a0c1eeb;border:1px solid #8d93c999;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 14px 7px 10px;font:600 14px/1.2 system-ui,sans-serif;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%)}#vs-banner[hidden]{display:none}#vs-banner .icon{width:18px;height:18px;color:var(--muted);flex:none}.banner-text{gap:2px;display:grid}.banner-sub{color:var(--muted);white-space:normal;font-size:12.5px;font-weight:500}#vs-banner:has(.banner-sub){white-space:normal;border-color:#ffcf708c;border-radius:16px}#vs-banner:has(.banner-sub) .icon{color:var(--gold)}#vs-banner b{font-variant-numeric:tabular-nums}#box-slot:has(#vs-banner:not([hidden])) #toasts{top:calc(22% + 48px)}#column[data-mode=versus][data-chase=chaser][data-controls=rail] .hud-target{display:flex}#column[data-mode=versus][data-chase=chaser] #opp-clock,#column[data-mode=versus][data-chase=watcher] #hud-clock,#column[data-mode=versus][data-chase=watcher] .hud-next{display:none}#column[data-mode=versus][data-chase=chaser] #opp-beat,#column[data-mode=versus][data-chase=watcher] #hud-final,#column[data-mode=versus][data-chase=watcher] .need-chip{display:inline-flex}#column[data-mode=versus][data-chase=chaser] #hud-clock:not(.is-low){color:var(--gold);border-color:#ffcf708c}#vs-watch{top:calc(var(--slot-w) / var(--box-ratio,.75) / 2);border:1px solid var(--line-hi);text-align:center;pointer-events:none;background:#11142af0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;width:min(300px,100% - 32px);padding:20px 20px 18px;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #00000073}#vs-watch[hidden]{display:none}#vs-watch .watch-icon .icon{width:26px;height:26px;color:var(--gold)}.watch-score{font-variant-numeric:tabular-nums;font:800 34px/1.1 system-ui,sans-serif}.watch-text,.watch-note{margin:0;font-size:14px;line-height:1.4}.watch-text{margin-top:4px}.watch-note{color:var(--muted);font-size:12.5px}#self-slot{aspect-ratio:var(--box-ratio,.75);pointer-events:none;display:none;position:absolute}#column[data-mode=versus][data-chase=watcher][data-controls=dock] #self-slot{right:0;bottom:calc(100% + (var(--hud-h) - 102px) / 2);height:102px;display:block}#column[data-mode=versus][data-chase=watcher][data-controls=dock] #opp-panel{max-width:none;height:calc(var(--slot-w) / var(--box-ratio,.75));flex-direction:column;align-items:center;gap:8px;inset:0 0 auto}#column[data-mode=versus][data-chase=watcher][data-controls=dock] .opp-text{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding-top:4px;display:flex}#column[data-mode=versus][data-chase=watcher][data-controls=dock] .opp-name{font-size:15px}#column[data-mode=versus][data-chase=watcher][data-controls=dock] #opp-slot{flex:1;height:auto;min-height:0}.btn.versus{border-color:var(--accent);color:var(--core);background:#6f7cff24}.btn.versus:hover{background:#6f7cff3d}.btn:disabled{opacity:.5;cursor:default}.versus-inner{gap:14px}.who-row{border:1px solid var(--line);background:var(--card);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.who{gap:3px;min-width:0;display:grid}.who-name{text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;font-size:17px;font-weight:700;overflow:hidden}.link-button{min-height:44px;color:var(--field);cursor:pointer;background:0 0;border:0;flex:none;padding:0 4px;font:700 14px system-ui,sans-serif}.link-button:focus-visible{outline:3px solid var(--text);outline-offset:2px}.record{color:var(--muted);gap:14px;font-size:13px;font-weight:600;display:flex}#versus .record b{color:var(--text);font-variant-numeric:tabular-nums}.quick{gap:8px;margin-top:6px;display:grid}.quick-sub{color:var(--muted);text-align:center;margin:0;font-size:13px}.friends{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:6px;display:grid}.invite-row{border-radius:12px}.row-icon{color:var(--core);display:flex}#versus .row-text,#settings .row-text{color:var(--text);flex:1;font-size:16px}#versus .row-icon{color:var(--core);font-size:16px}.row-text .note{display:block}.join-row{gap:10px;display:flex}.code-input{border:1px solid var(--line-hi);background:var(--bg);min-width:0;min-height:52px;color:var(--text);letter-spacing:.2em;text-align:center;text-transform:uppercase;-webkit-user-select:text;user-select:text;border-radius:12px;flex:1;padding:0 14px;font:800 22px ui-monospace,SFMono-Regular,Menlo,monospace}.code-input::placeholder{color:var(--muted);letter-spacing:0;text-transform:none;font-family:system-ui,sans-serif;font-size:16px;font-weight:600}.code-input:focus-visible,.name-field input:focus-visible{border-color:var(--field);outline:none;box-shadow:0 0 0 3px #7c8cff40}.join-row .btn{min-height:52px}.field-error{color:#ff9aa4;font-size:12.5px}.field-error[hidden]{display:none}.rules{border:1px dashed var(--line-hi);color:var(--muted);border-radius:12px;gap:8px;margin:auto 0 0;padding:14px 16px;font-size:13px;line-height:1.45;list-style:none;display:grid}.rules li{align-items:baseline;gap:10px;display:flex}.rules li:before{content:"";background:var(--field);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.page-inner>.btn:last-child{margin-bottom:8px}.center-col{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding-block:12px;display:flex}.muted{color:var(--muted)}.small{font-size:13px}.orbit{width:150px;height:150px;position:relative}.orbit-track{border:1px dashed #7c8cff66;border-radius:50%;position:absolute;inset:0}.orbit-center{width:46px;height:46px;margin:-23px;position:absolute;top:50%;left:50%}#vs-search .orbit-center .planet-icon,#vs-search .orbit-sat .planet-icon{width:100%;height:100%}.orbit-sat{animation:2.6s linear infinite orbit;position:absolute;inset:0}.orbit-sat>span{width:24px;height:24px;margin-left:-12px;position:absolute;top:-12px;left:50%}.orbit-sat.orbit-b{animation-duration:4.1s;animation-direction:reverse;inset:22px}.orbit-sat.orbit-b>span{width:18px;height:18px;margin-left:-9px;top:-9px}@keyframes orbit{to{transform:rotate(360deg)}}.search-text{gap:8px;display:grid}#vs-search .search-text b{font-size:22px}.note-chip{border:1px solid var(--line-hi);background:#0a0c1eeb;border-radius:999px;align-items:center;gap:8px;margin:0;padding:7px 14px 7px 10px;font-size:14px;font-weight:600;display:inline-flex}.note-chip[hidden]{display:none}#vs-search .note-chip .icon{width:18px;height:18px;color:var(--muted)}.codebox{justify-content:center;gap:8px;display:flex}#vs-room .codebox span{border:1px solid var(--field);width:58px;height:70px;color:var(--core);background:#6f7cff1a;border-radius:12px;place-items:center;font:800 36px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;box-shadow:inset 0 0 14px #7c8cff26}.room-url{color:var(--core);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font:600 14px ui-monospace,SFMono-Regular,Menlo,monospace}.center-col .actions{width:min(360px,100%)}.room-status{gap:6px;margin-top:10px;display:grid}.status{justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.pulse{background:#7fe0b0;border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite ping}@keyframes ping{0%{box-shadow:0 0 #7fe0b099}to{box-shadow:0 0 0 12px #7fe0b000}}.name-field{align-items:center;gap:8px;width:100%;display:flex}.name-field input{border:1px solid var(--line-hi);background:var(--bg);min-width:0;min-height:52px;color:var(--text);-webkit-user-select:text;user-select:text;border-radius:12px;flex:1;padding:0 14px;font:700 19px system-ui,sans-serif}.name-field input[aria-invalid=true]{border-color:#ff4d5eb3}.dice-button{border-radius:12px;width:48px;height:52px}#nickname .dice-button .icon{width:22px;height:22px}.field-hint{color:var(--muted);font-size:12.5px}.field-hint.is-error{color:#ff9aa4}.card-icon{color:var(--muted)}#vs-lost .card-icon .icon{width:40px;height:40px}.result-card h2{font-size:32px}.result-card h2.is-win{color:var(--gold);text-shadow:0 0 18px #ffcf7073}.result-card h2.is-draw{color:var(--core)}.faceoff{border-block:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:14px 4px 12px;display:grid}.faceoff .side{justify-items:center;gap:6px;min-width:0;display:grid}.faceoff .who{max-width:100%;color:var(--muted);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font:700 12px/1.2 system-ui,sans-serif;overflow:hidden}.faceoff .side.is-winner .who{color:var(--gold)}.faceoff .pts{font-variant-numeric:tabular-nums;font:800 30px/1 system-ui,sans-serif}.faceoff .tier{color:var(--core);align-items:center;gap:6px;font:600 13px/1.2 system-ui,sans-serif;display:inline-flex}#vs-result .faceoff .tier .planet-icon{width:22px;height:22px}.faceoff .mid{color:var(--muted);letter-spacing:.14em;align-self:center;font:800 12px/1 system-ui,sans-serif}.card p.offer{color:#7fe0b0;background:#7fe0b01a;border:1px solid #7fe0b080;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font:700 13px/1.2 system-ui,sans-serif;display:inline-flex}.card p.offer:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.card p.offer.is-gone{border-color:var(--line-hi);color:var(--muted);background:0 0}.card p.offer.is-gone:before,.card p.offer[hidden]{display:none}.btn.primary.is-glowing{box-shadow:0 0 22px #7c8cffbf}[data-motion=reduced] .orbit-sat,[data-motion=reduced] .pulse,[data-motion=reduced] .countdown-num.is-tick,[data-motion=reduced] #column #hud-clock.is-low,[data-motion=reduced] #opp-clock.is-low{animation:none}