*{box-sizing:border-box} :root{color-scheme:light;--bg:#f6f6f7;--surface:#fff;--edge:#dedee1;--ink:#202124;--muted:#56585d;--accent:#d71921;--violet:#a4141b;--error:#a4141b;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 75% 0%,#f9dcde,transparent 58%),var(--bg);color:var(--ink)}header,footer{display:flex;justify-content:space-between;align-items:center;padding:20px max(6vw,20px);border-bottom:1px solid var(--edge)}footer{margin-top:auto;border-top:1px solid var(--edge);border-bottom:0;color:var(--muted);font-size:.85rem}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand img{display:block;width:clamp(92px,17vw,144px);height:auto}.wordmark{border-left:1px solid #d3d3d5;padding-left:12px;font-size:1.24rem;font-weight:850;letter-spacing:-.05em}.wordmark span{color:var(--accent)}.nav{color:var(--ink);text-decoration:none;font-size:.88rem;border:1px solid var(--edge);padding:9px 12px;border-radius:9px}main{width:min(1070px,calc(100% - 36px));margin:45px auto 70px}.hero{max-width:640px;margin:32px auto;text-align:center}.hero .panel{text-align:left;margin:24px auto;max-width:460px}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:850;letter-spacing:.17em}.tag{display:inline-block;color:var(--violet);background:#fbe6e7;padding:6px 10px;border-radius:999px;font-weight:750;font-size:.8rem}.hero h1{font-size:clamp(3rem,8vw,5.4rem);line-height:.96;letter-spacing:-.075em;margin:16px 0 20px}h1{font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.03;letter-spacing:-.05em;margin:10px 0 18px}h2{margin:0 0 14px;font-size:1.3rem}p{color:var(--muted);line-height:1.55;margin:0 0 14px}.panel{padding:clamp(16px,3vw,28px);border:1px solid var(--edge);border-radius:19px;background:var(--surface);margin:16px 0}.layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.layout .panel{margin:0}.row,.toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.toolbar{justify-content:space-between;margin-bottom:16px}.stack{display:grid;gap:10px}.grow{flex:1}button,.button{font:inherit;font-weight:780;border:1px solid transparent;border-radius:10px;padding:10px 15px;background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.button.secondary{background:#f6f6f7;color:var(--ink);border-color:var(--edge)}button.danger{color:var(--error)}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled),.button:hover{filter:brightness(.96)}:focus-visible{outline:2px solid var(--violet);outline-offset:3px}input,select,textarea{width:100%;min-width:0;font:inherit;border:1px solid var(--edge);border-radius:9px;padding:10px 12px;background:#fff;color:var(--ink)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}label{display:block;font-weight:650;font-size:.9rem}label input,label select,label textarea{margin-top:5px}textarea{resize:vertical}form .button,form>button{margin-top:8px}.quizrow,.answer,.podium>div{border:1px solid var(--edge);border-radius:12px;padding:12px;background:#fafafa}.pin{font-weight:900;font-size:clamp(3rem,10vw,5.5rem);letter-spacing:.15em;color:var(--accent);line-height:1.15}.qr{background:white;padding:9px;border-radius:11px;width:160px;height:160px;flex:none}.names{display:flex;flex-wrap:wrap;gap:8px}.clock{font-weight:900;font-variant-numeric:tabular-nums;font-size:1.7rem;color:var(--accent)}progress{display:block;width:100%;height:10px;accent-color:var(--accent);margin:9px 0 20px}.choice{width:100%;text-align:left;background:#f7f7f8;color:var(--ink);border-color:var(--edge);min-height:56px}.choice[aria-pressed=true]{background:#fbe6e7;border-color:var(--accent);color:var(--accent)}.correct{border-color:#8db8a0;color:#14613a;background:#edf7f0}.muted{color:var(--muted)}.podium{display:grid;gap:10px}.podium>div:first-child{background:#fff0f0;border-color:#e7a9ab}.podium b{color:var(--accent)}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:9px 6px;border-bottom:1px solid var(--edge);overflow-wrap:anywhere}td:last-child,th:last-child{text-align:right}#notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#fff;border:1px solid #dedee1;padding:12px 18px;border-radius:10px;z-index:2}fieldset{min-width:0;border:1px solid var(--edge);border-radius:12px;padding:14px}legend{font-weight:800;color:var(--violet)}.optionrow{display:grid;grid-template-columns:28px 1fr;align-items:center}.small{font-size:.82rem}.break{overflow-wrap:anywhere}@media(max-width:690px){main{margin-top:24px}.layout{grid-template-columns:1fr}.hero{margin-top:16px}.quizrow .grow{flex-basis:100%}}
 header{background:#fff;border-top:3px solid #d71921} .panel{box-shadow:0 8px 26px #20212408} #notice{box-shadow:0 8px 26px #20212424} @media(max-width:400px){header{gap:8px;padding-inline:14px}.brand{gap:6px}.wordmark{padding-left:6px}.nav{font-size:.75rem;padding:7px;white-space:nowrap}}

#header-actions{justify-content:flex-end}
#sound{white-space:nowrap}
#sound[aria-pressed="true"]{background:#fbe6e7;color:#9e1119;border-color:#e7a9ab}
.choice,.nav,button{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.choice:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #20212416}
.choice:active:not(:disabled){transform:translateY(1px)}
.time-low #clock{padding:4px 11px;border-radius:8px;background:#fbe6e7;color:#a4141b}
.time-critical #clock{color:#fff;background:#a4141b;animation:clock-pulse .8s ease-out infinite}
.celebration{position:relative;isolation:isolate}
.podium>div{animation:podium-reveal .5s backwards cubic-bezier(.2,.8,.2,1)}
.podium>div:nth-child(2){animation-delay:.15s}
.podium>div:nth-child(3){animation-delay:.28s}
.confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.confetti i{position:absolute;top:0;left:var(--x);width:7px;height:12px;border-radius:2px;background:#d71921;opacity:0;animation:confetti-drop 1.35s var(--delay) ease-out}
.confetti i:nth-child(3n){background:#6d6e71;border-radius:50%}
.confetti i:nth-child(3n + 1){background:#ecb748}
@keyframes clock-pulse{from{box-shadow:0 0 0 0 #d7192150}to{box-shadow:0 0 0 10px #d7192100}}
@keyframes podium-reveal{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes confetti-drop{8%{opacity:1}to{opacity:0;transform:translate(var(--drift),190px) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .choice,.nav,button{transition:none}
  .choice:hover:not(:disabled),.choice:active:not(:disabled){transform:none}
  .time-critical #clock,.podium>div,.confetti i{animation:none}
  .confetti{display:none}
}