@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{color-scheme:dark;--gold:#f3cd82;--ink:#151214;--panel:#211b1c;--line:#634b39;--muted:#e2d2c5;font-family:"DM Sans",system-ui,sans-serif}
*{box-sizing:border-box} [hidden]{display:none!important}
body{margin:0;color:#fff5e8;background:radial-gradient(ellipse at top,#3a2625 0,transparent 45rem),var(--ink);min-height:100vh}
main{width:min(100% - 2rem,62rem);margin:auto;padding:2.5rem 0 3rem}
header{text-align:center;padding:1rem 0 2rem} header p{margin:.5rem 0;color:var(--muted)}
.date{font-size:.82rem;font-weight:700;letter-spacing:.25em}
h1,h2{font-family:"Playfair Display",Georgia,serif;margin:0} h1{font-size:clamp(2.25rem,7.5vw,5.6rem);line-height:1.1} h1 em,h3{color:var(--gold)}
h2{font-size:1.65rem} h3{font-size:1rem;margin:1rem 0 .2rem} p{line-height:1.5} section p{margin:.35rem 0 .65rem;color:var(--muted)}
section,form{padding:1.25rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}
#countdown{text-align:center;background:linear-gradient(145deg,#382720,#261d21);margin-bottom:1rem}
#clock{font-variant-numeric:tabular-nums;font-weight:700;color:var(--gold);font-size:clamp(1.7rem,7vw,4.7rem);line-height:1.15}
nav,.toolbar{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1rem}
nav a{flex:1 1 8rem;text-align:center} button,a{font:inherit}
button,nav a,.toolbar a{background:var(--gold);color:#251710;border:0;border-radius:.55rem;padding:.7rem .9rem;display:inline-block;text-decoration:none;font-weight:700;cursor:pointer}
button:hover,nav a:hover,.toolbar a:hover{background:#ffe5ad} button:disabled{opacity:.55;cursor:default}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
li{padding:.4rem 0} label{display:block;margin:.65rem 0} input,select{width:100%;padding:.6rem;margin-top:.25rem;border-radius:.4rem;border:1px solid var(--line);background:#161214;color:inherit;font:inherit}
#edit-scores button,#ballot button{margin:.35rem .35rem .35rem 0}
#message{color:var(--gold)} .screen main{width:min(100% - 3rem,90rem);text-align:center} .screen #clock{font-size:clamp(2.4rem,11vw,10rem)} .screen #screen-content{font-size:clamp(1.5rem,4vw,4rem)} .screen ol{display:inline-block;text-align:left} .screen #fullscreen{margin-top:1rem}
.confetti{pointer-events:none;position:fixed;top:-1rem;width:.5rem;height:.9rem;background:var(--gold);animation:fall 4s linear 1 both}
@keyframes fall{to{transform:translateY(105vh) rotate(680deg)}}
@media(prefers-reduced-motion:reduce){.confetti{display:none}}
@media(max-width:620px){.grid{grid-template-columns:1fr}main{padding-top:1.2rem}}