*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#121a20}
body{color:#f4efdf;font:14px/1.5 Tahoma,sans-serif}
.status-card{min-height:100vh;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;background:radial-gradient(ellipse at top,#b49a3620,transparent 55%),linear-gradient(145deg,#172027,#0e151a);border:1px solid #bfa15d;border-radius:24px}
header{text-align:center}
.brand{font-size:11px;letter-spacing:3px;color:#d1b16b}
h1{font-size:24px;line-height:1.3;margin:6px 0 0;color:#fff3ce}
.service{align-self:center;display:flex;align-items:center;gap:8px;border:1px solid;padding:5px 12px;border-radius:24px;font-size:14px}
.service i{width:8px;height:8px;border-radius:50%;background:currentColor}
.is-open{color:#a0e6a9;border-color:#53945b88;background:#20452644}
.is-offline{color:#e6bb8e;border-color:#ad804655;background:#63402033}
.online{text-align:center;display:grid;gap:0}
.online strong{font-size:60px;line-height:1.1;color:#91f8a6;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:0 0 9px #53ed7955;animation:online-green-glow 1.8s ease-in-out infinite}
@keyframes online-green-glow{0%,100%{text-shadow:0 0 6px #53ed7944}50%{text-shadow:0 0 12px #53ed79aa,0 0 24px #36e96b66}}
@media(prefers-reduced-motion:reduce){.online strong{animation:none}}
.online span{font-size:16px}
.totals{display:grid;grid-template-columns:1fr 1fr;padding:8px 0;border-top:1px solid #d0b05f33;border-bottom:1px solid #d0b05f33}
.totals>div{text-align:center;display:grid;gap:4px;min-width:0}
.totals>div+div{border-left:1px solid #d0b05f33}
.totals span{font-size:13px;color:#d4d0c6}
.totals strong{font-size:24px;color:#f3d07a;font-variant-numeric:tabular-nums}
.schools h2{font-size:15px;margin:0 0 6px;font-weight:600}
.school{display:grid;grid-template-columns:26px 26px minmax(25px,1fr) 56px;gap:7px;align-items:center;min-height:36px;border-bottom:1px solid #d0b05f22}
.school img{width:26px;height:26px;object-fit:contain}
.school-name{font-size:14px}
.school strong{text-align:right;color:#ecca74;font-size:14px;font-variant-numeric:tabular-nums}
.school-meter{height:10px;border:1px solid #b3934488;border-radius:12px;background:#080e12;overflow:hidden}
.school-meter>span{display:block;height:100%;background:linear-gradient(90deg,#af8130,#f6dc8c);border-radius:12px}
.school-meter.is-unknown{border-style:dashed}
.banned{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d0b05f33;padding-top:10px;color:#c5c4bc}
.banned strong{color:#ece3ca;font-variant-numeric:tabular-nums}
.unavailable{margin:0;font-size:12px;color:#d9bb8d;text-align:center}
@media(max-width:260px){.status-card{padding:14px 10px}.school{gap:4px;grid-template-columns:22px 24px minmax(18px,1fr) 52px}h1{font-size:21px}.totals strong{font-size:21px}}