@font-face{font-family:Barlow;src:url('/fonts/font-0.ttf')}@font-face{font-family:BarlowCondensed;src:url('/fonts/font-9.ttf')}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:transparent!important;color:#f7f5fc;font-family:Barlow,Arial,sans-serif}body{--accent:#b18af9;--accent-dark:#3b235a;--glow:rgba(177,138,249,.18)}body.cyan{--accent:#7fe2ff;--accent-dark:#134a60;--glow:rgba(127,226,255,.18)}[hidden]{display:none!important}
#board{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:1060px;background:linear-gradient(100deg,rgba(18,14,28,.98),rgba(9,10,17,.98));border:1px solid #41354e;border-radius:3px;box-shadow:0 12px 60px #0006;overflow:hidden}body.left #board{left:48px;transform:none}body.right #board{left:auto;right:48px;transform:none}.board-header{height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:1px solid #ffffff12;background:#ffffff03}.board-header>div{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:66px;height:25px;object-fit:contain}.board-header #title{font-size:10px;font-weight:bold;letter-spacing:2.8px;color:#c0b9cd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-chip{font-size:10px;letter-spacing:1.7px;font-weight:bold;color:var(--accent);white-space:nowrap}.status-chip.live:before{content:"";display:inline-block;width:6px;height:6px;background:#ff6481;border-radius:50%;margin-right:8px}
#teams{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:center;gap:16px;padding:18px 24px}.team{display:flex;align-items:center;gap:16px;min-width:0}.team:last-child{flex-direction:row-reverse;text-align:right}.team-logo{height:69px;width:69px;flex-shrink:0;background:var(--glow);border:1px solid #ffffff14;display:flex;align-items:center;justify-content:center;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.team-logo img{width:54px;height:54px;object-fit:contain}.team-logo>span{font-size:23px;font-family:BarlowCondensed,Arial,sans-serif;color:var(--accent)}.team-name{display:flex;flex-direction:column;gap:5px;min-width:0}.team-name small{font-size:9px;letter-spacing:2px;color:#968ba5}.team-name strong{font-size:27px;line-height:1.1;font-family:BarlowCondensed,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-score{display:none}#score{text-align:center;padding:0 12px;border-left:1px solid #ffffff14;border-right:1px solid #ffffff14}#score>small{font-size:8px;letter-spacing:2px;color:#958ba2}#score>strong{display:flex;align-items:center;justify-content:center;gap:13px;font-family:BarlowCondensed,Arial,sans-serif;font-size:43px;line-height:1.12;font-variant-numeric:tabular-nums}#score i{font:normal 20px Barlow,Arial,sans-serif;color:#746b82}#score>span{font-size:9px;letter-spacing:1.7px;color:var(--accent)}footer{display:flex;gap:20px;align-items:center;padding:9px 24px 10px;border-top:1px solid #ffffff0c;font-size:9px;letter-spacing:1.4px;color:#b1a6be}#timer{margin-left:auto;font-variant-numeric:tabular-nums}#rotation{color:var(--accent);white-space:nowrap}.rotation-track{height:3px;background:var(--accent-dark)}.rotation-track>i{display:block;height:100%;background:var(--accent);width:0;transition:width 1s linear}#empty{padding:24px;text-align:center;display:flex;flex-direction:column;gap:8px}#empty>strong{font:700 27px BarlowCondensed,Arial,sans-serif}#empty>span{font-size:12px;color:#a69bb3}
#victory{padding:11px 24px;background:var(--accent);display:flex;align-items:center;gap:14px;color:#161020}#victory>span{font-size:10px;font-weight:bold;letter-spacing:2px}#victory>strong{font-family:BarlowCondensed,Arial,sans-serif;font-size:23px}#victory>small{margin-left:auto;font-size:10px}.victory-active .team.winner .team-logo{background:var(--accent-dark);border-color:var(--accent)}.victory-active .team.winner strong{color:var(--accent)}
#board.compact{width:450px;border-top:3px solid var(--accent);background:rgba(9,11,20,.97);border-radius:0 0 7px 7px}.compact .board-header{height:43px;padding:0 18px}.compact .board-header #title{font-size:9px;letter-spacing:1.3px}.compact .brand-mark{width:57px}.compact #teams{display:flex;flex-direction:column;gap:0;padding:0 18px}.compact .team,.compact .team:last-child{width:100%;display:flex;flex-direction:row;text-align:left;padding:13px 0;gap:13px}.compact .team:first-child{border-bottom:1px solid #ffffff12}.compact .team-logo{width:49px;height:49px}.compact .team-logo img{width:39px;height:39px}.compact .team-name strong{font-size:25px}.compact .team-name small{font-size:8px}.compact #score{display:none}.compact .side-score{display:block;margin-left:auto;color:var(--accent);font:700 38px BarlowCondensed,Arial,sans-serif}.compact footer{font-size:9px;padding:11px 18px;gap:8px;flex-wrap:wrap}.compact #rotation{margin-left:auto}.compact #victory{padding:10px 18px;flex-wrap:wrap;gap:5px 12px}.compact #victory>strong{font-size:22px}.compact #victory>small{flex-basis:100%;margin:0}.compact #timer{margin:0}.compact #info{flex-basis:100%}
#brand-badge{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:430px}#brand-badge>img{display:block;width:100%;height:auto}body.left #brand-badge{left:40px;transform:none}body.right #brand-badge{left:auto;right:40px;transform:none}body.badge #board{bottom:292px;width:430px}body.badge #board:not(.victory-active){display:none}body.badge #board .board-header,body.badge #board #teams,body.badge #board #empty,body.badge #board footer,body.badge #board .rotation-track{display:none}body.badge #victory{flex-wrap:wrap;gap:6px 12px}body.badge #victory>small{flex-basis:100%;margin:0}
#demo-scene{position:fixed;inset:0;background:#090d16}#demo-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.demo-shade{position:absolute;inset:0;background:linear-gradient(0deg,#090a13f5,transparent 70%),linear-gradient(90deg,#080c1a9c,transparent)}.demo-top{position:relative;padding:42px 48px;display:flex;justify-content:space-between;align-items:center}.demo-top>img{width:220px;height:81px;object-fit:contain}.demo-top>span{font-size:12px;letter-spacing:3px;color:#d1c6e0;display:flex;flex-direction:column;gap:9px;text-align:right}.demo-top b{color:var(--accent);font-size:10px}.demo-center{position:absolute;left:65px;top:34%;display:flex;flex-direction:column;gap:18px}.demo-center>span{font-size:12px;letter-spacing:5px;color:var(--accent)}.demo-center>strong{font:800 65px/.96 BarlowCondensed,Arial,sans-serif;letter-spacing:1px}.demo-center>small{font-size:12px;letter-spacing:1px;color:#aca4bd}body.demo #board{bottom:55px}body.demo #brand-badge{bottom:42px}body.demo.badge #board{bottom:300px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}body.still *{transition:none!important}
body.demo #board.arena:not(.compact){width:min(1060px,calc(100vw - 96px))}
@media(max-width:1100px){body.demo #board.arena:not(.compact){width:calc(100vw - 64px)}body.demo.left #board{left:32px;transform:none}body.demo.right #board{right:32px;transform:none}.demo-center{top:20%;left:40px;gap:13px}.demo-center>strong{font-size:44px}.demo-center>span{font-size:9px}.demo-center>small{font-size:9px}.demo-top{padding:22px 32px}.demo-top>img{width:130px;height:48px}.demo-top>span{font-size:8px}.demo-top b{font-size:7px}}
.arena:not(.compact) .team-name strong{font-size:32px}.arena:not(.compact) #score>strong{font-size:49px}
/* Broadcast panel: map artwork, diagonal team plates and individual score tiles. */
#panel-scene,.series-track{display:none}.compact #panel-scene{position:relative;display:block;height:112px;overflow:hidden;border-bottom:1px solid var(--accent);background:#16202d}.compact #panel-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:.72}.compact #panel-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0f1df0 5%,#0c0f1d50 80%)}.compact #panel-scene>div{position:absolute;left:22px;top:20px;z-index:1;display:flex;flex-direction:column;gap:5px}.compact #panel-scene span{font-size:9px;letter-spacing:2px;color:var(--accent)}.compact #panel-scene strong{font:800 36px/.95 BarlowCondensed,Arial,sans-serif;letter-spacing:1px}.compact #panel-scene small{font-size:8px;letter-spacing:2px;color:#b6b9ce}.compact .panel-live-mark{position:absolute;right:18px;bottom:13px;z-index:1;font-size:8px!important;writing-mode:vertical-rl;opacity:.85}.compact #teams{padding:13px 14px;gap:7px;background:linear-gradient(145deg,#22192f,#090e19 60%)}.compact .team,.compact .team:last-child{position:relative;min-height:76px;gap:13px;padding:10px 12px;background:linear-gradient(100deg,var(--accent-dark),#161527 65%);border:1px solid #ffffff18;border-left:3px solid var(--accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}.compact .team:last-child{background:linear-gradient(100deg,#182b39,#121821 65%);border-left-color:#8aa2b9}.compact .team-logo{width:52px;height:52px;background:#070a15a0;border:1px solid var(--accent)}.compact .team-logo img{width:43px;height:43px}.compact .team-name strong{font-size:28px;letter-spacing:.4px}.compact .team-name small{color:#a7a4bd}.compact .side-score{display:flex;align-items:center;justify-content:center;min-width:48px;height:54px;font-size:43px;color:#fff;background:#090d1cd9;border-left:1px solid #ffffff18;margin-right:-4px}.compact .team.winner .side-score{background:var(--accent);color:#0b0e16}.compact .series-track{display:flex;align-items:center;justify-content:space-between;padding:0 20px 11px;color:#a8a0b8;font-size:8px;letter-spacing:2px}.series-track>div{display:flex;gap:6px}.series-track i{font-style:normal;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff20;width:20px;height:16px;color:#625e76}.series-track .a{background:var(--accent);color:#141020;border-color:var(--accent)}.series-track .b{background:#8aa2b9;color:#141020;border-color:#8aa2b9}.compact #victory{background:linear-gradient(100deg,var(--accent),#e0d7ef);color:#0c0d17;padding:13px 19px}.compact #victory>strong{font-size:27px}.compact footer{background:#090c14}.compact .board-header{background:#111422}.compact .board-header .status-chip{padding:5px 8px;background:#ffffff0a;border:1px solid #ffffff15}body.badge .series-track{display:none}
#demo-scene>img{opacity:1}.demo-shade{background:linear-gradient(0deg,#070a12c9,transparent 65%),linear-gradient(90deg,#090a1740,transparent)}.demo-center{left:48px;top:21%;gap:10px}.demo-center>span{letter-spacing:4px;font-size:11px;color:#eee}.demo-center>strong{font-size:39px;letter-spacing:2px}.demo-center>small{font-size:10px;color:#d0cfde}.demo-top{background:linear-gradient(#080c15b0,transparent);padding-top:28px}.demo-top>img{width:150px;height:54px}
@media(max-width:1100px){.demo-center{left:32px;top:22%}.demo-center>strong{font-size:29px}.demo-center>span{font-size:9px}.demo-center>small{font-size:8px}.demo-top>img{width:110px;height:40px}.compact #panel-scene{height:85px}.compact #panel-scene>div{top:12px}.compact #panel-scene strong{font-size:29px}}
@media(max-width:1100px){body.demo #board.compact{scale:.72;transform-origin:bottom center}body.demo.left #board.compact{transform-origin:bottom left}body.demo.right #board.compact{transform-origin:bottom right}}