:root{--bg:#0a0c10;--panel:#0e1015c7;--panel-solid:#12151b;--line:#ffffff1a;--text:#f1ece2;--muted:#a3a7b0;--gold:#d6aa4c;--gold-hi:#f2cd75;--danger:#d6503f;--radius:12px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}#stage{touch-action:none;cursor:crosshair;position:absolute;inset:0}#stage canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:radial-gradient(at 50% 42%,#0000 52%,#0000008c 100%);position:absolute;inset:0}kbd{min-width:1.9em;height:1.9em;color:var(--text);font:700 .78rem/1 var(--font);letter-spacing:.02em;background:#ffffff14;border:1px solid #ffffff38;border-bottom-width:2px;border-radius:6px;place-items:center;padding:0 .45em;display:inline-grid}.hud-top{top:calc(14px + var(--safe-t));pointer-events:none;width:min(400px,100% - 262px);min-width:220px;position:absolute;left:50%;transform:translate(-50%)}.nameplate{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);padding:10px 14px 12px}.nameplate-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.opp-name{letter-spacing:.14em;color:var(--gold-hi);font-size:.95rem;font-weight:800}.hits{font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.hits-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:.72rem;font-weight:600}#hits.bump{animation:.25s ease-out bump;display:inline-block}@keyframes bump{40%{color:var(--gold-hi);transform:scale(1.35)}}.health{background:#ffffff12;border-radius:7px;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.health-fill,.health-ghost{border-radius:inherit;width:100%;position:absolute;inset:0 auto 0 0}.health-ghost{background:#d6503fbf;transition:width .6s .25s}.health-fill{background:linear-gradient(90deg, #b9832b, var(--gold) 55%, var(--gold-hi));transition:width .12s ease-out}.health.low .health-fill{background:linear-gradient(90deg,#a2402f,#d0703c)}.health-num{color:#fff;font-variant-numeric:tabular-nums;font-size:.66rem;font-weight:800;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.health.low .health-num{color:#ffffffd9}.toolbar{top:calc(14px + var(--safe-t));z-index:5;gap:6px;display:flex;position:absolute;right:14px}.icon-btn{border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:10px;place-items:center;transition:background .15s,border-color .15s,transform .1s;display:grid}.icon-btn svg{fill:currentColor;width:20px;height:20px}.icon-btn:hover{background:#282c36e6}.icon-btn:active{transform:scale(.94)}.icon-btn[aria-expanded=true],.icon-btn[aria-pressed=true]{color:var(--gold-hi);border-color:#d6aa4cb3}.icon-btn:focus-visible,button:focus-visible,.swatch:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#btn-mute .ico-off,#btn-mute[aria-pressed=true] .ico-on{display:none}#btn-mute[aria-pressed=true] .ico-off{display:block}.panel{top:calc(64px + var(--safe-t));border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);z-index:6;width:260px;padding:14px 16px 16px;position:absolute;right:14px;box-shadow:0 12px 40px #00000073}.panel[hidden]{display:none}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.78rem}.keys{grid-template-columns:auto 1fr;align-items:center;gap:7px 12px;margin:0;font-size:.86rem;display:grid}.keys dt{justify-self:start}.keys dd{margin:0}.mouse{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700}.panel-note{color:var(--muted);margin:12px 0 0;font-size:.76rem;line-height:1.4}.field-label{color:var(--muted);margin:4px 0 8px;font-size:.74rem}.swatches,.flags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.swatch{cursor:pointer;background:var(--c);border:2px solid #ffffff26;border-radius:50%;width:34px;height:34px;padding:0;box-shadow:inset 0 -6px 10px #00000059,inset 0 3px 6px #ffffff26}.flag-btn{cursor:pointer;background:#1a1d24;border:2px solid #ffffff26;border-radius:6px;width:48px;height:34px;padding:2px}.flag-btn img{border-radius:3px;width:100%;height:100%;display:block}.swatch[aria-checked=true],.flag-btn[aria-checked=true]{border-color:var(--gold-hi);box-shadow:0 0 0 2px #d6aa4c59}.toggle{cursor:pointer;align-items:center;gap:8px;font-size:.86rem;display:flex}.toggle input{accent-color:var(--gold);width:16px;height:16px}.glove-hint{pointer-events:none;color:#f1ece2d9;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 1px 4px #000c;align-items:center;gap:6px;font-size:.72rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.hud-bottom{bottom:calc(14px + var(--safe-b));pointer-events:none;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chip{background:var(--panel);border:1px solid var(--line);white-space:nowrap;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:.8rem;display:flex}.touch{left:0;right:0;bottom:calc(12px + var(--safe-b));pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;padding:0 12px;display:none;position:absolute}.touch-side{align-items:flex-end;gap:8px;display:flex}.tbtn{pointer-events:auto;touch-action:none;color:var(--text);font:700 .78rem/1 var(--font);letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);background:#0e10159e;border:1px solid #ffffff2e;border-radius:50%;transition:transform 80ms,background 80ms}.tbtn-punch{width:76px;height:76px}.tbtn-kick{width:58px;height:58px;font-size:.7rem}.tbtn-combo{width:70px;height:46px;color:var(--gold-hi);border-color:#d6aa4c8c;border-radius:23px;margin-bottom:4px}.tbtn.is-pressed{background:#d6aa4c59;transform:scale(.92)}body.is-touch .touch{display:flex}body.is-touch .hud-bottom,body.is-touch .glove-hint{display:none}.quip{color:#1c1a16;pointer-events:none;opacity:0;transform-origin:0 100%;background:#f5eedef0;border-radius:12px 12px 12px 3px;max-width:220px;padding:9px 12px;font-size:.84rem;font-weight:600;line-height:1.3;transition:opacity .11s cubic-bezier(.2,.8,.2,1),transform .13s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translateY(7px)scale(.94)rotate(-.8deg);box-shadow:0 8px 24px #00000059}.quip.show{opacity:1;transition:opacity .14s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);transform:translate(0,0)scale(1)rotate(0)}.quip.leaving{transform:translateY(-4px)scale(.97)rotate(.4deg)}.quip[data-anchor=above]{transform-origin:50% 100%}.hit-pop{pointer-events:none;color:var(--gold-hi);text-shadow:0 2px 8px #000000b3;opacity:0;font-size:1.05rem;font-weight:800;position:absolute}.hit-pop.go{animation:.6s ease-out forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-6px)scale(1.1)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}.overlay{-webkit-backdrop-filter:blur(3px);z-index:10;background:#06080b8c;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay-soft{-webkit-backdrop-filter:none;padding-top:calc(96px + var(--safe-t));background:#06080b40;align-items:start}#overlay-loading{background:var(--bg);color:var(--muted);align-content:center;gap:14px;font-size:.9rem;transition:opacity .4s}#overlay-loading.fade{opacity:0;pointer-events:none}.loader{border:3px solid #d6aa4c33;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{border:1px solid var(--line);text-align:center;background:#101218e6;border-radius:16px;width:min(440px,100%);padding:26px 26px 22px;box-shadow:0 24px 80px #0000008c}.card-small{width:min(320px,100%)}.card h1{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);margin:4px 0 10px;font-size:2.6rem}.card h2{margin:4px 0 14px;font-size:1.4rem}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem}.lede{color:#cfcabf;margin:0 0 16px;font-size:.95rem;line-height:1.5}.start-keys{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:10px 16px;margin:0 0 20px;padding:0;font-size:.85rem;list-style:none;display:flex}.start-keys kbd{margin-right:3px}.primary,.ghost{width:100%;font:700 .95rem/1 var(--font);cursor:pointer;letter-spacing:.02em;border-radius:10px;padding:13px 18px;display:block}.primary{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:#1b1408;border:0}.primary:hover{filter:brightness(1.06)}.ghost{color:var(--text);border:1px solid var(--line);background:0 0;margin-top:8px}.fine{color:var(--muted);margin:12px 0 0;font-size:.74rem}.stats{color:var(--muted);margin:-4px 0 16px;font-size:.9rem}body.is-touch .start-keys,body.is-touch .fine{display:none}@media (width<=640px){.hud-top{width:calc(100% - 168px);min-width:0;left:14px;transform:none}.toolbar{flex-wrap:wrap;justify-content:flex-end;width:130px}.icon-btn{width:38px;height:38px}.panel{top:calc(104px + var(--safe-t));width:auto;left:14px;right:14px}.card h1{font-size:2rem}.chip span{display:none}}@media (prefers-reduced-motion:reduce){.health-ghost,.health-fill{transition:none}.quip,.quip.show,.quip.leaving{transition:opacity 70ms linear;transform:none}}body.is-touch #btn-help{display:none}@media (width<=640px),(pointer:coarse){#btn-help{display:none}}.sound-notice{top:calc(108px + var(--safe-t));z-index:30;color:#f5eedf;background:#17191d;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:8px 12px;font-size:.8rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.sound-notice[hidden]{display:none}.sound-notice button{color:#1c1a16;font:inherit;cursor:pointer;background:#d6aa4c;border:1px solid #bc9555;border-radius:8px;padding:8px 10px}@font-face{font-family:Teko;src:url(/fonts/teko-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Teko;src:url(/fonts/teko-semibold.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}[hidden]{display:none!important}.selection{overscroll-behavior:contain;padding:max(21px, var(--safe-t)) clamp(16px, 3.7vw, 60px) max(24px, var(--safe-b));--card-gold:#e5b74f;--display-font:"Teko", Impact, "Arial Narrow", sans-serif;background:radial-gradient(at 50% 10%,#19201f45,#0000 65%),#080c0d;position:fixed;inset:0;overflow-y:auto}.selection-inner{width:min(960px,100%);margin:0 auto}.selection-logo{width:160px;max-width:36vw;height:auto;margin:0 auto 20px;display:block}.selection h1{color:#f6d178;font:700 clamp(30px, 3.4vw, 48px)/.95 var(--display-font);text-transform:uppercase;letter-spacing:.025em;text-align:center;text-shadow:0 2px #875322;justify-content:center;align-items:center;gap:clamp(12px,2vw,30px);margin:0 0 16px;display:flex}.selection-star{color:#e5ae57;text-shadow:none;font:.65em/1 system-ui,sans-serif}.selection h1:before,.selection h1:after{content:"";background:linear-gradient(90deg,#0000,#e4bc55);flex:1;max-width:220px;height:2px}.selection h1:after{transform:rotate(180deg)}.character-list,.character-list.multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,44px);display:grid}.character-card{color:#f7f5ed;background:linear-gradient(125deg,#101515,#070b0c 65%) padding-box padding-box,linear-gradient(#ffee69,#d7a73b 65%,#674014) border-box;border:1.5px solid #0000;border-radius:20px;flex-direction:column;min-width:0;text-decoration:none;transition:box-shadow .18s,transform .18s cubic-bezier(.23,1,.32,1);display:flex;overflow:hidden;box-shadow:inset 0 0 28px #0008,0 12px 32px #0003;container-type:inline-size}.character-card-visual{isolation:isolate;aspect-ratio:2;position:relative;overflow:hidden}.character-card-flag{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.character-card-visual:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 76%,#090d0e 100%),linear-gradient(90deg,#0003,#0000 25% 75%,#0003);position:absolute;inset:0}.character-card-head{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 10px #0005);width:75%;height:109%;position:absolute;bottom:-5%;left:12.5%}.character-card-info{text-align:center;font-family:var(--display-font);padding:0 4.5cqw 3.2cqw;font-weight:600;position:relative}.character-card-info:before{content:"";background:linear-gradient(90deg,#0000,#dab24b,#0000);height:1px;position:absolute;top:0;left:0;right:0}.character-card h2{font:700 17cqw/.95 var(--display-font);letter-spacing:.015em;color:#f6ce6a;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #704115);background:linear-gradient(#fff0a8 3%,#ffd45e 45%,#d38b25 95%);-webkit-background-clip:text;background-clip:text;margin:2cqw 0 0}.character-card-tagline{color:#f5d17a;letter-spacing:.12em;text-transform:uppercase;margin:1cqw 0 1.5cqw;font-size:4.5cqw;line-height:1.1}.character-stats{border-top:1px solid var(--card-gold);grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:2.1cqw 0;display:grid}.character-stats>div{min-width:0;padding:0 1.5cqw}.character-stats>div+div{border-left:1px solid var(--card-gold)}.character-stats dt{color:#babcbf;letter-spacing:.07em;text-transform:uppercase;margin:0 0 .5cqw;font-size:max(12px,3cqw);line-height:1.1}.character-stats dd{margin:0;font-size:max(20px,4.8cqw);line-height:1.15}.character-details{grid-template-columns:1fr 1fr;grid-auto-columns:auto;padding-block:2.6cqw}.character-weakness{padding-block:2.5cqw}.character-weakness dd{font-size:max(18px,4.4cqw)}.character-card-action{color:#101514;width:100%;min-height:9.4cqw;font:700 5.7cqw/1 var(--display-font);text-transform:uppercase;background:linear-gradient(115deg,#f7c543,#ffe083 48%,#efb43b);border:1px solid #fff1a5;border-radius:10px;justify-content:center;align-items:center;gap:.3em;margin-top:.5cqw;padding:1.8cqw 12px 1.1cqw;transition:transform .14s cubic-bezier(.23,1,.32,1),filter .14s;display:flex;box-shadow:inset 0 0 0 1px #f7ce5d,0 0 18px #e9b44522}.character-card-action span{font-family:system-ui,sans-serif;font-size:.8em}.character-card:focus-visible{outline-offset:5px;outline:3px solid #ffe18a}@media (hover:hover) and (pointer:fine){.character-card:hover{box-shadow:0 0 0 1px #e6bd5b,0 12px 40px #0006}.character-card:hover .character-card-action{filter:brightness(1.08)}}.character-card:active .character-card-action{transform:scale(.98)}.selection-message{color:var(--gold-hi);text-align:center;font-size:14px}.selection-footer{font:11px/1.5 var(--font);color:#888c8c;text-align:center;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;display:flex}.selection-footer a{color:inherit;text-underline-offset:3px}.selection-footer a:hover{color:var(--text)}.selection-footer a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.opponents-link{width:fit-content;color:var(--muted);text-underline-offset:4px;margin:18px auto 0;font-size:13px;display:block}.opponents-link:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}@media (width<=680px){.selection{padding-top:max(22px, var(--safe-t))}.selection h1{gap:8px;margin-bottom:18px;font-size:clamp(22px,7vw,44px)}.selection h1:before,.selection h1:after{display:none}.character-list,.character-list.multiple{grid-template-columns:minmax(0,1fr);gap:24px;max-width:480px;margin-inline:auto}.character-card{border-radius:16px}.character-card-action{border-radius:8px;min-height:48px}.selection-footer{gap:4px;max-width:300px;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.character-card,.character-card-action{transition:none}}#overlay-start{padding:max(16px, var(--safe-t)) 16px max(16px, var(--safe-b));-webkit-backdrop-filter:blur(8px);background:#06080bd4;justify-content:center;align-items:safe center;display:flex;overflow-y:auto}.intro-shell{background:#0c1015dc;border:1px solid #ffffff25;border-radius:18px;grid-template-columns:294px minmax(0,1fr);width:min(960px,100%);margin-block:auto;display:grid;overflow:hidden}.intro-opponent{background:#0002;border-right:1px solid #ffffff20;min-width:0;padding:18px}.intro-opponent-hero{flex-direction:column;display:flex}.intro-opponent-identity{display:contents}.intro-opponent-label{letter-spacing:.15em;text-transform:uppercase;color:#a6a9b1;order:-1;justify-content:center;align-items:center;gap:10px;margin:0 0 14px;font-size:10px;display:flex}.intro-opponent-label:before,.intro-opponent-label:after{content:"";background:#d4a84b77;flex:1;height:1px}.intro-opponent-visual{aspect-ratio:1.1;border-radius:10px;width:100%}.intro-opponent-visual .character-card-head{width:92%;height:104%;bottom:-2%;left:4%}.intro-opponent h2{letter-spacing:.02em;text-align:center;color:var(--gold-hi);margin:12px 0 4px;font:700 56px/.95 Teko,Impact,sans-serif}#intro-opponent-tagline{text-align:center;color:var(--gold-hi);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;line-height:1.5}.intro-opponent-stats{border:1px solid #ffffff26;border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 12px;padding:12px 0;display:grid}.intro-opponent-stats>div{text-align:center;padding:0 4px}.intro-opponent-stats>div+div{border-left:1px solid #fff2}.intro-opponent-stats dt{color:#9c9fa9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:10px}.intro-opponent-stats dd{color:#f1eee7;white-space:nowrap;margin:0;font:600 23px/1 Teko,Impact,sans-serif}.intro-opponent-more{border-top:0}.intro-opponent-more summary{cursor:pointer;color:#b8bbc3;padding:12px 0;font-size:12px}.intro-opponent-more summary:focus-visible{outline:2px solid var(--gold-hi);outline-offset:2px}#intro-opponent-details{margin:0}#intro-opponent-details>div{justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:12px;line-height:1.4;display:flex}#intro-opponent-details dt{color:#9c9fa9}#intro-opponent-details dd{text-align:right;color:#e0e0df;max-width:65%;margin:0}#intro-opponent-details .profile-primary-stat{display:none}.intro-card{width:100%;box-shadow:none;text-align:left;background:0 0;border:0;border-radius:0;align-self:center;margin:0;padding:24px}.intro-card h1{color:#f8f8f7;text-transform:none;letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(34px,4vw,44px);line-height:1.08}.intro-card .lede{color:#a9a9b2;margin:0 0 18px;font-size:18px;line-height:1.4}.intro-customise{text-align:left;grid-template-columns:.9fr 1.1fr;gap:12px;margin-bottom:18px;display:grid}.intro-preview,.intro-options{border:1px solid #ffffff24;border-radius:12px;overflow:hidden}.intro-preview{background:radial-gradient(at 30% 25%,#a67d3333,#0000 75%),#11131780;place-items:center;min-width:0;display:grid}.intro-preview canvas{width:100%;height:auto;display:block}.intro-options{background:#0c101580;padding:14px}.intro-options fieldset{border:0;min-width:0;margin:0;padding:0}.intro-options fieldset+fieldset{border-top:1px solid #ffffff20;margin-top:14px;padding-top:14px}.intro-options legend{float:left;color:#c9cad0;width:100%;margin-bottom:10px;padding:0;font-size:14px}.intro-options .swatches{clear:both;flex-wrap:nowrap;justify-content:space-between;gap:7px;margin:0}.intro-options .swatch{border-width:2px;flex:0 44px;width:44px;min-width:32px;height:44px;position:relative}.intro-options .swatch[aria-checked=true]:after{content:"✓";color:#ffe493;text-shadow:0 1px 3px #000;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.intro-options .flags{clear:both;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;display:grid}.intro-options .flag-btn{border-radius:8px;width:100%;height:44px;padding:4px;position:relative}.intro-options .flag-btn[aria-checked=true]:after{content:"✓";border:1px solid var(--gold-hi);width:18px;height:18px;color:var(--gold-hi);text-align:center;background:#15191e;border-radius:50%;font-size:13px;line-height:16px;position:absolute;top:-5px;right:-4px}#intro-flag-label{text-align:center;color:#a9a9b2;min-height:17px;margin:8px 0 0;font-size:12px}.intro-card .primary,.intro-card #btn-start-muted{letter-spacing:0;background:linear-gradient(115deg,#edc459,#f4d77c 48%,#d9aa41);border:1px solid #f7d571;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 16px;font-size:18px;transition:transform .14s cubic-bezier(.23,1,.32,1);display:flex}.intro-card .primary svg,.intro-card #btn-start-muted svg{flex:none;width:25px;height:25px}.intro-card #btn-start-muted{background:#ffffff05;border-color:#ffffff30;min-height:50px;margin-top:8px}.intro-card .opponents-link{color:#a9a9b2;align-items:center;gap:9px;margin-top:12px;padding:8px;font-size:14px;text-decoration:none;display:flex}.intro-card .opponents-link svg{width:22px;height:22px}.intro-card button:active{transform:scale(.98)}.intro-card button:focus-visible,.intro-options button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}@media (width<=740px){.intro-shell{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);max-width:480px;overflow:visible}.intro-opponent{background:0 0;border-bottom:1px solid #ffffff20;border-right:0;padding:0 0 12px}.intro-opponent-hero{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;display:grid}.intro-opponent-visual{aspect-ratio:1}.intro-opponent-identity{display:block}.intro-opponent-label{letter-spacing:.12em;margin:0 0 5px;font-size:9px;display:block}.intro-opponent h2{text-align:left;margin:0 0 5px;font-size:clamp(36px,11vw,48px)}#intro-opponent-tagline{text-align:left;letter-spacing:.07em;font-size:10px;line-height:1.4}.intro-opponent-stats{display:none}.intro-opponent-more{border:0;margin-top:10px}.intro-opponent-more summary{min-height:44px;color:var(--gold-hi);align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;list-style:none;display:flex}.intro-opponent-more summary::-webkit-details-marker{display:none}.intro-opponent-more summary::marker{content:""}.intro-opponent-more summary:before{content:"+";width:22px;height:22px;color:var(--gold-hi);background:#d4a84b15;border:1px solid #d4a84b88;border-radius:6px;flex:none;place-items:center;font:700 17px/1 ui-monospace,monospace;display:grid}.intro-opponent-more[open] summary:before{content:"−"}#intro-opponent-details{margin-top:8px}#intro-opponent-details .profile-primary-stat{display:flex}.intro-card{padding:16px 0 0}.intro-card h1{font-size:30px}.intro-card .lede{margin-bottom:16px;font-size:16px}.intro-customise{grid-template-columns:minmax(96px,.85fr) minmax(0,1.15fr);gap:10px;margin-bottom:14px}.intro-preview{height:100%}.intro-preview canvas{align-self:start;width:180px;max-width:none;transform:translate(-6px)}.intro-options{display:contents}.intro-options fieldset{background:#0c101580;border:1px solid #ffffff24;border-radius:11px;padding:10px}.intro-options legend{margin-bottom:10px;font-size:12px}.intro-options .swatches{grid-template-columns:repeat(3,44px);justify-content:center;gap:8px;display:grid}.intro-options .swatch{min-width:44px}.intro-options fieldset+fieldset{border:1px solid #ffffff24;grid-column:1/-1;margin:0;padding:10px;position:relative}.intro-options .flags{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.intro-options .flag-btn{padding:3px}#intro-flag-label{min-height:0;margin:0;font-size:11px;line-height:14px;position:absolute;top:10px;right:10px}.intro-card .primary,.intro-card #btn-start-muted{font-size:16px}.intro-card .opponents-link{margin-top:10px}}@media (width<=350px){.intro-opponent-hero{grid-template-columns:88px minmax(0,1fr);gap:10px}.intro-preview canvas{align-self:end;transform:translate(-16px)}.intro-options .swatches{grid-template-columns:repeat(2,44px);gap:8px}.intro-options .swatch:last-child{grid-column:1/-1;justify-self:center}.intro-options .flags{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.intro-card button{transition:none}}.hud-top{transition:translate .28s cubic-bezier(.23,1,.32,1),opacity .2s ease-out}.is-knocked-out .hud-top{translate:0 calc(-100% - 32px - var(--safe-t));opacity:0}.is-knocked-out .toolbar,.is-knocked-out .hud-bottom,.is-knocked-out .touch,.is-knocked-out .glove-hint{opacity:0;pointer-events:none;transition:opacity .18s ease-out}#overlay-complete{padding:max(16px, var(--safe-t)) 16px max(20px, var(--safe-b));-webkit-backdrop-filter:none;background:0 0;justify-content:center;align-items:flex-start;display:flex;overflow-y:auto}.result-card{-webkit-backdrop-filter:blur(12px);background:#0d1015ed;border:1px solid #ffffff28;width:min(640px,100%);padding:18px 22px;animation:.42s cubic-bezier(.16,1,.3,1) both results-arrive;box-shadow:0 18px 60px #0006}.result-card h2{text-transform:uppercase;letter-spacing:.025em;color:var(--gold-hi);margin:0 0 6px;font:700 clamp(32px,4vw,38px)/1 Teko,Impact,sans-serif}.result-card .stats{font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:14px}.result-actions{grid-template-columns:1.1fr 1fr;gap:10px;display:grid}.result-actions .primary,.result-secondary{min-height:44px;font:650 14px/1.2 var(--font);letter-spacing:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.result-actions svg{flex:none;width:22px;height:22px}.result-secondary{color:#d2d2d8;background:#ffffff04;border:1px solid #ffffff30;text-decoration:none}.ukraine-support{border-top:1px solid #ffffff24;margin-top:14px;padding-top:12px}.ukraine-support h3{letter-spacing:-.015em;margin:0 0 12px;font-size:18px;line-height:1.25}.ukraine-support h3>span{display:block}.ukraine-support h3>span+span{color:var(--gold-hi);margin-top:4px}.ukraine-mark{vertical-align:-1px;background:linear-gradient(#0057b7 50%,gold 50%);border-radius:1px;width:20px;height:14px;margin-left:3px;display:inline-block}.charity-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.charity-links a{background:#ffffff03;border:1px solid #ffffff30;border-radius:9px;justify-content:center;align-items:center;min-width:0;height:64px;padding:10px 14px;transition:border-color .16s,background-color .16s;display:flex;position:relative}.charity-links img{object-fit:contain;width:100%;height:100%;display:block}.charity-links img.come-back-alive{max-height:48px}.external-mark{font:16px/1 var(--font);color:#9c9fa9;position:absolute;top:5px;right:7px}.project-support{border-top:1px solid #ffffff24;justify-content:center;align-items:center;gap:16px;margin-top:12px;padding-top:10px;display:flex}.project-support>span{color:var(--muted);font-size:12px}.project-support a{color:#ece9df;border:1px solid #ffffff30;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.project-support a img{width:160px;height:auto;display:block}.project-support a[aria-disabled=true]{cursor:default}.result-card a:focus-visible,.result-card button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.result-card button:active,.result-card a:active{transform:scale(.98)}@media (hover:hover){.charity-links a:hover,.result-secondary:hover{border-color:var(--gold);background-color:#ffffff09}}@keyframes results-arrive{0%{opacity:0;transform:translateY(calc(-100% - 32px))}to{opacity:1;transform:translateY(0)}}@media (width<=480px){#overlay-complete{padding-inline:12px}.result-card{border-radius:14px;padding:18px 14px}.result-card h2{font-size:34px}.result-actions{gap:8px}.result-actions .primary,.result-secondary{padding-inline:8px;font-size:13px}.ukraine-support{margin-top:14px;padding-top:14px}.ukraine-support h3{font-size:17px}.charity-links{gap:7px}.charity-links a{height:65px;padding:15px 9px 10px}.external-mark{font-size:13px;top:4px;right:5px}.project-support{flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px}.project-support>span{font-size:11px}.project-support a{padding:6px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.hud-top{transition:none}.result-card{animation:none}}.result-card:focus{outline:none}@media (width>=700px){.ukraine-support h3>span{display:inline}.ukraine-support h3>span+span{margin-left:6px}}.project-support #project-coffee{background:0 0;border:0;border-radius:8px;min-height:44px;padding:0}@media (width>=741px){.intro-opponent-more summary{display:none}.intro-opponent-more{margin-top:8px}}