html, body { height: 100%; overflow: hidden; }
body { min-height: 0; }
.tv-shell { height: 100vh; min-height: 0; display: flex; flex-direction: column; }
.tv-shell .topbar { flex: 0 0 70px; height: 70px; }
.tv-hero { flex: 0 0 auto; padding: 22px 0 18px; }
.tv-hero h1 { font-size: clamp(36px, 5vh, 62px); }
.tv-shell .board { min-height: 0; flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; }
.tv-shell .board-tools { flex: 0 0 62px; height: 62px; }
.tv-shell .flight-table { min-height: 0; overflow: hidden; }
.flight-item[hidden] { display: none; }
.rotation-label { color: #718298; font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.tv-shell footer { flex: 0 0 40px; height: 40px; align-items: center; padding: 0 4px; }
.tv-shell footer strong { color: #9babbc; font: 500 11px "DM Mono", monospace; letter-spacing: .08em; }
@media (max-height: 800px) {
    .tv-shell .topbar { flex-basis: 56px; height: 56px; }
    .tv-hero { padding: 11px 0 10px; }
    .tv-hero .updated { margin-top: 6px; }
    .tv-shell .board-tools { flex-basis: 54px; height: 54px; }
    .tv-shell .flight-row { padding-top: 11px; padding-bottom: 11px; }
}