:root{--blue:#071f78;--blue2:#123aa5;--gold:#f6c94c;--cream:#fff8e7;--ink:#0e1730;--red:#c43d3d;--green:#18845c}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,sans-serif;background:#050b24;color:var(--cream);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#030717;border-bottom:1px solid #263d86;gap:1rem}header nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}a{color:#dce7ff}.brand{font-weight:900;letter-spacing:.09em;color:var(--gold);text-decoration:none}main{max-width:1280px;margin:auto;padding:2rem}.hero,.control-bar,.game-row,.inline{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hero{padding:2rem 0}.hero h1,.panel h1{font-size:clamp(2rem,5vw,4rem);margin:.2rem 0}.kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-weight:800}.panel{background:var(--cream);color:var(--ink);padding:1.5rem;border-radius:18px;margin:1rem 0}.panel a{color:var(--blue)}.narrow{max-width:520px;margin:8vh auto}.compact{padding:1rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stack{display:grid;gap:1rem}label{display:grid;gap:.4rem;font-weight:700}input,select,textarea,button,.button{font:inherit;padding:.8rem 1rem;border-radius:10px;border:1px solid #9ba9c9}textarea{min-height:90px}button,.button{background:var(--gold);color:#171100;border:0;font-weight:900;cursor:pointer;text-decoration:none}button:disabled{opacity:.35;cursor:not-allowed}.link{padding:.35rem;background:transparent;color:#dce7ff}.good{background:#50d49f}.bad{background:#ff7474}.error{background:#ffd8d8;color:#6c1111;padding:.8rem;border-radius:8px}.muted{opacity:.7}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cards article,.game-row{border:1px solid #d6cfbb;border-radius:12px;padding:1rem}.value-pills{display:flex;gap:.35rem;flex-wrap:wrap}.value-pills span{background:#e9e1ca;padding:.25rem .4rem;border-radius:6px;font-size:.8rem}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.checks label{display:flex}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.control-bar{position:sticky;top:0;z-index:10;background:#090f29;padding:.8rem;border:1px solid #263d86;border-radius:12px}.scoreboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin:1rem 0}.team-score{background:#102b83;border:2px solid #3159cf;padding:1rem;text-align:center;border-radius:12px}.team-score.active{border-color:var(--gold);box-shadow:0 0 25px #f6c94c66}.team-score h2{margin:.2rem}.score{font-size:2rem;color:var(--gold);font-weight:900}.stage{text-align:center}.status{font-size:1.25rem;min-height:2rem;color:var(--gold)}.timer{font-size:3rem;font-variant-numeric:tabular-nums;font-weight:900}.board{display:grid;gap:.45rem;margin-top:1rem}.board-cell,.category-cell{aspect-ratio:16/9;background:linear-gradient(145deg,var(--blue2),var(--blue));border:2px solid #4569dc;border-radius:7px;color:var(--gold);font-size:clamp(1rem,3vw,2.2rem);display:grid;place-items:center;font-weight:900;text-shadow:2px 2px #000}.category-cell{color:white;font-size:clamp(.7rem,2vw,1.3rem);padding:.5rem}.board-cell.used{opacity:.15;pointer-events:none}.clue{min-height:60vh;background:linear-gradient(145deg,#123aa5,#061b6b);border:3px solid #4569dc;border-radius:14px;padding:clamp(2rem,7vw,6rem);display:flex;flex-direction:column;justify-content:center}.clue h1{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(2rem,5vw,4.5rem);line-height:1.25;text-shadow:3px 3px #000}.clue-value{font-size:2rem;color:var(--gold)}.answer{margin-top:2rem;padding:1.2rem;background:#fff;color:#111;border-radius:12px;font-size:1.5rem}.buzzer{width:min(76vw,440px);aspect-ratio:1;border-radius:50%;font-size:3rem;background:#c92323;color:white;border:14px solid #700;box-shadow:0 12px 0 #4e0000;margin:2rem}.buzzer.armed{background:#24a366;border-color:#0d5e39;box-shadow:0 12px 0 #063c25}.buzzer:active:not(:disabled){transform:translateY(8px);box-shadow:0 4px 0 #063c25}@media(max-width:760px){main{padding:1rem}.two-col{grid-template-columns:1fr}header{padding:1rem}.control-bar{position:static}.clue{padding:1.5rem}.buzzer{font-size:2rem}}
