:root {
  --bg:#0b0f14; --panel:#0f1620; --fg:#e6edf3;
  --muted:#9aa4af; --teal:#2dd4bf; --warn:#f59e0b; --accent:#22c55e;
}
*{box-sizing:border-box}html,body{height:100%;margin:0}
body{background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.wrap{display:grid;grid-template-rows:72px 1fr 52px;height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #18202a}
.brand{font-weight:800;letter-spacing:.08em;font-size:26px}
.clock{color:var(--muted);font-size:18px}

.stage{display:grid;place-items:center;padding:18px}
.card{width:92vw;height:80vh;background:var(--panel);border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,.4);padding:28px;overflow:hidden}
.card h1{margin:0 0 12px;font-size:44px}
.card h2{margin:8px 0 14px;color:var(--teal);font-size:26px}
.card table{width:100%;border-collapse:collapse}
.card th,.card td{padding:10px 12px;border-bottom:1px solid #1b2430;font-size:20px}
.card th{text-align:left;color:var(--muted);font-weight:600}
.badge{display:inline-block;background:#13202c;color:var(--teal);border-radius:999px;padding:4px 10px;font-weight:700}
.small{color:var(--muted);font-size:16px}

.ticker{overflow:hidden;display:flex;align-items:center;border-top:1px solid #18202a}
.ticker div{white-space:nowrap;padding:0 24px;font-size:20px}

@media (min-width: 1600px){
  .card h1{font-size:54px}
  .card th,.card td{font-size:22px}
  .ticker div{font-size:22px}
}