@font-face{font-family:'Space Grotesk';src:url('/arena/assets/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Plus Jakarta Sans';src:url('/arena/assets/plus-jakarta-sans.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--bg:#090d12;--panel:#111820;--line:#27313c;--gold:#59d6e8;--light:#baf5ff;--muted:#8796a7;--green:#65e6ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--light);font-family:'Plus Jakarta Sans','Segoe UI',sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:var(--gold);text-decoration:none}button,.button{border:1px solid #38434e;border-radius:6px;background:#1a2530;color:var(--light);padding:11px 15px;font-weight:700;display:inline-block}button:hover,.button:hover{border-color:var(--gold)}.primary{background:var(--gold);color:#11151a;border-color:var(--gold)}.danger{color:#f0a89c}.subtle{color:var(--muted);font-size:13px}.label,.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;text-transform:uppercase;color:var(--gold)}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:'Space Grotesk','Arial Narrow',sans-serif}h1{font-size:42px;letter-spacing:1px}h2{font-size:28px}input,select{border:1px solid #34404e;border-radius:5px;background:#0a1017;color:#fff;padding:10px;width:100%}input:focus,select:focus{outline:2px solid #59d6e888}label{display:block;font-size:12px;color:var(--muted);line-height:1.6}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#283c39;border:1px solid var(--green);padding:13px 22px;border-radius:8px;z-index:90;display:none;max-width:90vw}#toast.error{background:#412b2a;border-color:#df9d87}.badge{border:1px solid #35414c;padding:5px 9px;border-radius:4px;font-size:10px;letter-spacing:1px}.demo{background:#4a3c21;color:#baf5ff;border:1px solid #59d6e8}.flex{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.stack{display:grid;gap:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:24px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#151e29,#10161e)}.admin{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);padding:28px 22px;background:#0c1118;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:12px}.brand{font-size:22px;font-weight:800;letter-spacing:-1px}.brand img{width:46px;height:46px;border-radius:50%;vertical-align:middle;margin-right:8px}.sidebar .eyebrow{margin:18px 0 12px}.navbutton{text-align:left;background:transparent;border:0;color:var(--muted);border-left:2px solid transparent;border-radius:0}.navbutton.active{color:var(--gold);background:#59d6e80b;border-left-color:var(--gold)}.sidebar footer{margin-top:auto;font-size:11px;color:var(--muted);line-height:1.8}.workspace{padding:30px 38px;max-width:1740px;width:100%}.topbar{margin-bottom:24px}.statusdot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px #65e6ad66;display:inline-block;margin-right:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.stat{border-left:2px solid #59d6e8;padding-left:17px}.stat strong{font:700 30px 'Space Grotesk',sans-serif;display:block}.stat span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.sectionhead{margin-bottom:18px}.adminmatch{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:20px}.scorecard .avatar{width:56px;height:56px}.avatar{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;object-fit:cover;background:linear-gradient(145deg,#36505c,#1d3036);color:#c9e9df;border:1px solid #4d6b71;border-radius:50%;font-weight:800}.playername{font-weight:800;font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playergame{color:var(--muted);font-size:12px;margin-top:4px}.scorefields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ratio{font:700 36px 'Space Grotesk';color:var(--gold);margin-top:8px}.versus{text-align:center;color:var(--gold);font:800 32px 'Space Grotesk'}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.lower{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-top:20px}.preview{background:#05080c;border:1px solid #2c3640;border-radius:8px;overflow:hidden;aspect-ratio:16/9;position:relative}.preview iframe{position:absolute;border:0;width:1920px;height:1080px;transform-origin:0 0}.matchlist{max-height:340px;overflow:auto;margin-top:15px}.matchpick{display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;padding:13px;margin-bottom:7px;font-size:12px}.matchpick.selected{border-color:var(--gold);background:#59d6e811}.tiny{font-size:11px;color:var(--muted)}.tablewrap{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:12px 8px;text-align:left}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.smallbutton{font-size:11px;padding:6px 9px}.linkbox{font:12px Consolas,monospace;background:#090f15;padding:12px;border:1px solid var(--line);border-radius:5px;word-break:break-all;margin:10px 0}.note{font-size:13px;color:var(--muted);line-height:1.7}.errornote{color:#baf5ff}.slotthumb{object-fit:cover;background:#1e2a32;border:1px solid #4b4940;border-radius:5px}.check{color:var(--green)}
/* Broadcast canvas: deterministic 1920x1080, fitted only in browser previews. */
.broadcast{width:1920px;height:1080px;position:relative;overflow:hidden;transform-origin:0 0;background:radial-gradient(ellipse at 50% 45%,#1b2530 0,#0d131c 48%,#070a0f 100%)}.broadcast:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(118deg,transparent 0,transparent 260px,#ffffff02 261px,#ffffff02 390px,transparent 391px);pointer-events:none}.broadcast:after{content:'';position:absolute;inset:22px;border:1px solid #59d6e820;clip-path:polygon(0 0,35% 0,35% 2%,100% 2%,100% 100%,65% 100%,65% 98%,0 98%);pointer-events:none}.bheader{position:absolute;left:48px;right:48px;top:38px;display:flex;align-items:center;justify-content:space-between}.bbrand{font-size:26px}.bbrand img{width:48px;height:48px}.btitle{text-align:center}.btitle h1{font-size:42px;letter-spacing:4px;line-height:1.05}.btitle .eyebrow{margin-bottom:6px}.bmeta{font-size:11px;color:var(--muted);letter-spacing:1px;min-width:230px;text-align:right}.roundlabel{position:absolute;top:140px;text-align:center;width:145px;font-size:10px;letter-spacing:1.5px;color:#9aabbb}.roundlabel strong{display:block;color:var(--gold);font:600 19px 'Space Grotesk';letter-spacing:1px;margin-bottom:4px}.bracketlines{position:absolute;inset:0;width:1920px;height:1080px}.bracketlines path{fill:none;stroke:#34424d;stroke-width:1.3}.bmatch{position:absolute;width:145px;height:45px;background:linear-gradient(100deg,#18232f,#101922);border:1px solid #3a4652;border-radius:4px;overflow:hidden;box-shadow:0 3px 8px #0004;animation:cardin .6s both}.bmatch.current{border-color:var(--gold);box-shadow:0 0 22px #59d6e82a}.bmatch.done{border-color:#59d6e8}.brow{display:flex;align-items:center;gap:5px;height:22px;padding:0 5px;font-size:11px;font-weight:600}.brow+.brow{border-top:1px solid #ffffff0c}.brow .avatar{width:16px;height:16px;font-size:7px}.bname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.bseed{color:#8a9aa9;font-size:8px;min-width:10px}.bscore{font-size:9px;color:var(--gold);max-width:38px;overflow:hidden}.brow.win{background:#59d6e815;color:#baf5ff}.brow.unknown{color:#566777}.brow .slotthumb{width:18px;height:15px;border-radius:2px;opacity:.7}.centerhub{position:absolute;left:832px;width:256px;top:305px;text-align:center}.centerhub .brandcrest{width:124px;height:124px;border-radius:50%;box-shadow:0 0 65px #59d6e812}.centerhub h2{font-size:38px;letter-spacing:4px;margin-top:7px}.finalcard{margin:20px auto 0;width:244px;border:1px solid var(--gold);background:linear-gradient(145deg,#2e2b22,#101820);padding:16px 10px;border-radius:8px}.finalcard .brow{height:37px;font-size:15px}.finalcard .avatar{width:26px;height:26px;font-size:11px}.finalcard .bseed{font-size:10px}.champion{margin-top:35px}.champion .eyebrow{margin-bottom:10px}.champion strong{font:700 28px 'Space Grotesk';color:var(--gold)}.centerhub .note{font-size:11px;margin:24px 10px}.bfooter{position:absolute;bottom:44px;left:50px;right:50px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.6px;color:#728596}.bfooter b{color:#59d6e8}.livepill{border:1px solid #59d6e844;background:#59d6e80c;color:var(--gold);padding:8px 12px;border-radius:4px}.broadcast .demo{font-size:10px;margin-left:10px}
/* Transparent matchup browser source. */
body.widgetpage{background:transparent}.widget{width:900px;height:250px;position:relative;overflow:hidden;transform-origin:0 0;padding:16px 15px}.matchwidget{position:relative;height:214px;border:1px solid #59d6e8;border-radius:13px;background:linear-gradient(140deg,#171f29f8,#080d13fa 55%,#1d242bfa);box-shadow:0 7px 20px #0006;overflow:hidden;display:grid;grid-template-columns:1fr 88px 1fr;animation:widgetin .75s cubic-bezier(.18,.85,.25,1) both}.matchwidget:before{content:'';position:absolute;left:-35%;top:0;width:30%;height:100%;background:linear-gradient(100deg,transparent,#baf5ff20,transparent);transform:skew(-20deg);animation:sheen 7s 1.3s infinite;pointer-events:none}.wtop{position:absolute;top:0;left:0;right:0;height:30px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:#59d6e80c;border-bottom:1px solid #59d6e822;font-size:9px;letter-spacing:1.8px;color:var(--gold)}.wplayer{padding:49px 19px 16px;min-width:0;display:flex;gap:12px;align-items:center;position:relative}.wplayer.right{flex-direction:row-reverse;text-align:right}.wplayer .avatar{width:67px;height:67px;font-size:23px;border:2px solid #59d6e875;box-shadow:0 0 22px #59d6e810}.winfo{min-width:0;flex:1}.wname{font:700 28px 'Space Grotesk';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.05}.wgame{display:flex;align-items:center;gap:8px;margin-top:10px;min-width:0}.right .wgame{flex-direction:row-reverse}.wgame .slotthumb{width:59px;height:37px}.wgame span{font-size:10px;color:#9eafbc;max-width:125px}.wratio{font:700 21px 'Space Grotesk';color:var(--gold);margin-top:8px}.wvs{display:flex;align-items:center;justify-content:center;padding-top:28px;position:relative}.wvs:before{content:'';position:absolute;top:55px;bottom:27px;left:50%;width:1px;background:linear-gradient(transparent,#59d6e888,transparent)}.wvs span{position:relative;background:#131a22;border:1px solid #59d6e888;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:50%;font:800 24px 'Space Grotesk';color:#baf5ff;box-shadow:0 0 25px #59d6e818}.wbottom{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#59d6e8,#baf5ff,#59d6e8)}.wwinner{position:absolute;inset:auto 0 5px;text-align:center;font-size:9px;letter-spacing:2px;color:var(--green)}
.signup{max-width:1060px;margin:auto;padding:45px 25px}.signuphero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;margin-top:65px}.signup h1{font-size:80px;line-height:.95;margin:18px 0 26px}.signup h1 span{color:var(--gold)}.signup .note{font-size:15px}.signup .brandcrest{width:125px;border-radius:50%}.signupform .label{margin-bottom:20px}.signupform label{margin-top:14px}.signupform button{width:100%;margin-top:20px}.infobar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.infobar strong{font:700 28px 'Space Grotesk';display:block}.infobar span{font-size:11px;color:var(--muted)}.connection{position:fixed;bottom:10px;right:12px;background:#522e25;color:#ffddc9;padding:7px 12px;font-size:11px;z-index:100;border-radius:4px}.empty{color:var(--muted);font-size:13px;line-height:1.7;padding:20px 0}@keyframes widgetin{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes sheen{0%,55%{left:-35%}85%,100%{left:130%}}@keyframes cardin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1100px){.admin{grid-template-columns:180px 1fr}.workspace{padding:25px 20px}.lower{grid-template-columns:1fr}.adminmatch{grid-template-columns:1fr 50px 1fr;gap:10px}.playername{font-size:18px}}@media(max-width:760px){.admin{display:block}.sidebar{position:static;height:auto;padding:15px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar .brand{width:100%}.sidebar .eyebrow,.sidebar footer{display:none}.sidebar .navbutton{padding:8px;font-size:12px}.workspace{padding:20px 16px}.stats{grid-template-columns:1fr 1fr;row-gap:20px}.topbar{align-items:flex-start;flex-wrap:wrap}.adminmatch{grid-template-columns:1fr}.adminmatch>.versus{font-size:22px}.grid2{grid-template-columns:1fr}.signuphero{grid-template-columns:1fr;margin-top:30px}.signup h1{font-size:60px}.scorecard .avatar{width:42px;height:42px}}

body.bracketpage,body.widgetpage{width:100vw;height:100vh;overflow:hidden}.bmatch .slotthumb{display:none}.tablewrap .avatar{width:30px;height:30px;font-size:11px}

.brand .team-wordmark{width:160px;height:auto;max-height:64px;object-fit:contain;border-radius:0;margin:0}.bbrand .team-wordmark{width:230px;max-height:75px}.centerhub .brandcrest{object-fit:contain;width:125px;height:145px;border-radius:0;box-shadow:none}.centerhub{top:285px}.draw-summary{border-left:2px solid var(--gold);padding:16px 20px;background:#59d6e809;font-size:15px;line-height:1.7}.draw-summary p{color:var(--muted);margin:8px 0 15px}

.sandbox-badge{background:#4e2f19;color:#ffd196;border-color:#b77535}.broadcast .sandbox-badge{font-size:10px}