:root{--bg:#0b0d14;--fg:#e9e4d4;--gold:#f0c35b;--dim:#8b8676;--card:#151925}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{background:radial-gradient(ellipse at top,#1d2440 0%,var(--bg) 60%) fixed;background-color:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px;text-align:center}
main{max-width:720px;width:100%}
.kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin:0;font-size:.9rem}
h1{font-size:clamp(3rem,12vw,6rem);margin:.1em 0 .4em;color:var(--gold);text-shadow:0 0 30px rgba(240,195,91,.35);font-weight:700}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cd div{background:var(--card);border:1px solid #2b3148;border-radius:10px;padding:18px 4px}
.cd span{display:block;font-size:clamp(2rem,9vw,3.6rem);font-variant-numeric:tabular-nums;font-family:ui-monospace,Menlo,Consolas,monospace;color:var(--fg)}
.cd small{color:var(--dim);text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}
.done{font-size:1.6rem;color:var(--gold)}
.when{margin-top:2em}
.note{color:var(--dim);font-size:.85rem}