:root{--bg:#07090c;--fg:#d7e0d7;--muted:#6b7580;--lime:#c4ff3e;--red:#ff4d4d;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--mono);overflow:hidden}#canvas{width:100vw;height:100vh;display:block}#canvas,.hud{position:fixed;inset:0}.hud{pointer-events:none;z-index:10}.title{position:absolute;top:16px;left:0;right:0;text-align:center}.title h1{margin:0;font-size:15px;letter-spacing:.32em;color:var(--muted);font-weight:500;text-transform:uppercase}.title .sub{font-size:11px;color:#3f4750;letter-spacing:.12em;margin-top:4px}.fighters{position:absolute;top:58px;left:0;right:0;display:flex;justify-content:space-between;padding:0 28px}.fighter{width:42%}.fighter.r{text-align:right}.fname{font-size:20px;font-weight:700;letter-spacing:.02em;margin-bottom:6px}.hpwrap{height:12px;border:1px solid #222b22;background:#0c110c;position:relative;overflow:hidden}.hp{height:100%;transition:width .18s ease}.hp.r{margin-left:auto}.stat{font-size:11px;color:var(--muted);margin-top:5px;letter-spacing:.04em}.stat b.buy{color:var(--lime)}.stat b.sell{color:var(--red)}.ticker{position:absolute;bottom:14px;left:0;right:0;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:0 20px}.tick{font-size:11px;padding:3px 8px;border:1px solid #1a221a;background:rgba(10,14,10,.7);letter-spacing:.03em}.tick .b{color:var(--lime)}.tick .s{color:var(--red)}.round{position:absolute;top:50%;left:0;right:0;text-align:center;transform:translateY(-50%);font-size:64px;font-weight:800;letter-spacing:.1em;color:var(--lime);text-shadow:0 0 40px rgba(196,255,62,.5);opacity:0;transition:opacity .2s}.round.show{opacity:1}.foot{position:absolute;bottom:42px;left:0;right:0;text-align:center;font-size:10px;color:#3a424a;letter-spacing:.18em;text-transform:uppercase}.title .vs{color:#4a525a;font-weight:400}.hp-logo{width:24px;height:24px;border-radius:50%;object-fit:cover;vertical-align:middle;margin:0 8px -6px;border:1px solid rgba(255,255,255,.16);background:#0a0e0a}.fighter.r .hp-logo{margin:0 0 -6px 8px}.hp-logo-fb{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;color:#07090c}.guardwrap{height:5px;border:1px solid #1a2230;background:#0a0f0c;margin-top:4px;overflow:hidden}.guard{height:100%;background:#3a6ea5;opacity:.7;transition:width .2s ease}.pips{display:inline-flex;gap:4px;vertical-align:middle;margin:0 6px}.pips i{width:9px;height:9px;border:1px solid #2a3340;display:inline-block}.pips i.on{background:var(--lime);border-color:var(--lime)}.fighter.r .pips i.on{background:var(--red);border-color:var(--red)}.flowline{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;min-height:16px}.fighter.r .flowline{justify-content:flex-end}.flowline span{font-size:10.5px;letter-spacing:.02em;padding:1px 5px;border:1px solid #14201a;background:rgba(10,14,10,.6);border-radius:3px}.flowline .fb{color:var(--lime)}.flowline .fs{color:var(--red)}.combo{font-size:12px;margin-top:6px;font-weight:700;letter-spacing:.04em;animation:pop .18s ease}.fighter.r .combo{text-align:right}@keyframes pop{0%{transform:scale(1.4)}to{transform:scale(1)}}.endbtns{position:absolute;top:58%;left:0;right:0;text-align:center;pointer-events:auto}.endbtns button{font-family:var(--mono);font-size:14px;color:var(--bg);background:var(--lime);border:none;padding:12px 22px;cursor:pointer;font-weight:700;letter-spacing:.04em}.select{position:fixed;inset:0;overflow-y:auto;padding:40px 22px 180px;max-width:1000px;margin:0 auto}.s-head{text-align:center;margin-bottom:26px}.s-head h1{margin:0;font-size:40px;font-weight:800;letter-spacing:.16em;color:var(--fg);text-shadow:0 0 28px rgba(196,255,62,.18)}.s-sub{color:var(--muted);font-size:12.5px;margin-top:8px;letter-spacing:.04em}.roster{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.loading{color:var(--muted);grid-column:1/-1;padding:50px 0}.card,.loading{text-align:center}.card{position:relative;font-family:var(--mono);background:#0b0f0c;border:1px solid #1a221a;border-radius:10px;padding:16px 12px 14px;cursor:pointer;transition:.14s;color:var(--fg)}.card:hover{border-color:var(--c);transform:translateY(-2px)}.card.sel{border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 24px -6px var(--c)}.emblem{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#07090c;border:1px solid rgba(255,255,255,.12)}.emblem,.emblem-img{width:56px;height:56px;margin:0 auto 10px}.emblem-img{border-radius:50%;display:block;object-fit:cover;border:1px solid rgba(255,255,255,.14);background:#0a0e0a}.c-sym{font-size:15px;font-weight:700;letter-spacing:.02em;margin-bottom:3px}.c-cap{font-size:11px;color:var(--muted);margin-bottom:8px}.c-bar{height:5px;display:flex;border-radius:3px;overflow:hidden;background:#05070500;margin-bottom:7px}.c-buy{background:var(--lime)}.c-sell{background:var(--red)}.c-stat{font-size:10.5px;color:var(--muted);letter-spacing:.02em}.c-stat .buy{color:var(--lime)}.c-stat .sell{color:var(--red)}.c-pick{position:absolute;top:8px;right:8px;font-size:9px;letter-spacing:.06em;color:var(--c);border:1px solid var(--c);padding:1px 5px;border-radius:4px}.s-foot{position:-webkit-sticky;position:sticky;bottom:0;text-align:center;padding:20px 0 6px;margin-top:24px;background:linear-gradient(transparent,var(--bg) 40%)}.enter{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--bg);background:var(--lime);border:none;border-radius:8px;padding:14px 30px;cursor:pointer}.enter:disabled{background:#1a221a;color:var(--muted);cursor:not-allowed}.hint{color:#3a424a;font-size:10px;letter-spacing:.16em;margin-top:12px}.hint,.hitcounter{text-transform:uppercase}.hitcounter{margin-top:10px;color:var(--muted);font-size:11px;letter-spacing:.1em}.hitcounter .hc-n{color:var(--lime);font-weight:700}.mlist{display:flex;flex-direction:column;gap:6px}.mrow{display:flex;align-items:center;gap:12px;padding:9px 14px;background:#0b0f0c;border:1px solid #161d16;border-radius:8px;cursor:pointer;transition:.12s;text-align:left;font-family:var(--mono);color:var(--fg);width:100%}.mrow.sel,.mrow:hover{border-color:var(--c)}.mrow.sel{box-shadow:inset 0 0 0 1px var(--c)}.midx{width:24px;color:#4a524a;font-size:11px}.midx,.mlogo{flex-shrink:0}.mlogo{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.1);background:#0a0e0a}.mlogo-fb{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#07090c;background:radial-gradient(circle at 35% 30%,var(--c),#0a0e0a 80%)}.mname{flex:1 1;min-width:0}.mname .ms{font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mname .mc{font-size:11px;color:var(--muted)}.mflow{width:140px;flex-shrink:0}.mbar{height:5px;display:flex;border-radius:3px;overflow:hidden;margin-bottom:3px;background:#05070500}.mbar .b{background:var(--lime)}.mbar .s{background:var(--red)}.mst{font-size:10.5px;color:var(--muted)}.mst .buy{color:var(--lime)}.mst .sell{color:var(--red)}.mpick{width:54px;text-align:right;font-size:10px;color:var(--c);flex-shrink:0;letter-spacing:.04em}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 8px;color:var(--muted);font-size:12px;position:relative;z-index:2}.pager button{font-family:var(--mono);background:transparent;border:1px solid #1a221a;color:var(--fg);padding:6px 13px;cursor:pointer;border-radius:6px}.pager button:disabled{opacity:.35;cursor:not-allowed}.intro{position:fixed;inset:0;overflow:hidden;cursor:pointer;background:#05070a}.intro-bg{position:absolute;inset:0;background:radial-gradient(62% 62% at 50% 44%,#0e1420,#05070a 76%)}.intro-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#0c141c 1px,transparent 0),linear-gradient(90deg,#0c141c 1px,transparent 0);background-size:42px 42px;opacity:.22;-webkit-mask:radial-gradient(circle at 50% 45%,#000,transparent 68%);mask:radial-gradient(circle at 50% 45%,#000,transparent 68%)}.intro-flash{position:absolute;inset:0;background:#fff;opacity:0;animation:iflash .55s ease .62s both}@keyframes iflash{0%{opacity:0}12%{opacity:.85}to{opacity:0}}.tape{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.tcard{position:relative;width:32%;max-width:350px;padding:26px 22px;background:linear-gradient(160deg,rgba(20,26,20,.92),rgba(8,10,10,.92));border:1px solid var(--c);border-radius:14px;text-align:center;box-shadow:0 0 60px -18px var(--c)}.tcard.left{animation:slamL .7s cubic-bezier(.16,.9,.3,1.05) both}.tcard.right{animation:slamR .7s cubic-bezier(.16,.9,.3,1.05) .12s both}@keyframes slamL{0%{transform:translateX(-150%) rotate(-10deg);opacity:0}72%{opacity:1}to{transform:translateX(0) rotate(-3deg);opacity:1}}@keyframes slamR{0%{transform:translateX(150%) rotate(10deg);opacity:0}72%{opacity:1}to{transform:translateX(0) rotate(3deg);opacity:1}}.tglow{position:absolute;inset:-1px;border-radius:14px;box-shadow:inset 0 0 44px -22px var(--c);pointer-events:none}.tlogo{width:118px;height:118px;border-radius:50%;object-fit:cover;margin:0 auto 16px;display:block;border:2px solid var(--c);box-shadow:0 0 40px -8px var(--c);background:#0a0e0a}.tlogo-fb{display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;color:#07090c;background:radial-gradient(circle at 35% 30%,var(--c),#0a0e0a 78%)}.tsym{font-size:30px;font-weight:800;letter-spacing:.01em;margin-bottom:16px;color:#fff;overflow:hidden;text-overflow:ellipsis}.tstats{animation:fadeUp .5s ease 1s both}.trow{display:flex;justify-content:space-between;font-size:13px;padding:7px 4px;border-top:1px solid rgba(255,255,255,.06)}.trow span{color:var(--muted);letter-spacing:.1em}.trow b{color:var(--fg);font-weight:700}.trow .buy{color:var(--lime)}.trow .sell{color:var(--red)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vsmark{position:relative;font-size:60px;font-weight:900;color:#fff;margin:0 -12px;text-shadow:0 0 30px rgba(196,255,62,.6),0 4px 10px #000;animation:vsslam .5s cubic-bezier(.2,1.6,.3,1) .58s both}@keyframes vsslam{0%{transform:scale(4) rotate(-12deg);opacity:0}60%{transform:scale(.86);opacity:1}to{transform:scale(1);opacity:1}}.fightword{position:absolute;left:0;right:0;bottom:11%;text-align:center;font-size:54px;font-weight:900;letter-spacing:.3em;color:var(--lime);text-shadow:0 0 40px rgba(196,255,62,.6);opacity:0}.fightword.show{animation:fightin .5s cubic-bezier(.2,1.4,.3,1) both}@keyframes fightin{0%{opacity:0;transform:scale(2.2);letter-spacing:.6em}to{opacity:1;transform:scale(1);letter-spacing:.3em}}.skiphint{position:absolute;bottom:22px;right:24px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#3a424a}@media (max-width:640px){.tcard{width:42%;padding:18px 12px}.tlogo{width:84px;height:84px}.tsym{font-size:22px}.vsmark{font-size:40px}}.scanning{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:52vh;gap:15px}.scan-ring{position:relative;width:72px;height:72px}.scan-ring i{position:absolute;inset:0;border:2px solid transparent;border-top:2px solid var(--lime);border-radius:50%;animation:spin 1.1s linear infinite}.scan-ring i:nth-child(2){inset:9px;border-top-color:var(--red);animation-duration:1.5s;animation-direction:reverse}.scan-ring i:nth-child(3){inset:18px;border-top-color:#38d6c6;animation-duration:.9s}@keyframes spin{to{transform:rotate(1turn)}}.scan-title{color:var(--muted);letter-spacing:.24em;text-transform:uppercase;font-size:12px}.scan-num{font-size:46px;font-weight:800;color:var(--lime);text-shadow:0 0 24px rgba(196,255,62,.4);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.scan-num span{font-size:14px;color:var(--muted);font-weight:400;margin-left:7px;text-shadow:none}.scan-sub{color:#4a524a;font-size:11px;letter-spacing:.06em}.scan-bar{width:230px;height:3px;background:#12190f;overflow:hidden;border-radius:2px}.scan-bar span{display:block;width:40%;height:100%;background:var(--lime);animation:scanbar 1.1s ease-in-out infinite}@keyframes scanbar{0%{transform:translateX(-110%)}to{transform:translateX(360%)}}.select{background:radial-gradient(58% 40% at 18% -2%,rgba(196,255,62,.05),transparent 60%),radial-gradient(52% 42% at 102% 102%,rgba(255,77,77,.045),transparent 60%),var(--bg)}.select:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 1px,transparent 1px 3px);-webkit-mask:radial-gradient(circle at 50% 38%,#000,transparent 82%);mask:radial-gradient(circle at 50% 38%,#000,transparent 82%)}#intro-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;transform:translateY(-300px)}.intro-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(58% 58% at 50% 46%,transparent,rgba(3,5,8,.5) 76%,rgba(3,5,8,.86))}.intro-vignette:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}.intro-flash{z-index:3}.tape{z-index:2}.intro .tcard{background:linear-gradient(160deg,rgba(16,22,16,.66),rgba(6,8,8,.6));backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.vsmark{z-index:5}.fightword{z-index:4}.skiphint{z-index:5}.arena-vignette{position:fixed;inset:0;z-index:5;pointer-events:none;background:radial-gradient(64% 64% at 50% 44%,transparent,rgba(3,5,8,.38) 82%,rgba(3,5,8,.72))}.callout{position:absolute;top:40%;left:0;right:0;text-align:center;font-size:26px;font-weight:800;letter-spacing:.01em;color:var(--fg);text-shadow:0 2px 20px rgba(0,0,0,.7);padding:0 24px;animation:shout .5s ease;pointer-events:none}.callout.high{color:#fff;font-size:32px;text-shadow:0 0 30px rgba(196,255,62,.5)}.callout.mid{color:#dfe8df}.callout.low{color:var(--muted);font-size:20px;font-weight:600}@keyframes shout{0%{transform:scale(.7);opacity:0}25%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.92}}.mute{position:absolute;top:16px;right:16px;pointer-events:auto;font-family:var(--mono);font-size:11px;color:var(--muted);background:rgba(10,14,10,.7);border:1px solid #1a221a;padding:6px 10px;cursor:pointer;letter-spacing:.04em}.mute:hover{color:var(--fg);border-color:var(--line-2,#333)}.exit{position:absolute;top:16px;left:16px;pointer-events:auto;font-family:var(--mono);font-size:11px;color:var(--muted);background:rgba(10,14,10,.7);border:1px solid #1a221a;padding:6px 10px;cursor:pointer;letter-spacing:.04em}.exit:hover{color:var(--fg);border-color:var(--line-2,#333)}