:root{--cww-blue:#063b70;--cww-blue2:#0a5ca6;--cww-line:rgba(132,214,255,.55);--cww-text:#fff;--cww-accent:#ff9d21}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020b14;color:var(--cww-text);font-family:Arial,Helvetica,sans-serif}
.broadcast-stage{position:relative;width:100vw;height:100vh;overflow:hidden;background:#071522}
.broadcast-map{position:absolute;inset:0 0 112px 0;background:#06131e}
.broadcast-map iframe{display:block;width:100%;height:100%;border:0}
.broadcast-header{position:absolute;z-index:20;left:0;right:0;top:0;height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,rgba(3,40,76,.97),rgba(7,91,157,.94),rgba(3,40,76,.97));border-bottom:1px solid var(--cww-line);box-shadow:0 3px 12px rgba(0,0,0,.35);letter-spacing:.05em}
.broadcast-header strong{font-size:18px}.broadcast-header small{font-size:11px;opacity:.82;margin-left:8px}.broadcast-header-right{display:flex;align-items:center;gap:14px}.broadcast-clock{font-size:17px;font-weight:700}.live-dot{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#ff3131;box-shadow:0 0 8px #ff3131}
.broadcast-lower-third{position:absolute;z-index:22;left:0;right:0;bottom:34px;height:78px;display:grid;grid-template-columns:minmax(330px,1.8fr) repeat(3,minmax(125px,.55fr));background:linear-gradient(90deg,rgba(2,38,72,.98),rgba(5,78,139,.96));border-top:2px solid rgba(85,196,255,.75);border-bottom:1px solid rgba(255,255,255,.18);box-shadow:0 -5px 20px rgba(0,0,0,.38)}
.broadcast-location,.broadcast-stat{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:9px 18px;border-right:1px solid rgba(255,255,255,.15)}
.broadcast-location span,.broadcast-stat span{font-size:10px;letter-spacing:.15em;opacity:.78}.broadcast-location strong{font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0}.broadcast-location small{font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.broadcast-stat strong{font-size:22px;margin-top:5px}.broadcast-stat.alert-stat strong{color:#ffd56a}
.broadcast-ticker{position:absolute;z-index:23;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;overflow:hidden;background:#07111c;border-top:1px solid rgba(255,255,255,.16);font-size:13px;white-space:nowrap}
.broadcast-ticker>strong{height:100%;display:flex;align-items:center;flex:0 0 auto;padding:0 16px;background:var(--cww-accent);color:#111;font-size:11px;letter-spacing:.08em}.broadcast-ticker>[data-broadcast-alert-ticker]{display:inline-block;padding-left:18px;min-width:100%;animation:cwwTicker 38s linear infinite}
@keyframes cwwTicker{0%{transform:translateX(0)}100%{transform:translateX(-65%)}}
.broadcast-audio-state{font-size:11px;opacity:.8}
.obs-mode .broadcast-header{height:42px}.obs-mode .broadcast-map{inset:0 0 108px}.obs-mode .broadcast-lower-third{height:74px}
@media(max-width:900px){.broadcast-lower-third{grid-template-columns:1.5fr repeat(3,.55fr)}.broadcast-location strong{font-size:18px}.broadcast-stat strong{font-size:17px}.broadcast-location,.broadcast-stat{padding:7px 10px}.broadcast-header small{display:none}}