*{box-sizing:border-box}body{margin:0;background:#101322;color:#f7f2df;font:17px/1.6 system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:40px 24px}header{padding:20px 0 44px;border-bottom:1px solid #44465d;margin-bottom:30px}.eyebrow,.tag{font:700 12px/1.5 monospace;letter-spacing:2px;color:#7ee5d4}h1{font-size:clamp(46px,8vw,86px);font-weight:900;letter-spacing:-4px;line-height:1;margin:20px 0}h1 span{color:#fc8cb3;margin-left:12px}h2{font-size:30px;line-height:1.2;font-weight:750;margin:18px 0}h3{font-size:22px;font-weight:700}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{background:#1d2238;border:1px solid #393e55;border-radius:16px;padding:28px;margin-bottom:24px}label{display:block;margin:18px 0 12px}input,select{display:block;width:100%;background:#101322;border:1px solid #62677f;color:#fff;padding:13px;border-radius:8px;font:inherit;margin-top:6px}button{background:#7ee5d4;color:#111727;font:750 16px system-ui;padding:15px 22px;border:0;border-radius:8px;cursor:pointer;margin-top:12px}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fc8cb3;outline-offset:3px}.review,.roomline,.score{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #393e55}.roomline{margin-bottom:24px;flex-wrap:wrap}.roomline strong{font:750 26px monospace;color:#fc8cb3;letter-spacing:3px}.score strong{font-size:24px;color:#7ee5d4}.clue{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid #393e55}.clue span{color:#fc8cb3;font-family:monospace}.actions{display:flex;flex-wrap:wrap;gap:12px}.check{display:flex;align-items:center;gap:10px}.check input{width:22px;height:22px}.review p{margin:0}.secondary{background:transparent;color:#ddd;border:1px solid #62677f}.muted,footer{color:#b1b5c8;font-size:14px}footer{margin-top:40px;line-height:2}.error{background:#632940;padding:15px;border-radius:8px}.locked{color:#7ee5d4;font-weight:700}@media(max-width:650px){.columns{grid-template-columns:1fr}main{padding:20px 16px}h1{letter-spacing:-2px}h1 span{display:block;margin:0}section{padding:22px}.review{align-items:flex-start;flex-direction:column}}.votes{display:flex;flex-wrap:wrap;gap:10px}.votes button{background:#303950;color:#fff7df;border:1px solid #62677f}.votes button[aria-pressed=true]{background:#7ee5d4;color:#101322;border-color:#7ee5d4}.votes button:disabled{opacity:1}.room-qr{display:flex;align-items:center;gap:24px;margin:24px 0;padding:20px;background:#13182b;border-radius:12px}.qr-image{background:white;padding:16px;flex-shrink:0}.room-qr a{color:#7ee5d4;text-decoration:underline}@media(max-width:650px){.room-qr{flex-direction:column;align-items:flex-start}}.audio-controls{padding:16px 20px;margin-bottom:24px;border:1px solid #62677f;border-radius:12px}.audio-controls label{display:inline-block;margin:0 0 0 20px;vertical-align:middle}.audio-controls input[type=range]{width:150px;padding:0;accent-color:#7ee5d4}.audio-controls p{margin-bottom:0}@media(max-width:650px){.audio-controls label{display:block;margin:16px 0}}.winner{border-color:#7ee5d4;background:#193638}.winner h2{color:#7ee5d4}.pause-button{margin:0 0 24px;background:#fc8cb3}.break-clock{font:800 48px monospace;color:#7ee5d4}.pause-button{margin-right:12px}