/* Visual tokens and effects taken from getstacked.vip, adapted for broadcast use. */
:root{--bg:#050508;--panel:#101012;--line:rgba(104,222,242,.18);--gold:#baf5ff;--light:#baf5ff;--muted:#a6a5ad;--amber:#ffb000}
body{background-color:var(--bg);background-image:radial-gradient(ellipse at 50% 35%,rgba(12,28,32,.22),transparent 80%);font-family:'Plus Jakarta Sans','Segoe UI',sans-serif}
h1,h2,h3,.display{font-family:'Space Grotesk','Segoe UI',sans-serif;letter-spacing:-.04em}
h1{font-size:36px;line-height:1.15;font-weight:700}h2{font-size:24px;line-height:1.25;font-weight:700}h3{font-size:18px}
.workspace{padding:36px 40px}.sidebar{background:rgba(5,5,8,.95);border-color:var(--line)}
.panel,.topbar,.finalcard{position:relative}
.panel{border-radius:16px;border-color:var(--line);background:radial-gradient(ellipse at 10% 0,rgba(22,36,40,.25),transparent 65%),rgba(16,16,18,.92);box-shadow:0 14px 45px #0003,inset 0 1px 0 #ffffff03}
.topbar{padding-bottom:22px;border-bottom:1px solid var(--line);border-radius:12px}
.eyebrow,.label{color:var(--gold);font-size:10px;letter-spacing:1.7px}.eyebrow{margin-bottom:8px}
.stat{border-color:#59d6e866}.stat strong{font-family:'Space Grotesk',sans-serif;font-size:27px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stat span{font-size:9px;letter-spacing:1px}
button,.button{border-radius:10px;border-color:var(--line);background:#18181b;transition:border-color .2s,box-shadow .2s,background-color .2s}
.primary{background:#baf5ff;color:#15120e;border-color:#baf5ff;box-shadow:0 5px 28px #baf5ff22}
.primary:hover{background:#baf5ff;box-shadow:0 5px 34px #baf5ff40}button:focus-visible,a:focus-visible{outline:2px solid #baf5ff;outline-offset:4px}
.navbutton{border-radius:0 8px 8px 0}.navbutton.active{background:linear-gradient(90deg,#baf5ff10,transparent);border-left-color:#baf5ff;color:#baf5ff}
input,select{border-radius:8px;border-color:#59d6e826;background:#09090c;padding:11px 12px}input:focus,select:focus{outline:2px solid #baf5ff55}
.playername{font-size:20px;letter-spacing:-.025em}.avatar{background:linear-gradient(145deg,#4d4433,#272524);color:#baf5ff;border-color:#59d6e866}
.ratio,.versus{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums}.versus{font-size:24px}
.draw-summary{border-color:#baf5ff;background:linear-gradient(100deg,#baf5ff09,transparent);border-radius:0 12px 12px 0}
.matchpick{border-radius:9px}.matchpick.selected{border-color:#baf5ff66;background:linear-gradient(100deg,#baf5ff10,transparent)}
.preview{border-radius:12px;border-color:var(--line)}.scorefields{gap:14px}.toolbar{gap:12px}.note{line-height:1.85}
.draft-notice{display:flex;align-items:center;gap:14px;color:#baf5ff;font-size:12px;margin-top:12px}.draft-notice[hidden]{display:none}
.request-busy button{pointer-events:none;opacity:.5}.image-fallback{display:inline-flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.5px}
.spotlight-container{isolation:isolate}
@supports (mask-composite:exclude){
 .spotlight-container::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(400px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(65,218,242,.4),rgba(65,218,242,.1) 40%,transparent 80%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10}
 .spotlight-container:not(.mouse-active)::after{background:radial-gradient(circle at 50% 50%,rgba(65,218,242,.16),transparent 75%);animation:website-border-pulse 4s infinite ease-in-out}
}
@keyframes website-border-pulse{0%,100%{opacity:.45}50%{opacity:1}}
.broadcast{background:radial-gradient(ellipse at 50% 38%,#24222066,transparent 65%),#050508}
.btitle h1{font-size:34px;letter-spacing:1px}.bheader .eyebrow{font-size:10px;letter-spacing:2.5px}
.bmatch{border-radius:6px;background:linear-gradient(110deg,#18181c,#101012);border-color:#59d6e822}.bmatch.current{border-color:#baf5ff88;box-shadow:0 0 24px #baf5ff16}
.brow{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;letter-spacing:-.25px}.brow.win{color:#baf5ff;background:#baf5ff0d}.bscore{font-variant-numeric:tabular-nums}
.centerhub h2{font-size:31px;letter-spacing:1px}.finalcard{border-radius:14px;border-color:#baf5ff66;background:radial-gradient(ellipse at 50% 0,#baf5ff10,transparent 70%),#101012e8;box-shadow:0 0 65px #baf5ff07}
.finalcard .brow{font-size:13px}.champion strong{font-family:'Space Grotesk',sans-serif;font-size:19px;letter-spacing:-.5px;line-height:1.45}.roundlabel strong{font-family:'Space Grotesk',sans-serif;font-size:17px}
.matchwidget{border-radius:17px;border-color:#baf5ff55;background:radial-gradient(ellipse at 50% 0,#3b332133,transparent 75%),linear-gradient(135deg,#19191cfa,#09090cfa);box-shadow:0 8px 25px #0006}
.wname{font-family:'Space Grotesk',sans-serif;font-size:22px;line-height:1.12;white-space:normal;overflow-wrap:anywhere;max-height:50px;letter-spacing:-.6px}.wratio{font-family:'Space Grotesk',sans-serif;font-size:21px;font-variant-numeric:tabular-nums}
.wvs span{font-family:'Space Grotesk',sans-serif;font-size:21px;background:#101012;border-color:#baf5ff66;box-shadow:0 0 35px #baf5ff15}.wtop{background:#baf5ff08;color:#baf5ff;border-color:#baf5ff1a}
.wbottom{height:2px;background:linear-gradient(90deg,transparent,#baf5ff,transparent)}.wplayer .avatar{box-shadow:0 0 28px #baf5ff0d;border-color:#baf5ff55}
.wwinner{color:#90dfbf}.signup h1{font-size:62px;line-height:1.03;letter-spacing:-3px}.infobar strong{font-family:'Space Grotesk',sans-serif;font-size:24px}
@media(max-width:1100px){.workspace{padding:26px 22px}h1{font-size:29px}.stat strong{font-size:24px}.playername{font-size:18px}}
@media(max-width:760px){.workspace{padding:22px 16px}.signup h1{font-size:46px;letter-spacing:-2px}.sidebar .brand{margin-bottom:8px}.ratio{font-size:25px}}
@media(prefers-reduced-motion:reduce){.spotlight-container::after,.matchwidget::before{animation:none!important}button,.button{transition:none}}

.topbar{align-items:flex-start}.topbar>div:first-child{flex:1;min-width:0}.topbar>.flex{flex-wrap:wrap;justify-content:flex-end;max-width:45%}.topbar .badge,.topbar .button{white-space:nowrap}.topbar h1{font-size:clamp(25px,2.6vw,36px)}

.bracket-updated .bmatch{animation:none}.matchwidget.steady{animation:none}

html{overflow-x:clip}

.wgame span{overflow-wrap:anywhere}