:root{--bg:#12100e;--panel:#1d1916;--text:#fffaf3;--muted:#a99e95;--amber:#e3a166;--green:#63c889}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#2b211a 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;display:grid;grid-template-rows:auto 1fr auto}.display-header{display:flex;justify-content:space-between;align-items:end;padding:30px 42px;border-bottom:1px solid #302821}.display-header span{font-size:10px;letter-spacing:.2em;color:var(--amber);font-weight:900}.display-header h1{font-family:Georgia,serif;font-size:48px;margin:4px 0 0}.display-header p{color:var(--muted);margin:6px 0}.display-clock{text-align:right}.display-clock span{display:block;font-size:42px;letter-spacing:-.04em;color:#fff}.display-clock small{color:var(--muted)}.display-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 42px}.display-grid section{background:rgba(255,255,255,.04);border:1px solid #312a24;border-radius:26px;padding:24px}.zone-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.zone-head span{width:12px;height:12px;border-radius:50%;background:var(--amber)}.ready-zone .zone-head span{background:var(--green);box-shadow:0 0 0 8px #63c88914}.zone-head h2{margin:0;font-size:24px}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.number-grid b{display:grid;place-items:center;min-height:100px;border-radius:18px;background:#26211d;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em}.ready-zone .number-grid b{background:#1d3c2b;color:#8fe3aa}.number-grid i{color:var(--muted)}.display-footer{display:flex;justify-content:space-between;padding:18px 42px;border-top:1px solid #302821;color:var(--muted);font-size:12px}.display-footer b{color:#fff}@media(max-width:800px){.display-header{padding:22px}.display-header h1{font-size:35px}.display-clock span{font-size:28px}.display-grid{padding:18px 22px;grid-template-columns:1fr}.number-grid{grid-template-columns:repeat(4,1fr)}.number-grid b{min-height:78px}.display-footer{padding:16px 22px}}@media(max-width:520px){.display-header{align-items:start}.display-header h1{font-size:26px}.display-header p{font-size:10px}.display-clock small{display:none}.display-grid{padding:10px}.display-grid section{padding:16px}.number-grid{grid-template-columns:repeat(3,1fr);gap:8px}.number-grid b{min-height:65px}.display-footer{padding:12px;display:grid;gap:3px}}