:root{
  --bg:#11130f;--panel:#1c201a;--line:#41483a;--line-soft:#30362c;--ink:#e2ddca;--muted:#9b9d8f;
  --khaki:#b9ad83;--olive:#858d5d;--olive-bright:#b8c476;--rust:#a35f43;--allies:#7f9aa6;--axis:#b56f52;
  --display:"Arial Black",Haettenschweiler,"Arial Narrow Bold",sans-serif;
  --condensed:"Bahnschrift SemiCondensed","Arial Narrow","Segoe UI",sans-serif;
  --body:"Segoe UI",Arial,sans-serif;color-scheme:dark
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--body);background:radial-gradient(ellipse at 20% 0%,#5b624522 0,transparent 42%),radial-gradient(ellipse at 90% 30%,#6a4c3420 0,transparent 37%),linear-gradient(155deg,#151813,#0d0f0c 72%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(#75805e26 1px,transparent 1px),linear-gradient(90deg,#75805e26 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.topbar,footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(18px,4vw,64px)}
.topbar{min-height:78px;border-bottom:1px solid var(--line);background:#11140fe8;box-shadow:0 6px 24px #0005}
.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;white-space:nowrap}
.brand-game{font:900 20px/1 var(--display);letter-spacing:-1px;text-shadow:1px 2px 0 #000}.brand-game b{font-size:27px;color:var(--khaki)}
.brand strong{padding-left:13px;border-left:1px solid var(--line);color:var(--olive-bright);font:700 10px/1.2 var(--condensed);letter-spacing:2.4px}
.live{display:flex;gap:11px;align-items:center;color:var(--ink);font:700 11px var(--condensed);letter-spacing:1.8px}.live i{width:8px;height:8px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 5px #a5aa9414}.live i.on{background:var(--olive-bright);box-shadow:0 0 13px #b8c476aa}.live i.error{background:var(--rust)}
main{position:relative;z-index:1;width:min(1420px,100%);margin:auto;padding:clamp(24px,4vw,58px) clamp(16px,4vw,64px)}
.hero{position:relative;padding:clamp(22px,3vw,40px);border:1px solid var(--line);background:linear-gradient(145deg,#20241dbf,#121510e8);box-shadow:0 18px 55px #0006;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;width:54px;height:54px;pointer-events:none}.hero:before{left:-1px;top:-1px;border-left:4px solid var(--khaki);border-top:4px solid var(--khaki)}.hero:after{right:-1px;bottom:-1px;border-right:4px solid var(--khaki);border-bottom:4px solid var(--khaki)}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line-soft)}
.eyebrow{display:flex;align-items:center;min-width:0;gap:12px;color:var(--muted);font:700 10px var(--condensed);letter-spacing:1.8px;text-transform:uppercase}.eyebrow span:first-child{color:var(--olive-bright)}.eyebrow i{width:24px;height:1px;background:var(--line)}
.mode,.round{flex:none;border:1px solid var(--line);background:#10120e;color:var(--khaki);font:700 10px var(--condensed);letter-spacing:1.6px;padding:8px 12px;text-transform:uppercase}
.map-line{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:clamp(24px,4vw,48px) 0 clamp(20px,3vw,34px)}
.section-label{display:block;margin-bottom:8px;color:var(--muted);font:700 9px var(--condensed);letter-spacing:2.4px}.map-line h1{max-width:900px;margin:0;color:var(--ink);font:900 clamp(34px,5.6vw,78px)/1 var(--display);letter-spacing:-2px;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:2px 3px 0 #080a07}.round{margin-bottom:5px;color:var(--ink);border-color:var(--olive);background:#393e2d;white-space:nowrap}
.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:clamp(12px,2.5vw,38px)}
.team{position:relative;min-width:0;min-height:170px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:center;padding:clamp(18px,2.5vw,34px);border:1px solid var(--line);background:linear-gradient(135deg,#282c24,#171a16);overflow:hidden}.team:after{content:"";position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border:1px solid currentColor;border-radius:50%;opacity:.08}.team-name{display:flex;align-items:center;gap:10px;font:800 clamp(16px,2vw,24px) var(--condensed);letter-spacing:2.4px}.team-name i{width:9px;height:9px;transform:rotate(45deg);background:currentColor}.team strong{grid-column:2;grid-row:1/4;min-width:1.1em;text-align:right;font:900 clamp(72px,10vw,142px)/.85 var(--display);letter-spacing:-5px;color:var(--ink);font-variant-numeric:tabular-nums}.team small{align-self:end;color:var(--muted);font:700 9px var(--condensed);letter-spacing:2px}.team.allies{color:var(--allies);border-left:4px solid var(--allies)}.team.axis{color:var(--axis);border-right:4px solid var(--axis)}
.versus{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font:700 10px var(--condensed);letter-spacing:1px}.versus i{width:1px;height:42px;background:var(--line)}.winner{text-align:center;color:var(--olive-bright);font:800 17px var(--condensed);letter-spacing:2px;margin:25px 0 0}
.lan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,24px)}.lan-summary>div{position:relative;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,2.5vw,30px);border:1px solid var(--line);border-top:3px solid var(--olive);background:linear-gradient(135deg,#282c24,#171a16);overflow:hidden}.lan-summary>div:after{content:"";position:absolute;right:-30px;bottom:-65px;width:150px;height:150px;border:1px solid var(--khaki);border-radius:50%;opacity:.07}.lan-summary span{color:var(--muted);font:700 10px var(--condensed);letter-spacing:1.8px}.lan-summary strong{color:var(--ink);font:900 clamp(56px,8vw,104px)/.8 var(--display);letter-spacing:-4px;font-variant-numeric:tabular-nums}.matches-played{color:var(--khaki);font:700 10px var(--condensed);letter-spacing:.5px}
.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:20px;margin-top:20px}.panel{min-width:0;background:linear-gradient(155deg,#1d211bfa,#151814fa);border:1px solid var(--line);box-shadow:0 12px 32px #0003}.panel>header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:#22261e}.panel>header>div{display:flex;align-items:center;gap:13px;min-width:0}.panel-index{color:var(--olive-bright)!important;font-size:9px!important}.panel h2{margin:0;font:800 clamp(15px,2vw,20px) var(--condensed);letter-spacing:1.8px;white-space:nowrap}.panel header>span{color:var(--muted);font:700 9px var(--condensed);letter-spacing:1.4px;white-space:nowrap}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}th{text-align:left;color:var(--muted);font:700 9px var(--condensed);letter-spacing:1.2px;text-transform:uppercase}th,td{height:52px;padding:0 18px;border-bottom:1px solid var(--line-soft)}th:first-child,td:first-child{width:43%}th:nth-child(2),td:nth-child(2){width:20%}th:nth-child(n+3),td:nth-child(n+3){text-align:right}td:first-child{font-weight:650}.player-name{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-name i{width:7px;height:7px;transform:rotate(45deg);background:var(--olive-bright);flex:none}.player-name.offline{color:var(--muted)}.player-name.offline i{background:#555b4e}.team-tag{font:800 9px var(--condensed);letter-spacing:1px}.team-tag.allies{color:var(--allies)}.team-tag.axis{color:var(--axis)}.empty{text-align:center!important;color:var(--muted)!important;padding:32px 14px!important;font-size:11px;letter-spacing:.6px}
.feed ol{list-style:none;margin:0;padding:4px 20px 14px}.feed li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:15px 0;border-bottom:1px solid var(--line-soft);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.event-time{color:var(--muted);font:600 10px var(--condensed)}.event-kill b:first-child{color:var(--olive-bright)}.event-round{color:var(--allies);font-weight:700}footer{min-height:58px;border-top:1px solid var(--line);color:var(--muted);font:700 9px var(--condensed);letter-spacing:1.6px;background:#0e100d}
@media (max-width:1100px){.content-grid{grid-template-columns:1fr}.map-line h1{font-size:clamp(34px,7vw,64px)}.team{min-height:150px}.team strong{font-size:clamp(66px,13vw,110px)}}
@media (max-width:680px){.topbar{min-height:64px}.brand-game{font-size:15px}.brand-game b{font-size:21px}.brand strong{display:none}.live{font-size:9px}main{padding-inline:12px}.hero{padding:18px 14px}.hero-topline{align-items:flex-start}.eyebrow{flex-wrap:wrap;gap:7px}.eyebrow i{width:12px}.map-line{align-items:flex-start;flex-direction:column;gap:16px;padding-block:24px 18px}.map-line h1{font-size:clamp(31px,11vw,52px);letter-spacing:-1px}.round{margin:0}.scoreboard{gap:7px}.team{display:flex;min-height:150px;flex-direction:column;justify-content:center;padding:14px 8px;text-align:center}.team strong{order:2;font-size:clamp(62px,22vw,96px);letter-spacing:-4px}.team-name{order:1;font-size:14px;letter-spacing:1.4px}.team-name i{width:6px;height:6px}.team small{order:3;align-self:center}.versus{gap:5px}.versus i{height:30px}.lan-summary{gap:7px}.lan-summary>div{min-height:115px;padding:13px 9px}.lan-summary span{font-size:8px;letter-spacing:.8px}.lan-summary strong{font-size:clamp(42px,15vw,64px)}.panel>header{padding-inline:14px}.panel h2{font-size:15px}.panel header>span{font-size:8px}th,td{padding-inline:10px}th:first-child,td:first-child{width:40%}th:nth-child(2),td:nth-child(2){width:20%}footer{padding-inline:14px;gap:15px;letter-spacing:1px}}
@media (max-width:430px){.hero-topline .mode{display:none}.scoreboard{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.versus i{display:none}.team{min-height:132px}.team strong{font-size:64px}.team-name{font-size:12px}.team small{font-size:8px}.panel-index{display:none}.panel>header>div{gap:0}.panel header>span{max-width:130px;overflow:hidden;text-overflow:ellipsis}table{font-size:11px}th,td{padding-inline:7px}.feed ol{padding-inline:14px}}
@media (prefers-reduced-motion:no-preference){.live i.on{animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px #b8c4760d}}}

/* TV / single-screen layout */
html,body{width:100%;height:100%;overflow:hidden}
body{display:grid;grid-template-rows:68px minmax(0,1fr) 38px}
.topbar{min-height:0;height:68px;padding-inline:clamp(18px,3vw,48px);gap:22px}
.view-controls{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;margin-left:auto}
.view-switch{display:flex;border:1px solid var(--line);background:#0d100c;padding:3px}
.view-switch button{min-height:32px;padding:0 16px;border:0;background:transparent;color:var(--muted);font:800 10px var(--condensed);letter-spacing:1.35px;cursor:pointer}
.view-switch button:hover{color:var(--ink)}
.view-switch button.active{background:var(--olive);color:#0c0e0a;box-shadow:inset 0 0 0 1px #cad28d55}
#match-select{width:min(310px,25vw);height:40px;border:1px solid var(--line);outline:0;background:#151914;color:var(--ink);padding:0 34px 0 12px;font:700 10px var(--condensed);letter-spacing:.6px;text-transform:uppercase}
main{width:min(1680px,100%);height:100%;min-height:0;margin:0 auto;padding:clamp(10px,1.3vw,20px) clamp(14px,2.4vw,38px);display:grid;grid-template-rows:42% minmax(0,1fr);gap:14px;overflow:hidden}
.hero{min-height:0;padding:clamp(15px,1.5vw,24px)}
.hero-topline{padding-bottom:10px}.map-line{padding:clamp(12px,1.5vw,22px) 0 clamp(10px,1.2vw,18px)}
.section-label{margin-bottom:4px}.map-line h1{font-size:clamp(30px,4.2vw,62px)}
.scoreboard{gap:clamp(10px,1.5vw,24px)}
.team{min-height:100px;padding:clamp(12px,1.5vw,22px)}.team strong{font-size:clamp(58px,7.2vw,104px)}
.lan-summary{gap:14px}.lan-summary>div{min-height:105px;padding:clamp(13px,1.5vw,22px)}.lan-summary strong{font-size:clamp(48px,6.2vw,82px)}
.winner{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);margin:0;font-size:13px}
.content-grid{min-height:0;height:100%;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:14px;margin:0}
.panel{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.panel>header{min-height:52px;height:52px;padding:10px 16px}.panel h2{font-size:16px}
.table-wrap{min-height:0;overflow:hidden;flex:1}table{height:auto}th,td{height:43px;padding-inline:15px}
.feed ol{min-height:0;overflow:hidden;flex:1;padding:2px 16px 8px}.feed li{padding:11px 0}
footer{height:38px;min-height:0;padding-inline:clamp(18px,3vw,48px)}
.download-agent{color:var(--olive-bright);font-weight:800;text-decoration:none;letter-spacing:1.3px}.download-agent:hover{color:var(--ink);text-decoration:underline}

@media (max-width:1100px){
  .content-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr)}
  .map-line h1{font-size:clamp(28px,5vw,50px)}
  #match-select{width:min(260px,26vw)}
}
@media (max-width:760px){
  body{grid-template-rows:104px minmax(0,1fr) 34px}.topbar{height:104px;display:grid;grid-template-columns:1fr auto;grid-template-rows:48px 44px;gap:4px 10px}.brand{grid-column:1}.live{grid-column:2;grid-row:1}.view-controls{grid-column:1/3;grid-row:2;width:100%;justify-content:stretch;margin:0}.view-switch{flex:1}.view-switch button{width:50%;padding:0 8px}#match-select{width:45%;min-width:0}
  main{grid-template-rows:44% minmax(0,1fr);padding:8px;gap:8px}.hero{padding:12px}.hero-topline{padding-bottom:6px}.map-line{flex-direction:row;align-items:end;padding:9px 0}.map-line h1{font-size:clamp(25px,7vw,40px)}.round{margin-bottom:0}.team{min-height:86px}.team strong{font-size:clamp(48px,12vw,74px)}.team small{display:none}.lan-summary>div{min-height:82px;padding:10px}.lan-summary strong{font-size:clamp(38px,10vw,58px)}
  .content-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr);gap:8px}.panel>header{height:44px;min-height:44px}.panel h2{font-size:13px}.panel header>span{display:none}th,td{height:38px;padding-inline:8px}.feed li{padding:8px 0;font-size:10px}
}
@media (max-width:560px){.download-agent{font-size:0}.download-agent:after{content:"AGENT 1.5";font-size:8px}}
@media (max-height:820px) and (min-width:761px){
  body{grid-template-rows:58px minmax(0,1fr) 30px}.topbar{height:58px}.brand-game{font-size:16px}.brand-game b{font-size:22px}main{padding-block:7px;gap:8px;grid-template-rows:42% minmax(0,1fr)}.hero{padding:11px}.hero-topline{padding-bottom:5px}.map-line{padding:8px 0}.map-line h1{font-size:clamp(25px,3.8vw,46px)}.team{min-height:80px}.team strong{font-size:clamp(50px,6vw,76px)}.lan-summary>div{min-height:76px}.lan-summary strong{font-size:clamp(40px,5vw,60px)}.panel>header{height:43px;min-height:43px}th,td{height:37px}.feed li{padding:7px 0}footer{height:30px}
}