*{box-sizing:border-box}:root{--gold-1:#fcae1a;--gold-2:#fdf947;--gold-gradient:linear-gradient(135deg, #fcae1a 0%, #fdf947 50%, #fcae1a 100%);--panel-bg:#0e0e10b8;--panel-border:#fcae1a73}html,body{min-height:100%}body{color:#f5f1e6;background:#0a0a0c url(/sdr_background.jpg) 50%/cover no-repeat fixed;margin:0;font-family:Segoe UI,system-ui,sans-serif;position:relative}body:before{content:"";z-index:-1;background:linear-gradient(#050507c7 0%,#0505078c 40%,#050507d9 100%);position:fixed;inset:0}.page{max-width:960px;margin:0 auto;padding:24px}h1,h2{text-transform:uppercase;letter-spacing:1px;background:var(--gold-gradient);color:#0000;text-shadow:0 2px 14px #fcae1a40;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-weight:800}h1{text-align:center;font-size:2.2rem}h2{font-size:1.3rem}p{color:#e8e3d6}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;margin:16px 0;padding:18px 20px;box-shadow:0 4px 24px #0006}label{color:#cfc9ba;flex-direction:column;gap:4px;margin-bottom:12px;font-size:.9rem;display:flex}input,select,button{color:#fff;background:#ffffff0f;border:1px solid #fcae1a59;border-radius:8px;padding:10px 14px;font-size:1rem}input:focus,select:focus{border-color:var(--gold-1);outline:none;box-shadow:0 0 0 3px #fcae1a40}button{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:var(--gold-gradient);color:#1a1304;border:none;margin-top:8px;font-weight:700;transition:filter .15s,transform .1s}button:hover:not(:disabled){filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{color:#999;cursor:not-allowed;background:#4a4a4a}.room-code{letter-spacing:6px;background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.video-grid{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.video-tile{background:var(--gold-gradient);border-radius:12px;width:240px;padding:3px;position:relative}.video-tile video{background:#000;border-radius:10px;width:100%;display:block}.video-tile-label{background:#000000b8;border:1px solid #fcae1a80;border-radius:6px;padding:2px 8px;font-size:.8rem;position:absolute;bottom:10px;left:10px}.video-grid-empty{opacity:.7;color:#cfc9ba;font-style:italic}.scoreboard{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:14px;justify-content:center;gap:32px;margin:20px 0;padding:16px;display:flex}.scoreboard-entry{flex-direction:column;align-items:center;gap:4px;display:flex}.scoreboard-entry span{text-transform:uppercase;letter-spacing:1px;color:#cfc9ba;font-size:.85rem}.scoreboard-entry strong{background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.4rem}.question-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:14px;margin-bottom:16px;padding:24px;box-shadow:0 4px 24px #0006}.question-card small{color:var(--gold-1);text-transform:uppercase;letter-spacing:1px}.buzz-phase,.locked-info{text-align:center}.buzzer-button{color:#fff;border:4px solid var(--gold-1);background:radial-gradient(circle at 35% 30%,#ff5c5c,#b70f0f 70%);border-radius:999px;padding:28px 56px;font-size:2rem;box-shadow:0 0 24px #fcae1a80,0 6px 18px #00000080}.buzzer-button:disabled{box-shadow:none;background:#4a4a4a;border-color:#555}.countdown{background:var(--gold-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.result{text-align:center;margin-top:16px;font-size:1.1rem}.error{color:#ff6b6b}.hint{opacity:.8;color:#cfc9ba;font-size:.9rem}