:root{--bg:#05070d;--surface:#0d1119;--surface-2:#131826;--line:#1d2434;--line-strong:#2c3550;--grid-dot:#182034;--text:#f2f4f8;--text-muted:#8a93a6;--accent:#4646ff;--accent-soft:#4646ff29;--volt:#d6ff3f;--team-a:#00e5ff;--team-a-dim:#0a3a44;--team-b:#ff3d8a;--team-b-dim:#431527;--danger:#ff5c5c;--font-display:"Clash Display", sans-serif;--font-text:"Space Grotesk", sans-serif;--radius-panel:10px;--radius-button:8px;--radius-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);background-image:radial-gradient(1000px 600px at 85% -10%, #4646ff24, transparent 60%), radial-gradient(800px 500px at -10% 110%, #00e5ff12, transparent 60%), linear-gradient(var(--grid-dot) 1px, transparent 1px), linear-gradient(90deg, var(--grid-dot) 1px, transparent 1px);color:var(--text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;background-size:100% 100%,100% 100%,56px 56px,56px 56px;background-attachment:fixed;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hud-label{font-family:var(--font-text);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.display{font-family:var(--font-display);font-weight:700}.hud-panel{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-strong);border-radius:var(--radius-panel);position:relative;box-shadow:0 0 0 1px #4646ff0f,0 18px 50px #00000080}.hud-panel:before,.hud-panel:after{content:"";border:2px solid var(--accent);pointer-events:none;width:18px;height:18px;position:absolute}.hud-panel:before{border-top-left-radius:var(--radius-panel);border-bottom:none;border-right:none;top:-2px;left:-2px}.hud-panel:after{border-bottom-right-radius:var(--radius-panel);border-top:none;border-left:none;bottom:-2px;right:-2px}.btn-primary{background:linear-gradient(180deg, #5c5cff, var(--accent));color:#fff;border-radius:var(--radius-button);font-family:var(--font-text);cursor:pointer;border:none;font-weight:700;box-shadow:0 0 18px #4646ff73}.btn-primary:disabled{opacity:.5;box-shadow:none;cursor:default}.battle-split{gap:var(--sp-5);flex:1;min-height:0;display:flex}.battle-title-vs{letter-spacing:.04em;white-space:nowrap;margin:0;font-size:clamp(28px,8vw,52px);line-height:1.05}@media (width<=480px){.battle-title-vs{white-space:normal}}.battle-title-plain{margin:0;font-size:clamp(24px,6vw,40px)}@media (width<=720px){.battle-split{gap:var(--sp-4);-webkit-overflow-scrolling:touch;flex-direction:column;overflow-y:auto}.battle-page{min-height:100vh;height:auto!important;overflow:hidden visible!important}.battle-title-vs{font-size:clamp(26px,9vw,40px)}}@keyframes drumbar{0%,to{opacity:.5;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}@keyframes verdictPulse{0%,to{opacity:.75;letter-spacing:.3em}50%{opacity:1;letter-spacing:.42em}}@keyframes cardSlam{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes winnerSlam{0%{opacity:0;filter:blur(10px);transform:scale(2.4)}55%{opacity:1;filter:blur();transform:scale(.94)}75%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes flashOut{0%{opacity:.9}to{opacity:0}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-6vh)rotate(0)}to{opacity:.4;transform:translateY(106vh)rotate(720deg)}}.verdict-drumbar{transform-origin:bottom;animation:.42s ease-in-out infinite drumbar}.verdict-label{animation:.84s ease-in-out infinite verdictPulse}.verdict-card{animation:.5s cubic-bezier(.2,1.4,.4,1) both cardSlam}.verdict-winner{animation:.7s cubic-bezier(.2,1.2,.3,1) both winnerSlam}.verdict-flash{animation:.9s ease-out both flashOut}.verdict-fade{animation:.6s ease-out both cardSlam}.confetti-piece{z-index:70;pointer-events:none;width:10px;height:16px;animation:linear both confettiFall;position:fixed;top:0}