:root{--bg: #0a0e1a;--ink: #eaf2ff;--dim: #7d8aa8;--accent: #37e6c0;--accent-2: #ff5d8f;--gold: #ffd76a;--font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;overscroll-behavior:none}#ui{position:fixed;inset:0;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;background:radial-gradient(ellipse at 50% 40%,#0a0e1ad1,#0a0e1af7);backdrop-filter:blur(3px)}.screen.is-active{display:flex;pointer-events:auto}h1{font-size:clamp(2.6rem,12vw,5rem);letter-spacing:.14em;font-weight:800;line-height:.95}h1 span{display:block;color:var(--accent)}h2{font-size:clamp(1.6rem,7vw,2.4rem);letter-spacing:.28em;color:var(--accent)}.tagline,.best{color:var(--dim);font-size:.9rem;letter-spacing:.04em}.best{min-height:1.2em;color:var(--gold)}.lengths{display:flex;gap:.25rem;padding:.25rem;border-radius:999px;background:#141b2e;border:1px solid #232d4d;pointer-events:auto}.lengths button{font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.1em;min-width:4.6rem;padding:.5rem .2rem;border:0;border-radius:999px;background:transparent;color:var(--dim);cursor:pointer;transition:background .14s ease,color .14s ease}.lengths button:hover{color:var(--ink)}.lengths button.is-selected{background:var(--accent);color:#05231d}.toggles{display:flex;gap:.5rem;pointer-events:auto}.toggle{font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.16em;padding:.45rem 1.1rem;border:1px solid #2c3550;border-radius:999px;background:transparent;color:var(--dim);cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.toggle.is-on{border-color:var(--accent);background:#37e6c024;color:var(--accent)}.toggle.is-locked{opacity:.45;cursor:default}.rules-hint{min-height:1.1em;font-size:.72rem;letter-spacing:.04em;color:var(--dim)}button.primary{pointer-events:auto;font:inherit;font-weight:700;font-size:1.05rem;letter-spacing:.2em;padding:.95rem 3rem;border:0;border-radius:999px;color:#05231d;background:var(--accent);cursor:pointer;transition:transform .12s ease,filter .12s ease}button.primary:hover{filter:brightness(1.1)}button.primary:active{transform:scale(.96)}button.secondary,button.ghost-btn{pointer-events:auto;font:inherit;font-weight:700;letter-spacing:.16em;border-radius:999px;cursor:pointer;transition:filter .12s ease,transform .12s ease}button.secondary{font-size:.9rem;padding:.75rem 2.2rem;border:1px solid #2c3550;background:#141b2e;color:var(--ink)}button.ghost-btn{font-size:.72rem;padding:.5rem 1.4rem;border:0;background:transparent;color:var(--dim)}button.secondary:hover,button.ghost-btn:hover{filter:brightness(1.25)}button.secondary:active{transform:scale(.96)}.versus-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.join-row{display:flex;gap:.5rem;align-items:center}.code-input{pointer-events:auto;font:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.35em;text-align:center;text-transform:uppercase;width:7.5rem;padding:.6rem .4rem .6rem .75rem;border:1px solid #2c3550;border-radius:12px;background:#0f1626;color:var(--ink)}.code-input:focus{outline:2px solid var(--accent);outline-offset:1px}.qr{width:clamp(120px,34vw,168px);padding:6px;border-radius:12px;background:#eaf2ff;line-height:0}.qr svg{width:100%;height:auto;display:block}.share-row{display:flex;gap:.5rem;align-items:center}.share-hint{min-height:1.2em;font-size:.75rem;letter-spacing:.08em;color:var(--accent)}#screen-lobby{gap:.7rem}.room-code{font-size:clamp(1.9rem,10vw,2.8rem);font-weight:800;letter-spacing:.28em;text-indent:.28em;color:var(--accent)}.error-line{color:var(--accent-2);font-size:.82rem;min-height:1.2em}.lobby-players{display:flex;gap:.75rem}.lobby-player{min-width:8.5rem;padding:.85rem 1rem;border:1px solid #232d4d;border-radius:14px;background:#10182a}.lobby-player b{display:block;font-size:.95rem}.lobby-player i{display:block;margin-top:.3rem;font-style:normal;font-size:.68rem;letter-spacing:.16em;color:var(--dim)}.lobby-player.is-ready{border-color:var(--accent)}.lobby-player.is-ready i{color:var(--accent)}.hud-rival{display:none;text-align:right;font-size:clamp(1.2rem,5vw,1.7rem);font-weight:800}.hud-rival.is-active{display:block}.hud-rival i{display:block;font-style:normal;font-size:.5em;letter-spacing:.18em;color:var(--dim)}.hud-rival.is-losing{color:var(--accent-2)}.hud-rival.is-stale{opacity:.45}.hud-rival.is-frozen{color:#b07bff}.hud-versus{display:none;margin-top:.5rem}.hud-versus.is-active{display:block}.hud-versus-track{position:relative;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--accent),#2b3550,var(--accent-2))}.hud-versus-track i{position:absolute;top:-4px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ink);box-shadow:0 0 8px #eaf2ff99;transition:left .25s ease}.versus-result{display:none}.versus-result.is-active{display:block}.versus-scores{display:flex;gap:2.5rem;justify-content:center;margin-top:.5rem}.versus-scores b{display:block;font-size:1.6rem;font-variant-numeric:tabular-nums}.versus-scores i{display:block;font-style:normal;font-size:.65rem;letter-spacing:.18em;color:var(--dim)}.rated-line{margin-top:.6rem;font-size:.75rem;letter-spacing:.1em;color:var(--dim)}.controls{list-style:none;color:var(--dim);font-size:.8rem;line-height:1.9;margin-top:.5rem}kbd{display:inline-block;min-width:1.7em;padding:.1em .35em;margin-right:.2em;border:1px solid #2c3550;border-bottom-width:2px;border-radius:4px;background:#141b2e;font-family:inherit;font-size:.85em;color:var(--ink)}#countdown-number{font-size:clamp(6rem,30vw,14rem);font-weight:800;color:var(--accent);line-height:1;animation:pop .55s ease-out}@keyframes pop{0%{transform:scale(1.6);opacity:0}to{transform:scale(1);opacity:1}}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;min-width:min(340px,82vw)}.breakdown tr.is-pending{opacity:0;transform:translateY(6px)}.breakdown tr{opacity:1;transform:none;transition:opacity .22s ease,transform .22s ease}.versus-scores>div.is-pending{opacity:0}.versus-scores>div{opacity:1;transition:opacity .3s ease}@media (prefers-reduced-motion: reduce){.breakdown tr.is-pending{transform:none}}.breakdown td{padding:.4rem .9rem;font-size:1rem}.breakdown td:first-child{text-align:left;color:var(--dim);letter-spacing:.06em}.breakdown td:last-child{text-align:right;font-weight:600}.breakdown tfoot td{padding-top:.9rem;border-top:1px solid #263050;font-size:1.4rem;color:var(--accent)}.breakdown tfoot td:first-child{color:var(--accent);font-weight:700}.crashes{color:var(--accent-2);font-size:.85rem;min-height:1.2em}.queue-dots{display:flex;gap:.6rem;margin:.4rem 0 .2rem}.queue-dots i{width:10px;height:10px;border-radius:50%;background:var(--accent);opacity:.25;animation:queue-pulse 1.2s ease-in-out infinite}.queue-dots i:nth-child(2){animation-delay:.2s}.queue-dots i:nth-child(3){animation-delay:.4s}@keyframes queue-pulse{50%{opacity:1}}.queue-detail{min-height:1.2em;font-size:.72rem;letter-spacing:.06em;color:var(--dim)}.minor-row{display:flex;gap:.6rem;align-items:center}.store-balance{font-size:.86rem;font-weight:700;letter-spacing:.14em;color:var(--gold);min-height:1.2em}.store-list{display:flex;flex-direction:column;gap:1rem;width:min(520px,92vw);max-height:56vh;overflow-y:auto;pointer-events:auto;text-align:left;overscroll-behavior:contain}.store-section>h3{font-size:.68rem;font-weight:700;letter-spacing:.26em;color:var(--dim);margin-bottom:.5rem}.store-row{display:flex;align-items:center;gap:.8rem;padding:.55rem .7rem;border:1px solid #232c46;border-radius:.8rem;background:#10162a;margin-bottom:.4rem}.store-row.is-equipped{border-color:var(--accent);background:#37e6c014}.store-row.is-short .store-price{color:var(--dim)}.store-swatch{flex:none;width:2.4rem;height:2.4rem;border-radius:.6rem;border:1px solid #2c3550;background:#05070d}.store-swatch>i{display:block;width:100%;height:100%;border-radius:.5rem}.store-name{flex:1 1 auto;min-width:0}.store-name b{display:block;font-size:.86rem;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-price{display:block;margin-top:.1rem;font-size:.68rem;letter-spacing:.06em;color:var(--gold);min-height:1em}.store-row button{flex:none;pointer-events:auto;font:inherit;font-size:.66rem;font-weight:700;letter-spacing:.12em;padding:.45rem .9rem;border:1px solid #2c3550;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;min-width:5.4rem;text-align:center}.store-row button:disabled{cursor:default;color:var(--dim);border-color:#232c46}.store-row button.is-buy{border-color:var(--gold);color:var(--gold)}.store-row button.is-equip{border-color:var(--accent);color:var(--accent)}.store-row button.is-worn{border-color:transparent;color:var(--accent)}.store-empty{color:var(--dim);font-size:.8rem;line-height:1.5;text-align:center}.settings{display:flex;flex-direction:column;gap:1rem;max-width:min(460px,88vw);max-height:58vh;overflow-y:auto;pointer-events:auto;text-align:left}.setting b{display:block;font-size:.9rem;letter-spacing:.06em}.setting i{display:block;margin:.15rem 0 .45rem;font-style:normal;font-size:.72rem;line-height:1.35;color:var(--dim)}.choices{display:flex;gap:.4rem;flex-wrap:wrap}.choices button{font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.12em;padding:.4rem .85rem;border:1px solid #2c3550;border-radius:999px;background:transparent;color:var(--dim);cursor:pointer}.choices button.is-selected{border-color:var(--accent);background:#37e6c024;color:var(--accent)}.screen{font-size:calc(1rem * var(--ui-scale, 1))}#hud{font-size:calc(1rem * var(--hud-scale, 1))}.mirror-hud .hud-top{flex-direction:row-reverse}.mirror-hud .hud-rival{text-align:left}.high-contrast .screen,.high-contrast #hud{--dim: #b9c6de}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.account{min-height:1.1em;font-size:.72rem;letter-spacing:.08em;color:var(--gold)}.res-tag{min-height:1.1em;margin-top:-.6rem;font-size:.68rem;font-weight:700;letter-spacing:.3em;color:var(--accent)}.survived{color:var(--dim);font-size:.9rem;letter-spacing:.06em;margin-top:-.5rem;min-height:1.2em}h2.is-out{color:var(--accent-2)}#hud{position:absolute;inset:0;display:none;padding:1rem 1.1rem;font-variant-numeric:tabular-nums}#hud.is-active{display:block}.hud-top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.hud-score{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800;letter-spacing:.02em}.hud-lives{display:flex;gap:.3rem;margin-top:.3rem}.hud-lives i{display:block;width:1.5rem;height:4px;border-radius:2px;background:var(--accent);transition:background .25s ease,opacity .25s ease}.hud-lives i.is-spent{background:#2b3550;opacity:.7}.hud-lives.is-last i:not(.is-spent){background:var(--accent-2);animation:tick 1s steps(1) infinite}.hud-clock{font-size:clamp(1.1rem,4.5vw,1.5rem);font-weight:700;color:var(--dim);transition:color .2s ease}.hud-clock.is-urgent{color:var(--gold)}.hud-clock.is-critical{color:var(--accent-2);animation:tick 1s steps(1) infinite}@keyframes tick{50%{opacity:.45}}.hud-coins{font-size:clamp(1rem,4vw,1.3rem);font-weight:700;color:var(--gold)}.hud-coins i{display:block;font-style:normal;font-size:.55em;letter-spacing:.18em;color:var(--dim);text-align:right}.hud-bar{margin-top:.5rem;height:3px;border-radius:2px;background:#1b2338;overflow:hidden}.hud-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--gold));transform-origin:left center}.hud-powers{margin:.7rem auto 0;display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.power-chip{display:none;align-items:center;gap:.45rem;padding:.28rem .7rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.16em;background:#37e6c024;color:var(--accent)}.power-chip.is-active{display:flex}.power-chip i{display:block;width:34px;height:4px;border-radius:2px;background:currentColor;transform-origin:left center}.power-chip.is-boost{color:#ffe14a;background:#ffe14a29}.power-chip.is-shield{color:#6ec8ff;background:#6ec8ff29}.power-chip.is-coinRush{color:#ffa23a;background:#ffa23a29}.power-chip.is-frozen{color:#b07bff;background:#b07bff2e}.hud-tag{position:absolute;left:0;right:0;bottom:3%;display:none;text-align:center;font-size:.62rem;font-weight:700;letter-spacing:.28em;color:var(--dim)}.hud-tag.is-active{display:block}#frost{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .18s ease;background:radial-gradient(ellipse at 50% 55%,#b07bff00 42%,#b07bff6b)}#frost.is-warning{opacity:.55}#frost.is-active{opacity:1;animation:shiver .9s ease-in-out infinite}@keyframes shiver{50%{opacity:.72}}#crash-flash{position:absolute;inset:0;pointer-events:none;opacity:0;background:#ff2e5e2e}#crash-flash.is-shield{background:#6ec8ff33}#crash-flash.is-firing{animation:crash-flash .18s ease-out;backdrop-filter:saturate(.25)}#crash-flash.is-firing.is-shield{backdrop-filter:none}@keyframes crash-flash{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){#crash-flash.is-firing,#frost.is-active,#countdown-number{animation:none}}.hud-multiplier{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-size:clamp(1.4rem,6vw,2rem);font-weight:800;color:var(--gold);opacity:.25;transition:opacity .3s ease,transform .3s ease}.hud-multiplier.is-bumped{opacity:1;transform:scale(1.35)}#debug{position:absolute;left:.6rem;bottom:.5rem;font-size:.62rem;line-height:1.5;color:#46527a;white-space:pre;display:none}#debug.is-active{display:block}