@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff)format("woff")}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff")}*{box-sizing:border-box}:root{--ink:#19191d;--red:#e43b2c;--paper:#f5f1e5;--gold:#ffd34c;--blue:#3878ab;--display:"Bangers", Impact, sans-serif;--narrow:"Barlow Condensed", "Arial Narrow", sans-serif;--body:"Barlow", Arial, sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none}body{background:#101b20;min-width:280px;margin:0}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;z-index:10;outline:3px solid #ea362b}button:active{filter:brightness(.91)}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}.utility,.help-link,.close{background:0 0;border:0;justify-content:center;align-items:center;gap:9px;display:inline-flex}.help-link{font:700 16px var(--narrow);letter-spacing:.4px;color:#f6f3e9;padding:12px 0}.utility{color:#f3efe7;border-radius:4px;width:36px;height:36px}.utility:hover,.help-link:hover{color:var(--gold)}.help-dialog{border:3px solid var(--ink);background:var(--paper);max-width:min(480px,92vw);max-height:88dvh;color:var(--ink);padding:0;box-shadow:6px 6px #10110c}.help-dialog::backdrop{background:#17191dc4}.dialog-body{padding:22px}.dialog-title,.move-guide{align-items:center;gap:12px;display:flex}.dialog-title{justify-content:space-between}.dialog-title h2,.dialog-body h3{font:34px var(--display);letter-spacing:.7px}.close{border:1.5px solid var(--ink);width:35px;height:35px}.dialog-body p{margin:8px 0;font-size:14px;line-height:1.45}table{border-collapse:collapse;text-align:left;width:100%;margin:16px 0;font-size:13px}th,td{border-bottom:1px solid #bcb9ad;padding:6px}th{background:var(--ink);color:#fff}.dialog-body h3{font-size:23px}.move-guide{margin-top:9px}.move-guide img{object-fit:contain;background:#e7dfa9;width:48px;height:58px}.move-guide strong,.move-guide b{display:block}.move-guide b{font:600 14px var(--narrow);color:#a52e22}.move-guide p{margin:1px 0;font-size:12px}.fighting{background:#26312d}.arena{touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:clip}.arena canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud{inset:max(9px, var(--safe-top)) max(2.4%, var(--safe-right)) auto max(2.4%, var(--safe-left));pointer-events:none;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:4px clamp(7px,1.4cqw,22px);display:grid;position:absolute}.arena-tools{pointer-events:auto;grid-column:3;justify-self:end;gap:4px;display:flex}.arena-tools .utility{background:#27232ae3;border:1px solid #efdbb4;width:32px;height:29px}.announcer{font:clamp(42px, 8cqw, 110px) / 1 var(--display);color:var(--gold);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px var(--ink);text-align:center;pointer-events:none;white-space:nowrap;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.keyboard-hint{white-space:nowrap;color:#fff;font:600 14px var(--narrow);background:#181a1cc9;border-radius:3px;padding:5px 12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.touch{display:none}.overlay{background:#17201eab;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.overlay-card{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);text-align:center;min-width:min(320px,85cqw);max-width:400px;padding:25px 30px}.overlay-card h2{font:45px/.96 var(--display);letter-spacing:.7px}.overlay-card p{font:600 17px/1.25 var(--narrow);margin:10px 0}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.overlay-actions button{background:var(--paper);border:2px solid var(--ink);text-transform:uppercase;font:700 16px var(--narrow);padding:8px 11px}.overlay-actions .hot{background:var(--red);color:#fff}@media (pointer:coarse),(height<=550px) and (width<=1000px){.touch{display:contents}.keyboard-hint{display:none}.stick,.actions{bottom:max(13px, var(--safe-bottom));touch-action:none;position:absolute}.stick{left:max(22px, var(--safe-left));aspect-ratio:1;background:radial-gradient(circle,#27263144 0 51%,#28253177 52% 70%,#eee1bb66 71%);border:2px solid #f4e6c388;border-radius:50%;place-items:center;width:clamp(84px,16cqh,120px);display:grid;box-shadow:0 2px 5px #31292a60}.stick:before{content:"";border:1px dashed #fff9;border-radius:50%;position:absolute;inset:8%}.stick i{width:43%;height:43%;transform:translate(var(--sx,0px), var(--sz,0px));background:radial-gradient(at 38% 28%,#f4e6c9,#aa987e 77%);border:2px solid #f4e7c4;border-radius:50%;box-shadow:inset 0 -3px #6c635b66,1px 2px 5px #332b2a99}.actions{right:max(12px, var(--safe-right));grid-template-columns:repeat(3,auto);gap:5px;display:grid}.actions button{--rim:#d8cfb3;--face:#594f4b;aspect-ratio:1;border:2px solid var(--rim);background:linear-gradient(150deg, var(--face), #29252b 108%);color:#fff8e5;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:36% 36% 38% 38%;align-content:center;justify-items:center;width:clamp(44px,9.3cqh,67px);padding:2px;display:grid;box-shadow:inset 0 0 0 1.5px #201e20,inset 0 -4px #211c2499,1px 2px 2px #261d2199}.actions button svg{filter:drop-shadow(0 1px #201f26);width:55%;height:auto}.actions button span{font:700 clamp(8px, 1.7cqh, 12px) / 1 var(--narrow);letter-spacing:.3px;text-transform:uppercase}.actions [data-act=punch],.actions [data-act=kick]{--rim:#ffd7a2;--face:#a24233}.actions [data-act=block]{--rim:#d0dcd8;--face:#527782}.actions [data-act=special]{--rim:#e4cda4;--face:#586983}.actions [data-act=super]{--rim:#d3b5a7;--face:#664c59}.actions .charged{--rim:#fff39a;--face:#aa6c28;box-shadow:0 0 10px #ffcf61}.actions .down{filter:brightness(1.3);transform:translateY(2px)}.actions .cooling{filter:saturate(.35);opacity:.72}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.recipes{color:#fff4d9;background:#242128;align-items:center;gap:5px;margin-top:9px;padding:3px 5px;line-height:1;display:inline-flex}.recipe-title{font:700 11px/1 var(--narrow);letter-spacing:.65px;text-transform:uppercase}.recipe{gap:2px;display:inline-flex}.combo-key{color:#342a29;font:700 11px/1 var(--narrow);background:#f7dda3;justify-content:center;align-items:center;height:18px;padding:1px 3px;display:inline-flex;transform:skew(-7deg)}.combo-key kbd{font:inherit}.combo-key svg{width:auto;height:100%}.key-K{background:#a8cbcb}.recipe-or{color:#cfbaa1;font-size:11px}@container game (orientation:landscape) and (height<=650px){.recipes{gap:3px;margin-top:4px;padding:2px 4px}.recipe-title{font-size:8px}.combo-key{height:12px;padding:0 2px;font-size:8px}.arena-tools .utility{width:30px;height:26px}}@container game (orientation:portrait) and (width<=1000px){.recipes{gap:3px;margin-top:4px;padding:2px 4px}.recipe-title{font-size:9px}.combo-key{height:12px;padding:0 1px;font-size:9px}}@media (pointer:coarse){.combo-key kbd{display:none}}.select-screen{--cream:#fff4d9;--panel:#141823;--muted:#c5c4be;--one:#ffd256;--two:#8be0db;min-height:100%;color:var(--cream);isolation:isolate;background:linear-gradient(#11152173,#18172928 39%,#121522eb 79%,#0d111dfc 97%),url(/arena/chamber.webp) 50% 48%/cover;flex-direction:column;display:flex}.topbar,.menu{width:min(100%,1720px);margin-inline:auto}.topbar{padding:max(14px,var(--safe-top)) max(3.5%,var(--safe-right)) 0 max(3.5%,var(--safe-left));justify-content:space-between;align-items:center;display:flex}.brand,.navright,.pick-tabs,.venue,.difficulty,.setup,.roster-heading,.fight-btn{align-items:center;display:flex}.brand{color:#fff8e4;font:clamp(24px,2.45cqw,42px)/1 var(--display);letter-spacing:.025em;text-shadow:2px 3px #13141e;gap:.17em}.brand img{border-radius:.16em;width:1.12em;height:1.12em}.brand b{color:var(--one);font-weight:400}.navright{gap:8px}.navright button{color:var(--cream);height:34px;font:700 15px var(--narrow);background:#141823db;border:1px solid #f8e6c15e;border-radius:0;padding:0 10px}.menu{padding:0 max(3.6%,var(--safe-right)) max(2.8cqh,var(--safe-bottom)) max(3.6%,var(--safe-left));flex-direction:column;flex:1;display:flex}.menu h1{z-index:1;width:fit-content;font:clamp(40px,min(6.5cqw,9.5cqh),112px)/1 var(--display);letter-spacing:.015em;color:#fff6df;text-align:center;-webkit-text-stroke:.065em #20212c;paint-order:stroke fill;text-shadow:.044em .065em #242230,.062em .092em #bd7930;margin:0 auto;position:relative}.faceoff{isolation:isolate;flex:1;min-height:clamp(205px,35cqh,440px);margin-block:1.4cqh 1.6cqh;position:relative}.clash-sides{display:flex;position:absolute;inset:0}.match-side{--side:var(--one);isolation:isolate;text-align:left;width:50%;min-width:0;color:inherit;background:0 0;border:0;padding:0;position:relative}.opponent-side{--side:var(--two);text-align:right}.hero-portrait{z-index:-1;object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 6px #10151e88);pointer-events:none;width:79%;height:100%;position:absolute;bottom:0;right:4%}.opponent-side .hero-portrait{left:4%;right:auto;transform:scaleX(-1)}.hero-copy{border-left:4px solid var(--side);background:linear-gradient(95deg,#121620f7 6%,#181923e8 62%,#191b2400 100%);flex-direction:column;align-items:flex-start;min-width:40%;padding:.5em .9em .7em .75em;display:flex;position:absolute;bottom:0;left:0}.opponent-side .hero-copy{border:0;border-right:4px solid var(--side);background:linear-gradient(-95deg,#121620f7 6%,#181923e8 62%,#191b2400 100%);align-items:flex-end;padding-inline:.9em .75em;left:auto;right:0}.side-label,.signature span,.venue small,#diff-label{font:700 clamp(10px,.88cqw,15px)/1 var(--narrow);letter-spacing:.1em;text-transform:uppercase}.side-label{color:var(--side)}.hero-name{font:clamp(28px,min(4.4cqw,7.3cqh),80px)/.94 var(--display);text-shadow:.032em .044em #10141f;margin:.1em 0;display:grid}.hero-name em{font-size:.48em;font-style:normal;line-height:1}.hero-name strong{font-weight:400}.signature{font:700 clamp(13px,1.35cqw,22px)/1.15 var(--narrow)}.signature span{color:var(--side);font-size:.68em}.hero-copy .recipes{background:0 0;margin-top:.45em;padding:0}.vs-mark{z-index:1;color:var(--one);font:clamp(38px,min(8cqw,12cqh),140px)/1 var(--display);-webkit-text-stroke:.09em #1d1c29;paint-order:stroke fill;text-shadow:.05em .07em #151825;pointer-events:none;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.roster-section{position:relative}.roster-heading{gap:clamp(9px,1.3cqw,20px);margin-bottom:.65em}.roster-heading h2{font:clamp(19px,2.15cqw,34px)/1 var(--display);letter-spacing:.025em;text-shadow:1px 2px #171620}.pick-tabs{background:var(--panel);border:1px solid #94928c;transform:skew(-8deg)}.pick-tabs button,.random,.difficulty button{color:var(--cream);text-transform:uppercase;font:700 clamp(12px,1.02cqw,17px)/1 var(--narrow);background:0 0;border:0;padding:.52em .79em}.pick-tabs [aria-pressed=true],.difficulty button[aria-pressed=true]{background:var(--one);color:#1e2028}.pick-tabs [data-side="1"][aria-pressed=true]{background:var(--two)}.random{background:#151a24e8;border:1px solid #797879;align-items:center;gap:6px;margin-left:auto;display:flex;transform:skew(-6deg)}.grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(3px,.52cqw,10px);display:grid}.fighter-card{--edge:color-mix(in srgb, var(--card) 45%,#393240);isolation:isolate;border:2px solid var(--edge);background:linear-gradient(158deg,var(--card),color-mix(in srgb,var(--card) 48%,#313546) 62%,#242538);height:clamp(93px,min(12cqw,20cqh),214px);padding:0;position:relative;overflow:hidden;box-shadow:0 3px #11121b}.fighter-card:after{content:"";pointer-events:none;border-top:3px solid var(--edge);background:linear-gradient(#0000 62%,#111321ef);position:absolute;inset:0}.tile-portrait{object-fit:cover;object-position:50% 13%;transform-origin:50% 12%;width:100%;height:100%;display:block;transform:scale(1.06)}.card-name,.corner{z-index:1;position:absolute}.card-name{color:#fff;text-shadow:1px 2px #171522;width:100%;font:clamp(16px,1.65cqw,28px)/1 var(--display);letter-spacing:.014em;bottom:.23em;left:0}.corner{color:#17212a;background:var(--edge);font:700 clamp(10px,.9cqw,14px)/1 var(--narrow);clip-path:polygon(0 0,100% 0,85% 100%,0 100%);padding:.23em .5em;top:-1px;left:-1px}.corner:empty{display:none}.fighter-card[data-flag=p1]{--edge:var(--one)}.fighter-card[data-flag=opponent]{--edge:var(--two)}@media (hover:hover){.fighter-card:hover{border-color:#fff;translate:0 -3px}.match-side:hover .side-label,.random:hover{color:#fff}}.select-screen button:focus-visible{outline-offset:2px;outline:3px solid #fff}.setup{border-top:1px solid #e7d6b04a;gap:clamp(12px,2cqw,38px);margin-top:2.5cqh;padding-top:2cqh}.venue{color:var(--one);gap:9px;margin-right:auto}.venue span{color:var(--cream);font:clamp(16px,1.6cqw,27px)/1 var(--display)}.venue small{color:var(--muted);margin-bottom:.3em;display:block}.difficulty{gap:.7em}#diff-label{color:var(--muted)}.difficulty>div{background:var(--panel);border:1px solid #80818a;padding:2px;display:flex}.fight-btn{color:#181827;min-width:clamp(120px,16cqw,240px);font:clamp(27px,3cqw,49px)/1 var(--display);letter-spacing:.025em;background:linear-gradient(#ffe173,#ffb226);border:2px solid #f9df99;justify-content:center;gap:.45em;padding:.12em .55em .18em;transform:skew(-8deg);box-shadow:3px 3px #8f5826}@container game (width<=960px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fighter-card{height:clamp(43px,12.5cqh,105px)}.hero-copy{font-size:.85rem}.tile-portrait{object-fit:cover;object-position:50% 15%;width:67%;transform:none}.fighter-card:after{background:linear-gradient(90deg,#0000 33%,#1b1b2955 63%,#171824e8)}.card-name{text-align:right;padding-right:.26em}.difficulty{flex-direction:column;align-items:flex-start;gap:3px}.menu{padding-inline:max(2.8%,var(--safe-left)) max(2.8%,var(--safe-right))}}@container game (orientation:landscape) and (height<=560px){.topbar{padding-top:max(5px,var(--safe-top))}.navright button{height:27px;font-size:12px}.navright button svg{width:16px}.menu{padding-bottom:max(7px,var(--safe-bottom))}.menu h1{margin-top:-21px;font-size:clamp(24px,7.2cqh,40px)}.faceoff{min-height:70px;margin-block:1cqh 1.2cqh}.hero-name{font-size:clamp(21px,6.6cqh,37px)}.hero-copy{min-width:20%;padding:3px 6px}.opponent-side .hero-copy{padding:3px 6px}.signature{font-size:11px}.side-label{font-size:9px}.roster-heading{margin-bottom:4px}.roster-heading h2{font-size:clamp(16px,4.1cqh,23px)}.pick-tabs button,.difficulty button,.random{padding:5px 8px;font-size:11px}.card-name{font-size:14px}.setup{margin-top:6px;padding-top:5px}.fight-btn{min-width:100px;font-size:23px}}@container game (width<=650px){#diff-label,.random span{display:none}.venue{gap:4px}.venue span{font-size:14px}.setup{gap:8px}}@container game (orientation:portrait){.menu{padding-top:14px}.faceoff{min-height:220px}.hero-copy,.opponent-side .hero-copy{padding-inline:5px}.hero-portrait{width:100%;height:85%;top:0;right:0}.opponent-side .hero-portrait{left:0}.roster-heading{flex-wrap:wrap}.roster-heading h2{width:100%}.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.setup{flex-wrap:wrap}.venue{display:none}.fight-btn{margin-left:auto}}.presentation{pointer-events:none;color:var(--paper);position:absolute;inset:0;overflow:hidden}.presentation[hidden],.load-caption[hidden],.arena:is([data-phase=vs],[data-phase=player-intro],[data-phase=opponent-intro]) :is(.hud,.touch,.announcer,.keyboard-hint){display:none}.versus-card,.versus-half,.poster-ink,.entrance-shot{position:absolute;inset:0;overflow:hidden}.versus-card{isolation:isolate;background:#182228}.versus-half{--dark:#601e25;--mid:#b33c32;--light:#ed9550;background:radial-gradient(ellipse at 25% 45%, var(--light), var(--mid) 48%, var(--dark) 85%)}.versus-right{--dark:#123347;--mid:#2a626e;--light:#76aca0;background:radial-gradient(ellipse at 75% 45%, var(--light), var(--mid) 48%, var(--dark) 85%);clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%)}.versus-left{clip-path:polygon(0 0,56% 0,44% 100%,0 100%)}.poster-ink{background-image:radial-gradient(#17172299 23%,#0000 26%);background-size:5px 5px;-webkit-mask-image:linear-gradient(#000a,#0000 46%,#000);mask-image:linear-gradient(#000a,#0000 46%,#000)}.versus-half:after{content:"";pointer-events:none;background:linear-gradient(#0000 67%,#10181bea);position:absolute;inset:0}.poster-fighter{object-fit:contain;object-position:center bottom;filter:drop-shadow(4px 3px #171c23)drop-shadow(-1px -1px #ffedc58a);width:47%;height:96%;position:absolute;bottom:0}.versus-left .poster-fighter{animation:.45s cubic-bezier(.12,.75,.16,1) both poster-left;left:1%}.versus-right .poster-fighter{animation:.45s cubic-bezier(.12,.75,.16,1) both poster-right;right:1%;transform:scaleX(-1)}@keyframes poster-left{0%{transform:translate(-46%)}to{transform:translate(0)}}@keyframes poster-right{0%{transform:translate(46%)scaleX(-1)}to{transform:translate(0)scaleX(-1)}}.versus-seam{z-index:1;clip-path:polygon(55.35% 0,56.5% 0,44.55% 100%,43.4% 100%);background:#fbe4a0;position:absolute;inset:0}.versus-mark{z-index:2;font:clamp(68px, min(13cqw,25cqh), 190px)/.84 var(--display);letter-spacing:-.04em;color:#ffda58;-webkit-text-stroke:.09em #1d2027;paint-order:stroke fill;text-shadow:.075em .08em #151820;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)}.venue-slug{z-index:2;top:max(14px, var(--safe-top));white-space:nowrap;color:#fff0cd;font:700 clamp(12px, 1.25cqw, 19px)/1 var(--narrow);letter-spacing:.09em;text-transform:uppercase;background:#20252a;border-block:1px solid #ffe19e;align-items:center;gap:6px;padding:5px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)skew(-7deg)}.billing{z-index:2;bottom:max(9%,var(--safe-bottom));text-transform:uppercase;align-items:flex-end;gap:clamp(7px,1cqw,16px);display:flex;position:absolute;transform:skew(-5deg)}.versus-left .billing{left:max(4.6%,var(--safe-left))}.versus-right .billing{right:max(4.6%,var(--safe-right));text-align:right;flex-direction:row-reverse}.billing strong,.given-name{display:block}.given-name{color:#ffe49f;font:clamp(17px, min(3cqw,6cqh), 43px)/1 var(--display);letter-spacing:.045em;text-shadow:2px 2px #211f27}.versus-right .given-name{color:#bcf0e8}.billing strong{color:#fff6de;font:clamp(35px,min(7.15cqw,14cqh),114px)/.95 var(--display);letter-spacing:.015em;-webkit-text-stroke:.055em #222128;paint-order:stroke fill;text-shadow:.055em .06em #222128}.corner-tag,.speaker-tag{color:#232026;font:700 clamp(12px,1.5cqw,20px)/1 var(--narrow);background:#ffce59;border:2px solid #222128;padding:.19em .32em;box-shadow:2px 2px #222128}.versus-right .corner-tag,[data-phase=opponent-intro] .speaker-tag{background:#96ded6}.cinema-tools{top:max(9px,var(--safe-top));right:max(10px,var(--safe-right));pointer-events:auto;gap:6px;display:flex;position:absolute}.cinema-tools .utility,.skip-intro{color:#fff0d5;background:#20242ce8;border:1px solid #d4c9ae;border-radius:2px;box-shadow:1px 2px #181a20}.cinema-tools .utility{width:34px;height:32px}.skip-intro{z-index:2;bottom:max(10px, var(--safe-bottom));right:max(12px, var(--safe-right));pointer-events:auto;font:700 clamp(13px,1.15cqw,17px)/1 var(--narrow);text-transform:uppercase;letter-spacing:.045em;align-items:center;gap:6px;padding:7px 9px;display:flex;position:absolute}@media (pointer:coarse){.cinema-tools .utility{position:relative}.cinema-tools .utility:after,.skip-intro:after{content:"";position:absolute;inset:-2px 0 -10px}}[data-phase=vs] .billing{bottom:max(13%,var(--safe-bottom))}.load-caption{bottom:max(15px,var(--safe-bottom));color:#fff0cd;font:600 14px var(--narrow);background:#20252a;padding:4px 9px;position:absolute;left:50%;transform:translate(-50%)}.entrance-shot{border-block:clamp(12px,4.5cqh,52px) solid #181b21;display:none}[data-phase$=-intro] .entrance-shot{display:block}[data-phase$=-intro] .versus-card{display:none}.speech{--tail-x:12%;--tail-lean:-20deg;right:max(5.5%,var(--safe-right));color:#24232a;background:#fffae9;border:clamp(2px,.32cqw,5px) solid #252329;border-radius:45% 42% 40% 32%/29% 43% 37% 35%;width:min(43%,760px);padding:clamp(13px,2.05cqw,37px) clamp(17px,2.7cqw,58px);position:absolute;top:21%;transform:rotate(-2deg);box-shadow:4px 5px #24232a}.speech:before,.speech:after{content:"";left:var(--tail-x);width:clamp(22px,4.5cqw,75px);height:clamp(16px,4.2cqh,46px);transform:skewX(var(--tail-lean));clip-path:polygon(2% 0,100% 0,0 100%);background:#252329;position:absolute;top:calc(100% - 4px)}.speech:after{background:#fffae9;width:clamp(16px,3.55cqw,60px);height:clamp(11px,3.15cqh,34px);top:calc(100% - 6px)}.speech blockquote{text-align:center;text-wrap:balance;font:700 clamp(18px,min(3.4cqw,6.6cqh),54px)/1.12 var(--narrow);margin:0}[data-phase=opponent-intro] .speech{--tail-x:75%;--tail-lean:23deg;left:max(5.5%,var(--safe-left));right:auto;transform:rotate(2deg)}[data-phase=opponent-intro] .speech:before,[data-phase=opponent-intro] .speech:after{clip-path:polygon(0 0,100% 0,100% 100%)}.speaker{left:max(5%,var(--safe-left));color:#fff2d7;background:#24242a;align-items:center;gap:.55em;padding:5px 14px 6px 8px;display:flex;position:absolute;bottom:9%;transform:skew(-7deg);box-shadow:3px 3px #ffd071}.speaker strong{font:clamp(23px,min(4cqw,8cqh),60px)/1 var(--display);letter-spacing:.035em}[data-phase=opponent-intro] .speaker{left:auto;right:max(5%,var(--safe-right));box-shadow:3px 3px #92ccc7}.arena[data-paused=true] *{animation-play-state:paused!important}.layer:not(:empty){z-index:5;position:absolute;inset:0}.move-guide a{color:#77402c;font:600 13px var(--narrow)}.mix-controls{text-align:left;border:none;border-block:1px solid #bbaf96;margin:15px 0;padding:5px 0 8px}.mix-controls legend{font:700 14px var(--narrow);text-transform:uppercase;letter-spacing:.045em;padding-right:6px}.mix-controls label{font:600 15px var(--narrow);grid-template-columns:3.25em 1fr 2.7em;align-items:center;gap:8px;display:grid}.mix-controls input{accent-color:#9a352c;width:100%;font-size:16px}.mix-controls output{text-align:right;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.presentation *,.presentation :before,.presentation :after{transition:none!important;animation:none!important}}.fighter-hud{--corner:#ffd564;--last-life:linear-gradient(#c1deff,#5e95ce 28%,#41689f 78%,#293c68);color:#fff6e1;align-items:flex-start;gap:3px;min-width:0;display:flex;position:relative}.fighter-hud.side-1{--corner:#92eee5;--last-life:linear-gradient(#ceffdd,#74c697 28%,#45956d 78%,#34644c);text-align:right;flex-direction:row-reverse}.fighter-hud>img{aspect-ratio:.95;object-fit:contain;object-position:top;filter:drop-shadow(2px 2px #171524);width:clamp(37px,6.8cqw,98px);margin-inline:-5px}.side-1>img{transform:scaleX(-1)}.meters{flex:1;min-width:0}.fighter-line{border-left:3px solid var(--corner);width:max-content;max-width:100%;font:clamp(20px,2.25cqw,38px)/.95 var(--display);background:#1d172c;align-items:baseline;gap:.5em;padding:.1em .65em .13em .4em;display:flex;transform:skew(-9deg)}.fighter-line strong{font-weight:400}.fighter-line small{color:var(--corner);font:700 .43em var(--narrow)}.side-1 .fighter-line{border-left:0;border-right:3px solid var(--corner);flex-direction:row-reverse;margin-left:auto}.health,.charge{isolation:isolate;background:#332b42;border:2px solid #211b2a;outline:1px solid #fff1bd;height:clamp(14px,2.15cqw,34px);position:relative;overflow:hidden;transform:skew(-10deg);box-shadow:2px 2px #271c37}.side-1 :is(.health,.charge){transform:skew(10deg)}.health-echo,.health-base,.health i,.charge i{transform-origin:0;position:absolute;inset:0}.side-1 :is(.health-echo,.health-base,.health i,.charge i){transform-origin:100%}.health{--life:1}.health-base{background:var(--last-life)}.health-base,.base-echo{transform:scaleX(min(1,calc(2 * var(--life))))}.health i,.reserve-echo{transform:scaleX(max(0,calc(2 * var(--life) - 1)))}.health em{z-index:1;font:clamp(12px,1.5cqw,20px)/1 var(--display);text-shadow:1px 1px #201727,-1px -1px #201727,1px -1px #201727,-1px 1px #201727;display:none;position:absolute;inset:50% auto auto .25em;transform:translateY(-50%)}.health.reserve em{display:block}.side-1 .health em{left:auto;right:.25em}.health-echo{background:#ff7852;transition:transform .38s ease-out .145s}.arena[data-phase=intro] .health-echo{transition:none}.health i{background:linear-gradient(#fff9bf 2%,#ffdc62 24%,#f6b82e 76%,#cf8126)}.health:after,.charge:after{content:"";pointer-events:none;background:repeating-linear-gradient(105deg,#0000 0 calc(10% - 1.5px),#2b19364d calc(10% - 1.5px) 10%);position:absolute;inset:0}.hud-status{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.side-1 .hud-status{flex-direction:row-reverse}.resource-text{color:#eee7ec;font:700 clamp(9px,.85cqw,14px)/1.1 var(--narrow);text-transform:uppercase;letter-spacing:.025em;background:#21192de8;padding:2px 6px;transform:skew(-7deg)}.resource-text.ready{color:#211b29;background:#ffdc75}.pips{align-items:center;gap:4px;font-size:clamp(13px,1.3cqw,21px);display:flex}.pips b{background:#302739;border:1px solid #fff2db;border-radius:50%;width:.72em;height:.72em;box-shadow:0 1px 1px #18151d}.pips .won{background:#ffd354}.super-gauge{bottom:max(14px,var(--safe-bottom));width:min(21%,360px);left:max(2.4%,var(--safe-left));color:var(--corner);font:clamp(17px,1.8cqw,30px)/1 var(--display);position:fixed}.side-1 .super-gauge{left:auto;right:max(2.4%,var(--safe-right))}.super-label{-webkit-text-stroke:2px #211829;paint-order:stroke fill;text-shadow:1px 2px #211829}.charge{height:clamp(10px,1.45cqw,24px);margin-top:2px}.charge i{background:linear-gradient(#fff7d4,var(--corner) 35%,#c48c32)}.side-1 .charge i{background:linear-gradient(#e6fff8,var(--corner) 35%,#3aa9b8)}.charge:after{background:repeating-linear-gradient(105deg,#0000 0 calc(25% - 2px),#f8ebdebb calc(25% - 2px) 25%)}.super-gauge.ready .charge{outline-color:#ffdb50;box-shadow:0 0 7px #ffdc79}.round-marker{color:#fff5dd;justify-items:center;gap:3px;display:grid}.round-marker i{color:#fff8e6;background:#21192e;border:2px solid #ffdf80;border-radius:.18em;place-items:center;width:1.37em;height:.91em;font:700 clamp(32px,4.8cqw,72px)/.85 Arial,sans-serif;display:grid;box-shadow:0 0 0 2px #291d32,2px 3px 0 2px #291d3266}.round-marker span{color:#ffe37c;font:700 clamp(10px,.92cqw,15px)/1 var(--narrow);text-transform:uppercase;background:#21192e;padding:2px 6px;transform:skew(-8deg)}.arena-tools{grid-column:auto;gap:4px;position:absolute;top:clamp(51px,6.8cqw,91px);left:50%;transform:translate(-50%)}.arena-tools .utility{color:#fff2d5;background:#282232e8;border-radius:2px}@media (pointer:coarse),(width<=1000px){.super-gauge{width:47%;margin-top:2px;font-size:clamp(11px,1.8cqw,15px);position:static}.side-1 .super-gauge{margin-left:auto}.super-label{display:block}.charge{border-width:1px;height:6px;margin-top:1px}}.combat-call,.combo-route{pointer-events:none;text-transform:uppercase;align-items:center;width:max-content;max-width:100%;display:flex}.combat-call[hidden],.combo-route[hidden],.button-value:empty{display:none}.combat-call{--call:#ffda69;color:var(--call);border-left:.21em solid var(--call);font:clamp(17px,min(3.1cqw,5.2cqh),37px)/1 var(--display);letter-spacing:.035em;background:#29272eeb;gap:.4em;margin-top:5px;padding:.12em .48em .16em .35em;position:relative;transform:skew(-7deg);box-shadow:2px 2px #211e2577}.combat-call small{color:#fff5db;font:700 .5em/1 var(--narrow);letter-spacing:.035em}.combat-call small:empty{display:none}.combat-call strong{font-weight:400}.side-1 .combat-call{border-left:none;border-right:.21em solid var(--call);flex-direction:row-reverse;margin-left:auto;padding:.12em .35em .16em .48em}.combat-call[data-kind=special]{--call:#9fdbe7}.combat-call[data-kind=parry]{--call:#aef8e6}.combat-call[data-kind=block]{--call:#a4d4e4}.combat-call[data-kind=break],.combat-call[data-kind=heavy]{--call:#ffaa75}.combat-call[data-kind=super]{--call:#ffe264;background:linear-gradient(115deg,#752c36,#41263a 78%);animation:.18s ease-out both special-arrival;box-shadow:2px 3px #20171d,0 0 0 1px #ffe6a6}@keyframes special-arrival{0%{opacity:.55;translate:0 -4px}}.combo-route{color:#fff1d5;font:700 12px var(--narrow);background:#25252cdf;gap:3px;margin-top:4px;padding:2px 5px 3px;transform:skew(-5deg)}.combo-route span{margin-right:2px}.combo-route i{opacity:.59;align-items:center;display:flex}.combo-route .played{opacity:.42}.combo-route .next{opacity:1;background:#f6d174;box-shadow:0 0 0 1px #e5c28c}.combo-route kbd{font:700 10px var(--narrow);padding-inline:1px 3px}.combo-route .next kbd{color:#241e22}.announcer[data-kind=ko]{color:#ffb143;text-shadow:.05em .065em #a34232,.083em .105em #27212b}.announcer[data-kind=round-win]{color:#fff1ce;-webkit-text-stroke-width:.115em;text-shadow:.046em .065em #231d23;font-size:clamp(25px,4.55cqw,64px);top:25%}.announcer[data-kind=go]{text-shadow:.045em .055em #bd5332,.072em .092em #241e26}@media (pointer:coarse),(height<=550px) and (width<=1000px){.hud{column-gap:clamp(6px,1.5cqw,17px)}.meters .resource-text{letter-spacing:.04em;font-size:clamp(8.5px,1.85cqh,12px)}.round-marker{min-width:clamp(104px,16cqw,145px)}.arena-tools{pointer-events:none;justify-content:space-between;width:clamp(104px,16cqw,145px);top:1px}.arena-tools .utility{pointer-events:auto;border-radius:50%;width:27px;height:27px}.stick{left:max(16px,var(--safe-left));bottom:max(12px,var(--safe-bottom));background:radial-gradient(circle at 46% 44%,#5c5346ab 0 40%,#222b2cdf 42% 54%,#454345cd 56% 69%,#21262ae0 72%);border:2px solid #ead8a5ad;border-radius:31%;width:clamp(89px,27.2cqh,144px);box-shadow:1px 3px #211e24a8,inset 0 0 0 2px #302e32}.stick:before{border:1px solid #f4e2aa88;border-radius:50%;inset:15%}.stick b{transform-origin:50%;color:#f8e7bc;font:700 clamp(10px,2.8cqh,15px)/1 var(--body);text-shadow:1px 1px #1e2029;position:absolute;top:0;left:46%}.stick b:nth-child(2){top:44%;left:auto;right:3%;rotate:90deg}.stick b:nth-child(3){top:auto;bottom:1%;rotate:180deg}.stick b:nth-child(4){top:44%;left:3%;rotate:-90deg}.stick i{background:radial-gradient(at 34% 24%,#fff1c9,#b7a17e 69%,#83735f);width:43%;position:relative}.actions{--button:clamp(42px,14.5cqh,78px);width:calc(var(--button) * 3.12);height:calc(var(--button) * 2.82);right:max(2.4%,var(--safe-right));bottom:max(4%,var(--safe-bottom));pointer-events:none;display:block}.actions [data-act=jump]{top:0;left:35%}.actions [data-act=special]{top:22%;left:0}.actions [data-act=kick]{top:22%;right:0}.actions [data-act=super]{top:41%;left:35%}.actions [data-act=punch]{bottom:0;left:5%}.actions [data-act=block]{bottom:0;right:5%}.actions button{width:var(--button);height:var(--button);pointer-events:auto;background:radial-gradient(ellipse at 38% 21%,var(--lit) 0%,var(--face) 54%,var(--shade) 84%);box-shadow:inset 0 0 0 1.5px var(--rim),inset 0 -4px 0 var(--shade),1px 2px 0 #201b24d9;color:#fff6dc;font:700 clamp(9px,2.15cqh,13px)/.92 var(--narrow);border:2px solid #221e27;border-radius:48%;position:absolute}.actions button span{font:inherit;text-shadow:0 1px 2px #1e1d28,1px 1px #232028}.actions button svg{width:calc(var(--button) * .51);height:calc(var(--button) * .51);filter:drop-shadow(0 1px 1px #221c27)}.actions [data-act=punch]{--lit:#ffc56b;--face:#c06028;--shade:#793a22;--rim:#ffe6aa}.actions [data-act=kick]{--lit:#85d9e0;--face:#277b9a;--shade:#24465c;--rim:#c6f0ed}.actions [data-act=block]{--lit:#90b7a7;--face:#3f7165;--shade:#254b43;--rim:#ddedc7}.actions [data-act=jump]{--lit:#decc9d;--face:#847c68;--shade:#454138;--rim:#f3e6c2}.actions [data-act=special]{--lit:#cc9dda;--face:#885293;--shade:#533657;--rim:#f2d1e5}.actions [data-act=super]{--lit:#74644d;--face:#53484e;--shade:#352d39;--rim:#a7997e;background:radial-gradient(circle,#403653 0 61%,transparent 64%),conic-gradient(#ffcf60 var(--charge-angle,0deg),#635768 0deg)}.actions [data-act=super].charged{--rim:#fff49b;background:radial-gradient(at 34% 21%,#ffdc71,#ba642c 65%,#79322d)}.actions .button-value{color:#fff3c5;font:700 clamp(8px,2.22cqh,12px)/1 var(--narrow);background:#26252f;border:1px solid #c6bda1;padding:1px 3px 2px;position:absolute;bottom:-.15em;right:-.15em;transform:skew(-6deg)}.actions [data-act=special]:not(.cooling){--rim:#fff3ba;box-shadow:inset 0 0 0 2px var(--rim),0 0 6px #e3b2e4}.actions .cooling{filter:saturate(.42);opacity:.88}.combo-route kbd{display:none}}@container game (height<=340px){.actions{--button:43px}.combo-route{margin-top:1px}}@media (prefers-reduced-motion:reduce){.combat-call,.health-echo{transition:none;animation:none}}.overlay-card{overscroll-behavior:contain;max-height:100%;overflow-y:auto}.pause-moves{text-align:left;font:600 15px var(--narrow)}.pause-moves summary{cursor:pointer;min-height:24px}.pause-moves p{font-size:14px}.pause-moves+.mix-controls{margin-top:6px}.arena[data-phase=finished] :is(.hud,.touch,.keyboard-hint,.announcer){display:none}.result-board{padding:max(10px,var(--safe-top)) max(4.7%,var(--safe-right)) max(10px,var(--safe-bottom)) 0;background:linear-gradient(103deg,#0000 29%,#19182029 47%,#161720e6 68%,#171621fc);justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.result-card{--winner:#ffcf62;text-align:left;color:#fff6dc;width:42%;min-width:0;max-width:535px;box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.result-card[data-side="1"]{--winner:#9de3d9}.winner-tag{background:var(--winner);color:#27242a;font:700 clamp(13px,2.1cqw,27px)/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;padding:.25em .6em;display:inline-block;transform:skew(-8deg)}.result-card h2{font:clamp(38px,min(8cqw,15cqh),112px)/.87 var(--display);letter-spacing:.015em;text-shadow:.04em .035em #2e232b;overflow-wrap:anywhere;margin:.15em 0 .18em}.result-card h2 small{color:var(--winner);margin-bottom:.09em;font-size:.48em;display:block}.result-score{color:#f4e5c7;font:700 clamp(12px,1.9cqw,21px)/1 var(--narrow);text-transform:uppercase;letter-spacing:.06em;border-block:1px solid #dfcaa863;align-items:center;gap:12px;margin:0 0 clamp(12px,3.4cqh,30px);padding:.28em 0;display:flex}.result-score strong{font:1.55em var(--display);color:var(--winner)}.result-card .overlay-actions{justify-content:flex-start;align-items:center;gap:clamp(9px,1.3cqw,18px)}.result-card .overlay-actions button{min-height:44px;font:700 clamp(14px,1.85cqw,21px)/1 var(--narrow);color:#f4ebd2;text-transform:none;background:0 0;border:0;justify-content:center;align-items:center;gap:.35em;padding:3px 0;display:inline-flex}.result-card .overlay-actions .hot{color:#242129;font:clamp(23px,3.1cqw,40px)/1 var(--display);letter-spacing:.025em;background:#ffd15f;padding:.35em .67em;transform:skew(-7deg);box-shadow:3px 3px #8a442e}html,body{overflow:clip}html,body,#app,.help-dialog,.overlay-card{touch-action:pan-x pan-y}html{overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body.fighting #app{touch-action:none;overflow:clip}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}#app{overscroll-behavior:contain;background:inherit;width:100%;height:100dvh;position:fixed;inset:0;overflow:auto;container:game/size}.arena{position:absolute}@media (pointer:coarse) and (orientation:portrait) and (width<=1000px){:root{--safe-top:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-right,0px);--safe-left:env(safe-area-inset-bottom,0px)}#app{transform-origin:0 0;width:100dvh;height:100dvw;inset:100dvh auto auto 0;transform:rotate(-90deg)}.help-dialog{width:min(480px,92dvh);max-width:92dvh;max-height:88dvw;margin:0;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-90deg)}}
