/* Combat materials follow the original logo: black steel, gold, fire and jade. */
:root{--jade:#57d8bd;--steel:#101a20;--burnished:#ae7335}
.soon-stage{background:#070e13 url('/assets/war-arena-v4.png') center/cover no-repeat}
.soon-backdrop{background:linear-gradient(90deg,#03090ff2 0%,#03090fe6 32%,#03090f9c 58%,#03090f33 100%),linear-gradient(0deg,#02080dbb,transparent 45%)}
.soon-backdrop:before,.soon-backdrop:after,.soon-backdrop>.arena-halo,.soon-backdrop>.arena-arc,.soon-backdrop>.light-beam,.soon-backdrop>.ground-line{display:none}
.soon-program{inset:115px 78px 155px;gap:76px;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}
.soon-logo{width:338px;height:278px;margin:-8px 0 14px;filter:drop-shadow(0 15px 20px #000b)}
.soon-intro h1{font-size:82px;line-height:.91;text-shadow:0 5px 14px #000a}
.soon-intro>p{margin:20px 0 26px;color:#d0dddc;font-size:21px}
.soon-clock{border-top:2px solid #bd8b42;max-width:570px;position:relative;padding-top:19px}
.soon-clock:before{content:'';position:absolute;top:-3px;left:0;width:90px;height:4px;background:#ffe2a2}
.soon-clock strong{font-size:100px}.soon-clock .countdown-track{height:3px;background:#83f5cc25}.countdown-progress{background:linear-gradient(90deg,#987238,#ffde9b)}
.soon-v2 .soon-footer{height:110px;background:linear-gradient(180deg,#182b31,#0b151b 65%,#15272b);border-top:1px solid #c9a265;box-shadow:0 -12px 30px #0007;color:#f5dfae;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);padding:0 78px}
.soon-v2 .soon-footer:after{content:'';position:absolute;top:0;right:78px;width:310px;height:3px;background:linear-gradient(90deg,transparent,#60cbb1)}
.soon-v2 .footer-war{gap:22px}.soon-v2 .footer-war>span{color:#bacbc8;font-size:20px}.soon-v2 .footer-war strong{font-size:44px;color:#f2dfb5}
.soon-v2.without-footer .soon-program{bottom:48px}.soon-v2.without-ad .soon-logo{width:500px;height:520px}
.ad-panel{position:relative;isolation:isolate;border:0;background:#071116;padding:9px;box-shadow:0 24px 45px #000a;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}
.ad-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#f9d78d,#70532e 16%,#283c40 35%,#0c1b21 54%,#7a512e 74%,#e2be79 100%)}
.ad-screen{border:1px solid #6f7d70;background:#02080b}.ad-top{height:43px;background:#0b171ddf;color:#e7ce9d;padding:0 16px}.ad-top>span:first-child{color:#e7ce9d;font-size:17px}
.ad-placeholder{background:radial-gradient(ellipse at 100% 100%,#17443b88,transparent 65%),linear-gradient(140deg,#162a30,#070f16 70%);padding:50px 50px}
.ad-placeholder:before{border:1px solid #647a6355;border-radius:0;transform:rotate(35deg);width:420px;height:900px;top:-180px;right:-200px;box-shadow:none;background:linear-gradient(90deg,transparent,#79a08b09)}
.ad-placeholder strong{color:#f1e5cc;font-size:75px;text-shadow:0 4px 15px #0009}.ad-placeholder>span{color:#a8cec2;font-size:18px}.ad-orbit{display:none}
/* Gameplay keeps its center transparent. The material stays at the edges. */
.broadcast-frame.full{border:1px solid #bd935a;box-shadow:inset 0 0 0 4px #050b0ed9,inset 0 0 0 6px #79857755}
.broadcast-frame.full:before,.broadcast-frame.full:after{content:'';position:absolute;left:44%;width:12%;height:6px;background:linear-gradient(90deg,transparent,#adcab7 38%,#e8d09d 50%,#adcab7 62%,transparent)}
.broadcast-frame.full:before{top:-1px}.broadcast-frame.full:after{bottom:-1px}
.broadcast-frame i{width:104px;height:65px;border-width:0!important;filter:drop-shadow(0 6px 8px #0009);background:linear-gradient(150deg,#ffdfa0,#a77a40 32%,#374447 33%,#101d22 48%,#1a3034 63%,#b39463 64%,#695033);clip-path:polygon(0 0,100% 0,100% 8px,22px 8px,8px 22px,8px 100%,0 100%)}
.broadcast-frame i:nth-child(1){top:-2px;left:-2px}.broadcast-frame i:nth-child(2){top:-2px;right:-2px;transform:scaleX(-1)}.broadcast-frame i:nth-child(3){bottom:-2px;left:-2px;transform:scaleY(-1)}.broadcast-frame i:nth-child(4){bottom:-2px;right:-2px;transform:scale(-1)}
.stream-bug{height:132px;width:170px;position:relative;background:linear-gradient(150deg,#283b3e,#07131a 50%,#172c2b);border:1px solid #a38c5c;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}
.stream-bug img{width:150px;height:132px}.stream-top-status{background:linear-gradient(180deg,#1e3537,#09171e);border-top:1px solid #708f79;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);color:#f4d59e}
.stream-footer{background:linear-gradient(180deg,#1d3032,#09151c);border-top:2px solid #be9659;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.lower-copy strong{color:#f3e6ca}.lower-copy>span{color:#b6cec8}.program-note{color:#c0dbd2}
.camera-frame{border-color:#b9985c;box-shadow:0 9px 20px #0009}.camera-frame:before{border-color:#59786b}.camera-frame>span{background:linear-gradient(90deg,#c7a064,#e0bd7e);color:#0b1a20}
.scoreline{background:linear-gradient(180deg,#34464a 0%,#1a2b33 6%,#0b1820 64%,#172e30);border-top:1px solid #b69a66;box-shadow:inset 0 4px 8px #0007}
.scoreline:before{animation:none;background:linear-gradient(110deg,transparent 15%,#8fe8c50a 38%,transparent 66%)}.scoreline:after{height:4px;background:linear-gradient(90deg,#79512e,#ebc582 35%,#6d9b81 65%,#b8d4b4)}
.scoreline-brand.has-logo{background:linear-gradient(145deg,#2e3f3b,#071117 58%,#16342d);border-right:1px solid #6e7c63}.war-logo{width:124px;height:96px}
.score-entry{border-right-color:#a5b1a023}.score-entry-score{text-shadow:0 3px 9px #000c}.score-entry.leader{background:linear-gradient(180deg,#b0803028,transparent 75%)}.score-entry.leader:before{background:linear-gradient(90deg,#a87a3b,#ffe1a0)}
.contextline{background:linear-gradient(180deg,#111f25f7,#071318f2);border-bottom-color:#6b8b76}.war-metric{color:#b5d9c6}
.table-stage{background:#071019 url('/assets/war-arena-v4.png') center/cover no-repeat}.table-atmosphere{background:linear-gradient(180deg,#030b10e8 0%,#030b10ef 44%,#030b10e6 100%)}.table-atmosphere:after{display:none}.table-heading h1{color:#f4e9d3;text-shadow:0 5px 16px #000c}.table-heading p{color:#d0b578}.table-meta{border-bottom:3px solid #b99b63;color:#c3d9ce}.table-content td{background:#0b1b23ed;border-bottom-color:#74978035}.table-content tr:nth-child(even) td{background:#162c31ed}.standings-table td:last-child{background:#503b26c9}.standings-table tbody tr:first-child td{background:#5c472cd4}.onair-empty strong{color:#e8dcc1}.onair-empty p{color:#c1d5cd}.table-footer{color:#bbd3c8}
/* The operator desk shares the materials, with no atmospheric motion. */
.desk-v2 .desk-header{background:linear-gradient(180deg,#223539,#101e27);border-bottom-color:#8f8058}.desk-v2 .desk-section{background:linear-gradient(145deg,#1a2c32,#11222a);border:1px solid #41534c;box-shadow:none}.desk-v2 .desk-section h2{color:#ede2ca}.desk-v2 .desk-nav>button.active{background:linear-gradient(180deg,#edce91,#b58b4d);border-radius:3px;color:#111c21}.desk-v2 .desk-nav>button:not(.active):hover{background:#1d3436}.desk-v2 button:not(.secondary):not(.text-button):not(.remove-button):not(.step-button):not([data-panel]){background:linear-gradient(180deg,#edce91,#b58b4d);color:#111c21}.desk-v2 input:focus,.desk-v2 select:focus,.desk-v2 textarea:focus{border-color:#8fba9d}
.transition-screen{border:1px solid #9b8559}.transition-page{background:linear-gradient(#071019ed,#071019f5),url('/assets/war-arena-v4.png') center/cover fixed}.transition-main h1{color:#f4e6c8}.transition-scene{background:linear-gradient(90deg,#061018e8,#061018b5),url('/assets/war-arena-v4.png') center/cover}.transition-scene.next{background:linear-gradient(90deg,#081d1be0,#081d1ba8),url('/assets/war-arena-v4.png') center/cover}.transition-actions button{background:linear-gradient(180deg,#edce91,#b58b4d)}
@media(prefers-reduced-motion:reduce){.scoreline:before{animation:none}}

.combat-embers{position:absolute;inset:0;width:1920px;height:1080px;pointer-events:none;opacity:.7}@media(prefers-reduced-motion:reduce){.combat-embers{display:none}}
/* Stable aperture for an OBS Media Source above this Browser Source. */
.local-video-panel{position:absolute;left:854px;top:260px;width:980px;height:560px;padding:0;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}
.local-video-panel .ad-screen{position:absolute;left:10px;top:10px;width:960px;height:540px;aspect-ratio:16/9;border:0}
.local-video-heading{position:absolute;left:854px;top:222px;width:980px;color:#e7ce9d;font:700 20px/1.2 var(--font-head);letter-spacing:.04em}
.local-video-steps{padding-left:20px;margin:20px 0;color:#c1d2d4;font-size:13px;line-height:1.65}.local-video-steps li{margin-bottom:10px}.local-video-steps strong{color:#ede2ca}
.scoreboard.one .score-entry{padding:14px 36px}.scoreboard.one .score-entry-name{font-size:38px;max-width:740px}.scoreboard.one .score-entry-score{font-size:61px}