:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red:#e8342a;--red-deep:#7a1410;--blue:#2c6fe8;--blue-deep:#0f2e7a;--gold:#f5b301;--ink:#0a0a0c;--panel:#16161a;--muted:#8b8b94;--cut:14px;--font:"Barlow", "Avenir Next", sans-serif;--display:"Anton", "Impact", sans-serif}*{box-sizing:border-box}strong,b,h1,h2,h3,h4,h5,h6{font-weight:inherit}html,body,#root{background:var(--ink);color:#f3f3f5;min-height:100%;font-family:var(--font);margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.arena{--cut:18px;--banner-cut:52px;background:radial-gradient(80% 50% at 50% 0%, #1a1010 0%, var(--ink) 58%);grid-template-rows:auto auto 1fr auto auto auto auto;gap:.45rem;min-height:100vh;padding:.7rem .85rem .9rem;display:grid}.hud-top{grid-template-columns:1fr minmax(220px,28%) 1fr;align-items:stretch;gap:.4rem;display:grid}.banner{color:#fff;flex-direction:column;justify-content:center;min-height:4.2rem;display:flex}.banner-red{background:linear-gradient(90deg, var(--red-deep), var(--red));clip-path:polygon(0 0, calc(100% - var(--banner-cut)) 0, 100% 100%, var(--banner-cut) 100%);align-items:flex-start;padding:.4rem 1.6rem .45rem 3.6rem}.banner-blue{background:linear-gradient(270deg, var(--blue-deep), var(--blue));clip-path:polygon(var(--banner-cut) 0, 100% 0, calc(100% - var(--banner-cut)) 100%, 0 100%);text-align:right;align-items:flex-end;padding:.4rem 3.6rem .45rem 1.6rem}.banner-team{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;font-size:1.7rem;line-height:.9}.banner-name{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;opacity:.92;font-size:1.05rem}.lockup{flex-direction:column;align-items:center;gap:.28rem;display:flex}.wordmark{flex-direction:column;align-items:center;line-height:.85;display:flex}.wordmark-lps{font-family:var(--display);letter-spacing:.12em;color:var(--gold);font-size:2.4rem}.wordmark-title{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.slot-readout{background:var(--panel);border-radius:.7rem;align-items:center;gap:.55rem;min-width:9.5rem;padding:.2rem .75rem .15rem;display:flex}.slot-num{flex-direction:column;align-items:center;line-height:.85;display:flex}.slot-num b{font-family:var(--display);letter-spacing:.04em;font-size:2.1rem}.slot-num small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.slot-dot{border-radius:50%;width:.55rem;height:.55rem}.slot-dot-red{background:var(--red)}.slot-dot-blue{background:var(--blue)}.lockup-actions{gap:.3rem;display:flex}.btn-gold,.btn-ghost,.flavor-btn,.join-btn,.move-pill button,.pool button{cursor:pointer;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border:0}.btn-gold{background:var(--gold);color:var(--ink);padding:.28rem .7rem}.btn-ghost{color:#f3f3f5;background:0 0;border:1px solid #2a2a32;padding:.28rem .7rem}.hp-row{grid-template-columns:1fr minmax(140px,18%) 1fr;align-items:center;gap:.45rem;display:grid}.hp{align-items:center;gap:.4rem;display:grid;position:relative}.hp-red{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% 100%, var(--cut) 100%);grid-template-columns:auto 1fr}.hp-blue{clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);grid-template-columns:1fr auto}.hp-num{font-family:var(--display);min-width:2.2rem;padding:0 .35rem;font-size:1.45rem}.hp-track{background:#111114;height:1.15rem;position:relative;overflow:hidden}.hp-ghost,.hp-fill{height:100%;position:absolute;inset:0 auto 0 0}.hp-ghost{opacity:.45;background:#fff;transition:width .42s linear}.hp-fill{transition:width 90ms linear}.hp-red .hp-fill{background:linear-gradient(90deg, var(--red-deep), var(--red), #f5a623)}.hp-blue .hp-ghost,.hp-blue .hp-fill{left:auto;right:0}.hp-blue .hp-fill{background:linear-gradient(270deg, var(--blue-deep), var(--blue), #5ec8ff)}.dmg{font-family:var(--display);color:#fff;text-shadow:0 2px #000;pointer-events:none;font-size:1.35rem;animation:.8s ease-out forwards pop;position:absolute;top:-.85rem}.hp-red .dmg{left:2.4rem}.hp-blue .dmg{right:2.4rem}.dmg-HIT_HEAVY,.dmg-CRIT,.dmg-KO{color:var(--gold);font-size:1.7rem}.hype{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;font-size:.78rem;display:grid}.hype-track{background:#111114;height:.45rem}.hype-fill{background:linear-gradient(90deg, var(--gold), #fff3c4);height:100%;transition:width .18s linear}.hype.burst .hype-fill{box-shadow:0 0 16px var(--gold)}.ring{min-height:38vh;clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));background:#07080d;position:relative;overflow:hidden}.ring-frame{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #2a2a32,inset 0 0 80px #000a}.ring-video,.ring-placeholder{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ring-placeholder{background:repeating-linear-gradient(-14deg,#141418 0 12px,#101014 12px 24px)}.ring-vignette{pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 42%,#05060a 100%);position:absolute;inset:0}.hit-callout{z-index:4;font-family:var(--display);pointer-events:none;text-shadow:3px 3px #000,-1px 0;align-items:baseline;gap:.25rem;line-height:.8;animation:.22s ease-out callout-in;display:flex;position:absolute}.hit-callout span{font-size:clamp(3.4rem,9vw,6.5rem)}.hit-callout small{letter-spacing:.08em;font-size:clamp(1.4rem,3vw,2.2rem)}.hit-callout-red{color:var(--blue);top:18%;left:6%;transform:rotate(-12deg)}.hit-callout-blue{color:var(--red);top:22%;right:6%;transform:rotate(12deg)}.commentary,.flavor-toast{z-index:2;font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;background:#000c;margin:0;padding:.3rem .85rem;position:absolute;left:50%;transform:translate(-50%)}.commentary{text-align:center;max-width:80%;font-size:1.15rem;bottom:1.1rem}.flavor-toast{color:var(--gold);font-size:1.4rem;animation:1.4s ease-out land;top:42%}.dq-stamp{border:8px solid var(--red);color:var(--red);font-family:var(--display);letter-spacing:.08em;z-index:4;place-items:center;font-size:5.5rem;animation:.7s cubic-bezier(.2,1.4,.3,1) stamp;display:grid;position:absolute;inset:28% 30%;transform:rotate(-12deg)}.ko-slam{z-index:5;text-align:center;background:#0008;place-items:center;display:grid;position:absolute;inset:0}.ko-slam p{font-family:var(--display);letter-spacing:.08em;margin:0;font-size:clamp(5rem,16vw,10rem);animation:.5s cubic-bezier(.15,1.6,.3,1) slam}.ko-slam small{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:1.4rem}.flavor-row{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.flavor-btn{background:var(--panel);color:#f3f3f5;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);padding:.35rem .75rem}.flavor-btn:disabled,.move-pill button:disabled,.pool button:disabled,.move-pill input:disabled{opacity:.45;cursor:not-allowed}.ballot{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pool{background:var(--panel);min-height:4.5rem;padding:.35rem .45rem}.pool-red{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% 100%, var(--cut) 100%);border-left:4px solid var(--red)}.pool-blue{clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);border-right:4px solid var(--blue)}.pool.is-on{box-shadow:inset 0 0 0 1px var(--gold)}.pool ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.pool li{background:#0c0c10;grid-template-columns:1fr auto;align-items:center;gap:.4rem;padding:.3rem .45rem;display:grid}.pool li p{margin:0;font-size:.9rem}.pool .empty{color:var(--muted);font-size:.82rem}.pool button{color:#f3f3f5;background:#111114;padding:.25rem .5rem}.control-bar{background:var(--panel);grid-template-columns:minmax(110px,14%) auto 1fr auto minmax(110px,14%);align-items:center;gap:.4rem;padding:.55rem .6rem;display:grid}.power{gap:.1rem;display:grid}.power span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.power strong{font-family:var(--display);font-size:1.35rem;line-height:1}.power-red strong{color:var(--red)}.power-blue strong{color:var(--blue);text-align:right}.power-blue{text-align:right}.power-track{background:#111114;height:.28rem}.power-fill{height:100%;transition:width .18s linear}.power-red .power-fill{background:var(--red)}.power-blue .power-fill{background:var(--blue);margin-left:auto}.join-btn{color:#fff;white-space:nowrap;padding:.55rem .85rem}.join-red{background:var(--red);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% 100%, var(--cut) 100%)}.join-blue{background:var(--blue);clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%)}.join-btn.is-on{box-shadow:0 0 0 2px var(--gold)}.move-pills{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.move-pill{background:#0c0c10;border-radius:999px;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem;padding:.2rem .25rem .2rem .7rem;display:grid}.move-pill.is-on{box-shadow:0 0 0 1px var(--gold)}.move-pill input{color:#f3f3f5;background:0 0;border:0;min-width:0;padding:.35rem 0}.move-pill em{color:var(--muted);white-space:nowrap;font-size:.8rem;font-style:normal}.move-pill button{background:var(--gold);color:var(--ink);white-space:nowrap;border-radius:999px;padding:.4rem .7rem}.sound-btn{z-index:3;color:#f3f3f5;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#000a;border:1px solid #2a2a32;padding:.28rem .55rem;position:absolute;bottom:.8rem;right:.9rem}.arena-foot{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.8rem;display:flex}.is-hitstop .ring{animation:.14s linear shake}.is-hype .ring-frame{box-shadow:inset 0 0 0 3px var(--gold), inset 0 0 80px #000a}.page{max-width:42rem;margin:0 auto;padding:4.5rem 1.5rem 3rem}.kicker{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem;font-size:.85rem}h1{font-family:var(--display);text-transform:uppercase;margin:0 0 1rem;font-size:clamp(2.4rem,6vw,4rem);line-height:.95}.lede{color:var(--muted);max-width:28rem;font-size:1.15rem}a{color:#f3f3f5}@media (width<=980px){.hud-top,.hp-row,.control-bar,.move-pills,.ballot{grid-template-columns:1fr}.banner-blue,.power-blue{text-align:left;align-items:flex-start}.ring{min-height:28vh}}@media (prefers-reduced-motion:reduce){.hit-callout,.flavor-toast,.dq-stamp,.ko-slam,.dmg,.hp-ghost,.hp-fill,.hype-fill,.power-fill{transition:none!important;animation:none!important}}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-4px,2px)}50%{transform:translate(5px,-3px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}@keyframes pop{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-28px)}}@keyframes land{0%{opacity:0;transform:translate(-50%,12px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.08)}to{opacity:0}}@keyframes stamp{0%{opacity:0;transform:rotate(-12deg)scale(2)}60%{opacity:1;transform:rotate(-12deg)scale(.95)}to{transform:rotate(-12deg)scale(1)}}@keyframes slam{0%{opacity:0;transform:scale(2.4)}to{opacity:1;transform:scale(1)}}@keyframes callout-in{0%{opacity:0;transform:scale(1.35)rotate(-12deg)}to{opacity:1}}.hit-callout-blue{animation-name:callout-in-blue}@keyframes callout-in-blue{0%{opacity:0;transform:scale(1.35)rotate(12deg)}to{opacity:1}}