:root{font-family:Tahoma,'Leelawadee UI',sans-serif;color:#eff8ff;background:#091827}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 65% -25%,#213f5d 0,#091827 65%)}
.tv{padding:clamp(14px,2vw,42px);display:flex;flex-direction:column;gap:18px;min-height:100vh}
header,.hero,.panel-head,.hist-head,footer,.topright{display:flex;justify-content:space-between;align-items:center;gap:16px}
.logo{font-weight:900;letter-spacing:2px;font-size:clamp(28px,3vw,60px)}.logo b{color:#ffdc8b}.logo small{display:block;font-size:.32em;color:#adbed5;letter-spacing:.17em}
.topright{font-size:clamp(11px,1vw,17px);color:#b5cce0;flex-wrap:wrap}.back{color:#fff;text-decoration:none;border:1px solid #54748a;padding:8px 16px;border-radius:8px}
#signal{border-radius:20px;background:#665026;padding:9px 16px;color:#ffdd9d;font-weight:800}
#signal.online{background:#16554c;color:#92ffdf}#signal.offline{background:#5a2a35;color:#ffc3ce}
.hero{padding:clamp(12px,1.2vw,24px) 0}.eyebrow{font-size:clamp(11px,1vw,16px);letter-spacing:.15em;color:#90b0c7;font-weight:800}
h1{font-size:clamp(36px,4vw,84px);margin:4px 0;line-height:1.1}#round-status{font-size:clamp(17px,1.5vw,28px);font-weight:800;color:#efcb81}
.last{text-align:right;display:grid;gap:10px}.last small{font-size:clamp(12px,1vw,18px);color:#acc2d1}.last strong{font-size:clamp(15px,1.7vw,31px);color:#ffe39f}
.alert{color:#ffc6be;margin:0;font-size:clamp(13px,1vw,18px)}.alert:empty{display:none}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1;min-height:230px}
.panel{background:#102e49;border:2px solid #2d75a9;border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.panel.odd{background:#301b32;border-color:#ae4c75}
.panel-head{padding:17px 22px;background:#1e5480}.odd .panel-head{background:#743451}
.panel-head h2{font-size:clamp(26px,3vw,56px);margin:0}.panel-head small{font-size:.32em;display:block;letter-spacing:.15em;color:#c3d4df}
.panel-head strong{font-size:clamp(13px,1.3vw,25px)}.panel>p{padding:0 22px;color:#aec0d0}
.people{padding:8px 22px 25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:start}
.person{border-radius:9px;background:#ffffff14;padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(12px,1vw,20px)}.person em{font-size:.76em;color:#b5d4e5;font-style:normal}
.person.pending{outline:1px dashed #ffdc8b}.empty{font-size:clamp(13px,1vw,18px);color:#a1bed0}
.history{background:#14283d;border:1px solid #35506b;border-radius:16px;padding:clamp(12px,2vw,24px)}
.hist-head h2{margin:4px 0 14px;font-size:clamp(19px,2vw,35px)}.stats{display:flex;gap:15px;font-size:clamp(12px,1vw,20px);font-weight:800;color:#cbd9e6;flex-wrap:wrap}
.road{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:9px}.chip{text-align:center;border-radius:10px;padding:8px 3px;background:#185780;border:1px solid #3190c9}.chip.odd{background:#783755;border-color:#c67191}.chip:first-child{box-shadow:0 0 0 2px #ffdf8f}
.chip b{font-size:clamp(16px,1.7vw,31px);display:block}.chip small{font-size:clamp(9px,.78vw,15px);color:#e6ecf1}footer{color:#9db5c7;font-size:clamp(11px,.82vw,16px);flex-wrap:wrap}
@media(max-width:850px){.duo{grid-template-columns:1fr}.road{grid-template-columns:repeat(10,minmax(0,1fr))}.hero,.hist-head{align-items:flex-start;flex-wrap:wrap}.last{text-align:left}}
@media(max-width:490px){.road{grid-template-columns:repeat(6,minmax(0,1fr))}.people{grid-template-columns:1fr}header{flex-wrap:wrap}}