:root{--bg: #0e1116;--ink: #e8ecf1;--dim: rgba(232, 236, 241, .55);--faint: rgba(232, 236, 241, .32);--panel: rgba(16, 20, 27, .66);--panel-strong: rgba(16, 20, 27, .9);--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .09);--stroke: rgba(255, 255, 255, .1);--stroke-2: rgba(255, 255, 255, .16);--accent: #ff5a5f;--accent-ink: #fff;--gold: #ffd166;--good: #8ce99a;--gap-1: 6px;--gap-2: 10px;--gap-3: 14px;--gap-4: 20px;--r-1: 8px;--r-2: 12px;--r-3: 18px;--shadow: 0 24px 60px -14px rgba(0, 0, 0, .62), inset 0 1px 0 rgba(255, 255, 255, .05);--safe-t: max(8px, env(safe-area-inset-top));--safe-b: max(8px, env(safe-area-inset-bottom));--safe-l: max(10px, env(safe-area-inset-left));--safe-r: max(10px, env(safe-area-inset-right));color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:500 14px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#stage{display:block;width:100%;height:100%}#roster,#banner,#bigtext,#hud{position:fixed;pointer-events:none;z-index:2}#roster{top:var(--safe-t);left:var(--safe-l);margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-width:min(46vw,240px);font-size:11px;font-variant-numeric:tabular-nums}#roster li{--pc: var(--ink);display:flex;align-items:center;gap:7px;min-width:0;padding:4px 9px 4px 7px;border-radius:999px;background:var(--panel-strong);border:1px solid var(--stroke);border-left:2px solid color-mix(in srgb,var(--pc) 75%,transparent);line-height:1;transition:opacity .14s ease}@supports (backdrop-filter: blur(6px)){#roster li{background:var(--panel);backdrop-filter:blur(10px)}}#roster li.is-self{background:color-mix(in srgb,var(--pc) 14%,var(--panel-strong));border-color:color-mix(in srgb,var(--pc) 45%,var(--stroke))}#roster li.is-out{opacity:.4;filter:grayscale(.55)}#roster li.is-out .roster-name{text-decoration:line-through}#roster li.is-self .roster-name{font-weight:700}.roster-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 7px color-mix(in srgb,var(--pc) 65%,transparent)}.roster-name{min-width:2.4em;max-width:6.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-host{font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--dim);border:1px solid var(--stroke);border-radius:999px;padding:2px 4px}.roster-spectating{color:var(--dim);font-style:italic}.roster-ready{margin-left:auto;font-size:8px;font-weight:700;letter-spacing:.08em;color:var(--faint)}.roster-ready.is-on{color:var(--good)}.roster-damage{margin-left:auto;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;min-width:2.6em;text-align:right}.dots{display:inline-flex;align-items:center;gap:3px}.dot{width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid rgba(232,236,241,.3)}.dot.is-on{border-color:transparent;background:#e8ecf1e6}.win-dots .dot{border-radius:1px;transform:rotate(45deg)}.win-dots .dot.is-on{background:var(--gold)}#banner{top:var(--safe-t);left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:var(--panel-strong);border:1px solid var(--stroke);font-size:11px;letter-spacing:.08em;white-space:nowrap;max-width:calc(100vw - 24px)}@supports (backdrop-filter: blur(6px)){#banner{background:var(--panel);backdrop-filter:blur(12px)}}#banner[hidden]{display:none}#banner-round{font-weight:800;letter-spacing:.1em}#banner-pips{display:inline-flex}#banner-pips:empty{display:none}#banner-pips .dot{width:5px;height:5px}#banner-note{color:var(--dim);letter-spacing:.06em}#banner-note:empty{display:none}#bigtext{top:42%;left:50%;transform:translate(-50%,-50%);max-width:86vw;text-align:center}#bigtext-main{font-size:clamp(26px,8vw,58px);font-weight:800;letter-spacing:.02em;line-height:1.02;text-wrap:balance;text-shadow:0 2px 22px rgba(0,0,0,.8)}#bigtext-sub{margin-top:8px;font-size:clamp(11px,3vw,15px);color:var(--dim);letter-spacing:.16em;text-transform:uppercase}#bigtext[data-kind=count] #bigtext-main{font-size:clamp(56px,19vw,132px);color:var(--ink);text-shadow:0 0 42px rgba(232,236,241,.28),0 2px 22px rgba(0,0,0,.8)}#bigtext[data-kind=fight] #bigtext-main{color:var(--accent);text-shadow:0 0 42px rgba(255,90,95,.5),0 2px 22px rgba(0,0,0,.8)}#bigtext[data-kind=win] #bigtext-main{text-shadow:0 0 46px color-mix(in srgb,currentColor 45%,transparent),0 2px 22px rgba(0,0,0,.8)}#bigtext.pop #bigtext-main{animation:pop .26s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.72);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#bigtext.pop #bigtext-main{animation:none}}#hud{bottom:var(--safe-b);left:var(--safe-l);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em}#status{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:999px;color:var(--dim);background:var(--panel);border:1px solid var(--stroke)}@supports (backdrop-filter: blur(6px)){#status{backdrop-filter:blur(8px)}}#status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--good);flex:none}#status[data-ping=ok]:before{background:var(--gold)}#status[data-ping=bad]:before{background:var(--accent)}#status[data-flash]{color:var(--ink);border-color:#ff5a5f80}#status[data-flash]:before{display:none}#fullscreen,#mute{position:fixed;z-index:2;top:var(--safe-t);right:var(--safe-r);width:34px;height:34px;border:1px solid var(--stroke);border-radius:10px;background:var(--panel);color:var(--ink);font-size:15px;line-height:1}@supports (backdrop-filter: blur(6px)){#fullscreen,#mute{backdrop-filter:blur(10px)}}#fullscreen:active,#mute:active{transform:translateY(1px)}#mute{right:calc(var(--safe-r) + 40px)}#mute[aria-pressed=true]{opacity:.5}.label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}.hero-stage{position:relative;width:100%;aspect-ratio:16 / 9;max-height:168px;border-radius:var(--r-2);overflow:hidden;background:radial-gradient(120% 140% at 50% 0%,#26324a,#141b28 62%,#0f141d);border:1px solid var(--stroke)}.hero-stage:after{content:"";position:absolute;left:8%;right:8%;bottom:14%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}.hero-stage-win{background:radial-gradient(120% 140% at 50% 0%,#3a3320,#1c1c16 60%,#12140f)}.fighter-canvas{position:absolute;inset:0;width:100%;height:100%}#lobby-hero,.landing-hero{display:flex;flex-direction:column;gap:var(--gap-2)}.hero-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.hero-name{font-size:15px;font-weight:800;letter-spacing:-.01em}.hero-tag{font-size:11px;color:var(--dim)}#lobby,#result{position:fixed;z-index:4;inset:0;margin:auto;width:min(440px,calc(100vw - 16px));height:max-content;max-height:calc(100dvh - 16px);display:flex;flex-direction:column;border-radius:var(--r-3);background:linear-gradient(180deg,#1c2333f2,#0d1016f5);border:1px solid var(--stroke-2);box-shadow:var(--shadow);pointer-events:none;overflow:hidden}@supports (backdrop-filter: blur(6px)){#lobby,#result{backdrop-filter:blur(18px) saturate(1.1)}}#lobby[hidden],#result[hidden]{display:none}#lobby button,#lobby input,#lobby canvas,#lobby .strip,#result button,#result input{pointer-events:auto}#lobby-scroll,#result-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--gap-3);padding:var(--gap-4) var(--gap-4) var(--gap-3)}#lobby-scroll>*,#result-scroll>*{min-width:0}#lobby-foot,.result-actions{flex:none}#lobby-foot{display:flex;flex-direction:column;gap:var(--gap-2);padding:var(--gap-3) var(--gap-4) calc(var(--gap-3) + var(--safe-b));border-top:1px solid var(--stroke);background:#0d101680}#lobby-code{display:flex;align-items:center;gap:var(--gap-2);padding:var(--gap-2) 12px;border-radius:var(--r-2);background:#00000042;border:1px solid var(--stroke)}.lobby-code-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}#lobby-code-value{font:800 30px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.22em;text-indent:.22em;color:var(--ink)}#lobby-share{flex:none;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:var(--r-1);padding:9px 14px;background:var(--surface-2);border:1px solid var(--stroke-2);color:var(--ink);font:700 12px/1 inherit}#lobby-share:active{transform:translateY(1px)}#lobby-setup{display:flex;flex-direction:column;gap:var(--gap-3)}.setup-field{display:flex;flex-direction:column;gap:var(--gap-1)}.segmented{display:flex;gap:var(--gap-1)}.segmented .chip{flex:1;padding:10px 0;border:1px solid var(--stroke-2);border-radius:var(--r-1);background:var(--surface);color:var(--dim);font:700 14px/1 inherit;font-variant-numeric:tabular-nums;transition:background .12s ease,color .12s ease,border-color .12s ease}.segmented .chip.is-on{background:var(--ink);border-color:var(--ink);color:#0e1116}.segmented .chip:disabled{opacity:1}.segmented .chip:disabled:not(.is-on){opacity:.4}.segmented .chip:not(:disabled):active{transform:translateY(1px)}.map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-1)}.map-chip{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:4px;padding:4px;border:1px solid var(--stroke-2);border-radius:var(--r-1);background:var(--surface);color:var(--dim);transition:border-color .12s ease,background .12s ease,color .12s ease}.map-preview{display:block;width:100%;height:auto;aspect-ratio:960 / 540;border-radius:5px;opacity:.85}.map-chip-name{font:700 11px/1.15 inherit;text-align:center;min-height:2.3em;display:flex;align-items:center;justify-content:center}.map-chip.is-on{border-color:var(--gold);background:#ffd1661f;color:var(--ink)}.map-chip.is-on .map-preview{opacity:1}.map-chip:disabled{opacity:1}.map-chip:disabled:not(.is-on){opacity:.5}.map-chip:not(:disabled):active{transform:translateY(1px)}.setup-hint{font-size:11px;line-height:1.3;color:var(--dim);opacity:.8;min-height:14px}#setup-stake{border-color:#ffd16659;background:#ffd1660f;font-weight:600}#setup-stake:focus{border-color:var(--gold)}#setup-stake:read-only{border-color:var(--stroke);background:var(--surface);color:var(--dim)}.lobby-cta{width:100%;border:0;border-radius:var(--r-2);padding:14px 20px;background:var(--accent);color:var(--accent-ink);font:800 14px/1 inherit;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 22px -8px #ff5a5f8c;transition:background .12s ease,box-shadow .12s ease,opacity .12s ease}.lobby-cta:active{transform:translateY(1px)}.lobby-cta:disabled{opacity:.5;box-shadow:none}#lobby-ready.is-on{background:transparent;color:var(--good);border:1px solid var(--good);box-shadow:none}#lobby-start.is-start{background:var(--gold);color:#0e1116;box-shadow:0 10px 22px -8px #ffd1668c}#lobby-foot-meta{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:11px;color:var(--dim)}#lobby-ready-count{font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}#lobby-ready-count:empty{display:none}.wardrobe{display:flex;flex-direction:column;gap:var(--gap-2)}.wardrobe .field{gap:5px}.wardrobe-row{gap:7px}.wardrobe-row .strip{display:flex;flex-wrap:nowrap;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}.wardrobe-row .strip::-webkit-scrollbar{display:none}.wardrobe-row .strip>*{flex:none}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch,#landing .wardrobe-custom,#lobby .wardrobe-custom{width:26px;height:26px;padding:0;border:2px solid transparent;border-radius:7px;background-clip:padding-box;font:inherit}.swatch.is-on,.wardrobe-custom.is-on{border-color:var(--ink)}.wardrobe-custom{-webkit-appearance:none;appearance:none;border-style:dashed;border-color:#fff6;background:conic-gradient(from 0deg,#ff5a5f,#ffd166,#a3e635,#4cc9f0,#c792ea,#ff5a5f)}.wardrobe-custom::-webkit-color-swatch-wrapper{padding:0}.wardrobe-custom::-webkit-color-swatch{border:none;border-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{min-width:34px;padding:7px 11px;border:1px solid var(--stroke-2);border-radius:var(--r-1);background:transparent;color:var(--dim);font:600 13px/1 inherit}.chip.is-on{background:var(--ink);border-color:var(--ink);color:#0e1116}.wardrobe .chip{min-width:0;padding:7px 12px;font-size:12px}.wardrobe-row .chip{border-radius:999px}#result-scroll{text-align:center}#result-hero{display:flex;flex-direction:column;gap:var(--gap-2)}#result-title{font-size:clamp(22px,6vw,30px);font-weight:800;line-height:1.05}#result-stake{color:var(--ink);font-size:14px;opacity:.85}#result-standings{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;text-align:left}#result-standings li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-1);background:var(--surface);font-size:13px}#result-standings li:first-child{background:#ffd16624;border:1px solid rgba(255,209,102,.3)}#result-standings li.is-self{outline:1px solid var(--stroke-2);font-weight:700}.result-rank{width:1.4em;color:var(--dim);font-variant-numeric:tabular-nums;font-weight:700}.result-dot{width:10px;height:10px;border-radius:50%;flex:none}.result-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-wins{color:var(--dim);font-variant-numeric:tabular-nums}#result-split{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:var(--dim)}#result-split label{flex:none}#split-total{width:6.5em;padding:8px 9px;font-size:13px}#split-out{font-variant-numeric:tabular-nums;color:var(--ink)}.result-actions{display:flex;gap:8px;padding:var(--gap-3) var(--gap-4) calc(var(--gap-3) + var(--safe-b));border-top:1px solid var(--stroke);background:#0d101680}.result-actions button{flex:1}#landing input,#setup-stake,#split-total{width:100%;padding:11px 12px;border:1px solid var(--stroke-2);border-radius:var(--r-1);background:var(--surface);color:var(--ink);font:500 15px/1 inherit}#landing input:focus,#setup-stake:focus,#split-total:focus{outline:none;border-color:#ffffff6b}button.primary,#landing-join,#result-share{border:0;border-radius:var(--r-1);padding:12px 16px;background:var(--ink);color:#0e1116;font:700 14px/1 inherit}button.primary:active,#landing-join:active,#result-share:active{transform:translateY(1px)}button:disabled{opacity:.5}#result-share{background:transparent;border:1px solid var(--stroke-2);color:var(--ink)}#landing{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:var(--gap-4) var(--gap-4) calc(var(--gap-4) + var(--safe-b));padding-top:max(var(--gap-4),var(--safe-t));background:radial-gradient(120% 90% at 50% 0%,#1a2130 0%,var(--bg) 68%);overflow-y:auto;-webkit-overflow-scrolling:touch}#landing[hidden]{display:none}#landing.is-busy{opacity:.6;pointer-events:none}#landing-card{width:min(360px,100%);display:flex;flex-direction:column;gap:var(--gap-2)}.landing-head{text-align:center;margin-bottom:2px}#landing-card h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}#landing-card .tagline{margin:4px 0 0;color:var(--dim);font-size:13px}.landing-hero{margin-bottom:2px}.field{display:flex;flex-direction:column;gap:4px;text-align:left}.divider{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:11px;margin:2px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--stroke)}.join-row{display:flex;gap:8px}#landing-code{flex:1;text-align:center;font:700 20px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.35em;text-indent:.35em;text-transform:uppercase}#landing-error{margin:0;min-height:1.2em;color:#ff8a8f;font-size:12px;text-align:center}#rotate{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center;background:radial-gradient(120% 90% at 50% 40%,#1a2130 0%,var(--bg) 70%)}#rotate[hidden]{display:none}.rotate-phone{width:54px;height:96px;border:3px solid var(--ink);border-radius:12px;display:flex;align-items:center;justify-content:center;animation:rotate-hint 2.4s ease-in-out infinite}.rotate-phone-screen{width:34px;height:66px;border-radius:4px;background:color-mix(in srgb,var(--accent) 55%,transparent)}@keyframes rotate-hint{0%,30%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none;transform:rotate(-90deg)}}.rotate-title{margin:0;font-size:18px;font-weight:800}.rotate-sub{margin:0;font-size:13px;color:var(--dim)}@media(min-width:620px)and (max-height:560px){#lobby,#result{width:min(760px,calc(100vw - 16px))}#lobby-scroll,#result-scroll{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:var(--gap-2) var(--gap-4);padding:var(--gap-3) var(--gap-3) var(--gap-2)}#lobby-hero,#lobby-code,#lobby-wardrobe{grid-column:1}#lobby-setup{grid-column:2;grid-row:1 / span 3}#lobby-hero .hero-stage,.hero-stage-win{display:none}#lobby-hero{gap:0}#lobby-setup{gap:var(--gap-2)}.map-chip-name{min-height:1.2em;font-size:10px}#result-hero{grid-column:1 / -1}#result-standings{grid-column:1}#result-split{grid-column:2;align-self:start}#landing-card .tagline,.landing-hero{display:none}#landing-card h1{font-size:22px}}@media(max-height:400px){.swatch,#landing .wardrobe-custom,#lobby .wardrobe-custom{width:22px;height:22px}#landing-wardrobe .chip{padding:5px 8px;font-size:11px}}@media(max-height:560px){#roster{max-height:calc(100dvh - 16px);flex-wrap:wrap;max-width:min(64vw,420px);column-gap:6px}}