*{box-sizing:border-box;margin:0;padding:0}
body{background:#000;color:#fff;font-family:Verdana,sans-serif;height:100vh;overflow:hidden;cursor:none;display:flex;flex-direction:column}
header{height:12vh;background:#1a1a1a;border-bottom:4px solid #c00;display:flex;align-items:center;justify-content:space-between;padding:0 2vw}
.l{display:flex;align-items:center;gap:20px;flex:1}
#logo{height:9vh}
#logo:not([src]){display:none}
#wx{font-size:2.5vw;font-weight:700;border-left:4px solid #444;padding-left:15px;line-height:1.1}
#shift{width:10vw;min-width:120px;height:10.5vh;border:4px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:5vw;font-weight:900;background:#444}
#shift.s-A{background:#d32f2f}
#shift.s-B{background:#1976d2}
#shift.s-C{background:#388e3c}
#clock{flex:1;text-align:right;font-size:6vw;font-weight:700}
#panes{flex:1;position:relative;min-height:0}
.pane{position:absolute;inset:0;visibility:hidden}
.pane.on{visibility:visible}
iframe{width:100%;height:100%;border:0;background:#000}
#map{position:absolute;inset:0;background:#000}
#rlabel{position:absolute;left:1.5vw;bottom:3vh;z-index:2;font-size:2vw;font-weight:900;background:rgba(0,0,0,.7);padding:.6vh 1.2vw;border-radius:8px}
#wxbar{flex:0 0 auto;background:#000;border-top:3px solid #333;overflow:hidden;white-space:nowrap;padding:.8vh 0}
#wxtrack{display:inline-block;padding-left:100vw;animation:wxscroll 30s linear infinite}
.chip{display:inline-block;font-size:2.6vw;font-weight:900;text-transform:uppercase;padding:.4vh 1.5vw;margin-right:6vw;border-radius:8px}
@keyframes wxscroll{to{transform:translateX(-100%)}}
main{height:100%;padding:2vh 2vw;background:#0a0a0a;overflow:hidden}
.th{display:flex;justify-content:space-between;align-items:center;font-size:2.5vw;font-weight:700;border-bottom:2px solid #333;padding-bottom:1vh}
.th span+span{color:#666;font-size:1.5vw}
table{width:100%;border-collapse:collapse;table-layout:fixed}
td{padding:1.2vh 12px;border-bottom:1px solid #222;font-size:1.8vw;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
td:nth-child(1){width:10%}
td:nth-child(2){width:28%}
td:nth-child(3){width:24%}
.empty{text-align:center;font-size:4vw;color:#444;padding-top:15vh}
.p1 td{color:#f00}
.p2 td{color:#ff8c00}
.p3 td{color:#ff0}
.p4 td{color:#00c853}
.p5 td,.p6 td,.p7 td{color:#1e90ff}
#alert{position:fixed;inset:0;background:#000;z-index:50;display:flex;flex-direction:column}
#alert[hidden],#banner[hidden],#sim[hidden],#msg[hidden],#wxbar[hidden],#nomap[hidden],#sv[hidden]{display:none}
#nature{flex:0 0 18vh;display:flex;align-items:center;justify-content:center;font-size:8vw;font-weight:900;text-transform:uppercase;text-align:center;border-bottom:6px solid #fff;padding:0 2vw;overflow:hidden;white-space:nowrap}
#addr{flex:0 0 11vh;display:flex;align-items:center;justify-content:center;font-size:5.5vw;font-weight:700;background:#111;text-align:center;padding:0 2vw;overflow:hidden;white-space:nowrap}
#amapw{flex:1;min-height:0;position:relative;background:#000;display:flex;gap:10px;padding:10px}
#amap{flex:1.2;position:relative;border:2px solid #444;min-width:0}
#sv{flex:1;min-width:0;object-fit:cover;border:2px solid #444;background:#222}
#nomap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3vw;font-weight:900;color:#555}
#units{flex:0 0 9vh;display:flex;align-items:center;justify-content:center;font-size:3.8vw;font-weight:900;text-align:center;padding:0 2vw;overflow:hidden;white-space:nowrap}
#times{flex:0 0 10vh;display:flex;justify-content:space-around;align-items:center;font-size:3.5vw;font-weight:700;background:#111;border-top:4px solid #222}
.crit{animation:blink 1s infinite;border-radius:10px;padding:0 15px}
@keyframes blink{50%{background:#f00}}
@keyframes pr{0%,100%{background:#600}50%{background:#f00}}
@keyframes po{0%,100%{background:#ff5f00}50%{background:#ff9100}}
.b1{animation:pr 1s infinite}
.b2{animation:po 1.2s infinite;color:#000}
.b3{background:#ff0;color:#000}
.b4{background:#00c853}
.b5,.b6,.b7{background:#1e90ff}
#banner{position:fixed;top:0;left:0;right:0;z-index:90;background:#c00;text-align:center;font-size:2vw;font-weight:900;padding:1vh}
#banner.warn{background:#ff8c00;color:#000}
#msg{position:fixed;inset:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center;text-align:center;font-size:3vw;font-weight:700;padding:5vw}
#sim{position:fixed;bottom:0;left:0;right:0;z-index:95;display:flex;gap:8px;padding:8px;background:#222;cursor:default}
#sim button{flex:1;padding:12px;font-size:16px;font-weight:700}