:root{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#3b82f6;--accent:#f59e0b}html,body{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#lobby{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:15px 30px;font-size:1.2rem;transition:transform .1s}button:active{transform:scale(.95)}input{text-align:center;border:none;border-radius:8px;padding:15px;font-size:1.2rem}#master-board{transform-origin:50%;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);flex-direction:column;justify-content:center;align-items:center;width:1920px;height:1080px;display:none;position:absolute;top:50%;left:50%;box-shadow:0 0 50px #000c}#master-board h1{text-shadow:0 10px 20px #00000080;margin:0;font-size:8rem}#room-code-display{color:var(--accent);letter-spacing:10px;font-size:12rem;font-weight:700}#player-controls{box-sizing:border-box;flex-direction:column;justify-content:center;gap:20px;height:100vh;padding:20px;display:none}.buzzer{background-color:#ef4444;border-radius:20px;height:200px;font-size:3rem}