@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:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2)format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2)format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-800-normal-BYj_oED-.woff2)format("woff2"),url(/assets/inter-latin-800-normal-D1mf63XC.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/inter-latin-ext-800-normal-DZJjya6U.woff2)format("woff2"),url(/assets/inter-latin-ext-800-normal-BOMpwxm3.woff)format("woff")}:root{--bg:#0f171a;--bg2:#1d272b;--surface:#303c41;--border:#364449;--purple:#93f;--pink:#fd3fb5;--cyan:#00eaff;--gold:#ffc83d;--text:#f2f2f2;--muted:#b9c2c6;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0}#game{image-rendering:auto;display:block}.cyan{color:var(--cyan)}.pink{color:var(--pink)}#caption{--stage-h:min(100vh, 56.25vw);left:50%;top:calc(50vh - var(--stage-h) / 2 + var(--stage-h) * .22);border:1px solid var(--border);max-width:min(640px,82vw);color:var(--text);text-align:center;pointer-events:none;opacity:0;z-index:2;background:#0f171ac7;border-radius:8px;padding:8px 16px;font-size:clamp(12px,1.8vw,16px);font-weight:600;line-height:1.35;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-6px)}#caption:before{content:"🎙 "}#caption.show{opacity:1;transform:translate(-50%)}#ui{touch-action:pan-y;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:radial-gradient(at 50% 25%,#00eaff1f,#0f171af0 65%);display:none;position:fixed;inset:0;overflow-y:auto}#ui.show{display:block}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:900px;min-height:100%;margin:0 auto;animation:.35s ease-out rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}h1,h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 28px #00eaff4d;margin:0;font-weight:800;line-height:.95}h1{font-size:clamp(36px,8vw,84px)}h1 .vs{color:var(--muted);vertical-align:middle;font-size:.45em}h2{font-size:clamp(28px,5vw,52px)}.kicker{text-transform:uppercase;letter-spacing:.3em;color:var(--muted);margin:0;font-size:12px}.lead{max-width:540px;color:var(--muted);margin:0}.btn{font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:6px;min-width:180px;padding:12px 22px;font-weight:700;transition:transform .1s,border-color .15s,box-shadow .15s}.btn:hover,.btn:focus-visible{border-color:var(--cyan);outline:none;box-shadow:0 0 18px #00eaff4d}.btn:active{transform:scale(.97)}.btn-primary{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;background:var(--purple);border:none;padding:12px 44px;font-size:28px;font-weight:800}.btn-primary:hover,.btn-primary:focus-visible{background:#a64dff;box-shadow:0 0 22px #9933ff8c}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}kbd{border:1px solid var(--muted);text-align:center;border-radius:4px;min-width:22px;padding:1px 6px;font:700 12px/1.5 ui-monospace,monospace;display:inline-block}kbd+kbd{margin-left:3px}.or{color:var(--muted);margin:0 4px}.manual-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;display:grid}.manual-grid section{border:1px solid var(--border);background:#1d272bd9;border-radius:8px;padding:10px 12px}.manual-grid h3{font-family:var(--display);text-transform:uppercase;color:var(--cyan);margin:0 0 8px;font-size:18px;font-weight:800}.mrow{grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:3px 0;font-size:13px;line-height:1.3;display:grid}.mrow .keys{white-space:nowrap}.tkey{border:1px solid #b9c2c699;border-radius:999px;padding:2px 7px;font:800 11px/1.5 Inter,system-ui,sans-serif;display:inline-block}.tkey+.tkey{margin-left:3px}.manual-tips{color:var(--muted);margin:0;padding:0;font-size:13px;list-style:none}.manual-tips b{color:var(--text)}.manual [data-act=done]{position:sticky;bottom:8px;box-shadow:0 6px 24px #0f171acc}@media (width<=760px){.manual-grid{grid-template-columns:1fr 1fr}.manual-grid section:last-child{grid-column:1/-1}}.credits{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.credits a{color:var(--cyan);text-decoration:none}.credits p{opacity:.8;flex-basis:100%;margin:2px 0 0}.diff{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.diff .btn{flex-direction:column;gap:4px;min-width:200px;display:flex}.diff small{color:var(--muted);font-weight:400}.vs-row{align-items:center;gap:clamp(10px,3vw,36px);display:flex}.vs-big{font-family:var(--display);color:var(--purple);font-size:clamp(32px,6vw,64px);font-weight:800}.fcard{--c:var(--cyan);aspect-ratio:5/7;background:linear-gradient(160deg, var(--bg2), var(--bg) 75%);border:1px solid var(--c);width:clamp(150px,26vw,240px);box-shadow:0 0 26px color-mix(in srgb, var(--c) 45%, transparent), inset 0 0 18px color-mix(in srgb, var(--c) 25%, transparent);border-radius:14px;flex-direction:column;padding:10px;animation:.6s ease-out both cardIn;display:flex;overflow:hidden}.fcard-pink{--c:var(--pink);animation-delay:.15s}@keyframes cardIn{0%{opacity:0;transform:rotateY(90deg)scale(.9)}}.fcard-head{font-family:var(--display);justify-content:space-between;font-weight:800;display:flex}.ovr{color:var(--c);font-size:clamp(24px,4vw,36px)}.pos{color:var(--muted);font-size:14px}.fcard-photo{background:var(--bg);border-radius:8px;flex:1;min-height:0;overflow:hidden}.fcard-photo img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.fcard-silhouette{background:radial-gradient(circle at 50% 36%, var(--surface) 0 17%, transparent 18%), radial-gradient(ellipse at 50% 100%, var(--surface) 0 42%, transparent 43%), var(--bg);width:100%;height:100%}.fcard-name{font-family:var(--display);margin-top:8px;font-size:clamp(14px,2.2vw,20px);font-weight:800}.fcard-team{letter-spacing:.2em;color:var(--c);font-size:10px}.fcard-record{letter-spacing:.12em;color:var(--muted);margin-top:2px;font-size:10px}.fcard-stats{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0 0;display:grid}.fcard-stats div{flex-direction:column-reverse;min-width:0;display:flex}.fcard-stats dt{color:var(--muted);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.fcard-stats dd{font-family:var(--display);margin:0;font-size:18px;font-weight:800;line-height:1}.wcards{perspective:1000px;justify-content:center;gap:clamp(10px,2.5vw,26px);display:flex}.wcard{--c:var(--cyan);aspect-ratio:5/7;cursor:pointer;width:clamp(140px,24vw,220px);font:inherit;color:inherit;background:0 0;border:none;padding:0;transition:transform .4s,opacity .4s}.wcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.wcard.flipped .wcard-inner{transform:rotateY(180deg)}.wcard.flipped:hover{transform:translateY(-8px)}.wcard.picked{transform:scale(1.12)translateY(-10px)}.wcard.dropped{opacity:0;transform:translateY(40px)scale(.9)}.wcard-face{backface-visibility:hidden;border:1px solid var(--border);background:var(--bg);border-radius:14px;position:absolute;inset:0;overflow:hidden}.wcard-back img,.wcard-art{object-fit:cover;width:100%;height:100%;display:block}.wcard-art-fallback{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--c) 35%, transparent), transparent 60%), linear-gradient(160deg, var(--bg2), var(--bg));width:100%;height:100%}.wcard-front{border-color:var(--c);box-shadow:0 0 24px color-mix(in srgb, var(--c) 45%, transparent);transform:rotateY(180deg)}.wcard-purple{--c:var(--purple)}.wcard-gold{--c:var(--gold)}.wcard-front .wcard-art,.wcard-front .wcard-art-fallback{position:absolute;inset:0}.wcard-text{text-align:center;background:linear-gradient(#0000,#0f171af0 30%);padding:12px;position:absolute;bottom:0;left:0;right:0}.wcard-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--c);font-size:10px}.wcard-name{font-family:var(--display);margin:2px 0 4px;font-size:clamp(16px,2.4vw,24px);font-weight:800}.wcard-text p{margin:0;font-size:clamp(11px,1.4vw,13px);line-height:1.3}.method{margin:0;font-size:20px;font-weight:800}.stats{border-collapse:collapse;min-width:300px;font-size:14px}.stats th,.stats td{border-bottom:1px solid var(--border);padding:4px 12px}.stats td:first-child{text-align:left;color:var(--muted)}#touch{pointer-events:none;display:none;position:fixed;inset:0}#touch.show{display:block}.pad{bottom:max(14px, env(safe-area-inset-bottom));pointer-events:auto;gap:10px;display:grid;position:absolute}.pad-left{left:max(14px, env(safe-area-inset-left));grid-template-columns:repeat(3,58px);grid-template-areas:"left crouch right""block block block"}.pad-right{right:max(14px, env(safe-area-inset-right));grid-template-columns:repeat(3,62px);grid-template-areas:".high td""jab cross low"}.tbtn{height:62px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;background:#1d272b8c;border:2px solid #b9c2c673;border-radius:50%;font:800 13px system-ui,sans-serif}.tbtn.on{border-color:var(--cyan);background:#00eaff4d}.tbtn-left{border-radius:14px;grid-area:left;font-size:22px}.tbtn-right{border-radius:14px;grid-area:right;font-size:22px}.tbtn-crouch{border-radius:14px;grid-area:crouch;font-size:20px}.tbtn-block{border-radius:12px;grid-area:block;height:44px}.tbtn-jab{grid-area:jab}.tbtn-cross{grid-area:cross}.tbtn-lowKick{grid-area:low}.tbtn-highKick{grid-area:high}.tbtn-takedown{border-color:#9933ffd9;grid-area:td}.pause-btn{top:max(10px, env(safe-area-inset-top));pointer-events:auto;border:1px solid var(--border);width:40px;height:32px;color:var(--text);background:#0f171a99;border-radius:8px;font-weight:900;position:absolute;left:50%;transform:translate(-50%)translateY(66px)}#rotate{background:var(--bg);z-index:10;text-align:center;align-content:center;place-items:center;gap:16px;font-weight:700;display:none;position:fixed;inset:0}.rotate-phone{border:4px solid var(--cyan);border-radius:12px;width:54px;height:92px;margin:0 auto;animation:1.8s ease-in-out infinite turn}@keyframes turn{50%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:grid}}@media (height<=420px){.screen{gap:8px}.manual .kicker{display:none}.manual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.manual-grid section:last-child{grid-column:auto}.manual-grid section{padding:6px 8px}.mrow{gap:5px}.mrow .keys{white-space:normal}.tkey,.manual kbd{padding:1px 5px;font-size:9px}.manual-grid h3{margin-bottom:4px;font-size:15px}.mrow,.manual-tips{font-size:11px}.mrow{padding:1px 0}.fcard{aspect-ratio:auto;width:min(32vw,230px);height:min(66vh,250px);padding:8px}.fcard-photo{min-height:70px}.fcard-name{white-space:nowrap;margin-top:4px;font-size:15px}.fcard-team{letter-spacing:.1em}.fcard-stats{gap:2px;margin-top:4px}.fcard-stats dt{font-size:8px}.fcard-stats dd{font-size:15px}.ovr{font-size:22px}.wcard{width:min(26vw,44.2857vh)}.btn-primary{padding:10px 30px;font-size:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}#ui img{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}#app:has(#ui.show) #caption{top:auto;bottom:12px}