:root,.dark{--background:#10121a;--foreground:#f5f6fb;--card:#191c27;--card-foreground:#f5f6fb;--popover:#191c27;--popover-foreground:#f5f6fb;--primary:#e9ff70;--primary-foreground:#151807;--secondary:#282c3c;--secondary-foreground:#fff;--muted:#282c3c;--muted-foreground:#a9adbf;--accent:#303548;--accent-foreground:#fff;--destructive:#ff707e;--border:#35394c;--input:#35394c;--ring:#e9ff70;--radius:.8rem}
*{box-sizing:border-box}body{margin:0;background:#10121a;color:#f5f6fb;font:16px/1.5 Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}input{display:block;width:100%;margin-top:8px;padding:15px;background:#11131c;color:#fff;border:1px solid #41465e;border-radius:10px;font:inherit}input:focus{outline:2px solid #e9ff70}label{display:block;font-weight:600;text-align:left}.shell{max-width:1180px;padding:32px 36px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-size:32px;font-weight:900;letter-spacing:-1.5px}.brand span{color:#e9ff70;margin-left:3px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#b1b5c8}.welcome{display:grid;grid-template-columns:1fr 440px;column-gap:90px;padding:75px 0 70px}.welcome>.eyebrow,.welcome>h1,.welcome>p{grid-column:1}.welcome>.eyebrow{align-self:end}h1{font-size:clamp(52px,7vw,92px);line-height:1.02;letter-spacing:-5px;margin:22px 0}h1 em{color:#e9ff70;font-style:normal}p{color:#b1b5c8;max-width:400px}.setup{grid-column:2;grid-row:1/4;background:#1b1e2b;border:1px solid #35394c;border-radius:22px;padding:30px;display:flex;flex-direction:column;gap:22px}.setup h2{font-size:24px;margin:0}.setup button{min-height:50px;font-size:16px}footer{border-top:1px solid #303548;padding-top:24px;color:#9399b0;font-size:14px}.workspace{padding:50px 0}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.topline h1{font-size:40px;letter-spacing:-1.5px;margin:0}.sound{display:flex;gap:10px;align-items:center;font-size:14px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px}.panel{background:#1b1e2b;border:1px solid #35394c;border-radius:20px;padding:26px}.roomcode{font-size:46px;letter-spacing:7px;font-weight:900;color:#e9ff70}.joinlink{overflow-wrap:anywhere;font-size:14px;color:#b9bdd0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.actions button{min-height:48px;font-size:16px}.pill{padding:7px 12px;border:1px solid #484e68;border-radius:30px;font-size:14px;display:inline-block}.winner{padding:26px 0;min-height:220px}.winner h2{font-size:clamp(32px,4vw,62px);letter-spacing:-2px;overflow-wrap:anywhere;margin:10px 0;color:#e9ff70}.winner p{margin:0}.results{display:flex;flex-direction:column;gap:10px}.result{display:flex;align-items:center;gap:16px;background:#242838;border-radius:12px;padding:14px}.result strong{flex:1;overflow-wrap:anywhere}.rank{font-weight:800;color:#e9ff70}.person{padding:12px 0;border-bottom:1px solid #34394d;display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.player{max-width:620px;margin:40px auto;text-align:center}.player h1{font-size:38px;letter-spacing:-1.5px;overflow-wrap:anywhere}.buzz{width:min(75vw,320px);height:min(75vw,320px);border-radius:50%;border:10px solid #384322;background:#e9ff70;color:#141808;box-shadow:0 12px 0 #7c8d32,0 24px 60px #0007;font-size:44px;font-weight:900;margin:34px 0;user-select:none;-webkit-user-select:none}.buzz:active:not(:disabled){transform:translateY(8px);box-shadow:0 4px 0 #7c8d32}.buzz:disabled{background:#313647;color:#9ba1b9;border-color:#242838;box-shadow:0 12px 0 #1b1e2b}.error{background:#43212b;border:1px solid #aa536a;border-radius:10px;padding:12px;color:#ffb5c1;margin:16px 0}.hint{font-size:14px;color:#9399b0}.empty{padding:20px 0;color:#aaaec2}.smallbutton{background:none;border:0;color:#abb1c9;text-decoration:underline;padding:8px;font-size:14px}.connection{font-size:14px;color:#b1b5c8}.notice{color:#e9ff70}.player .sound{justify-content:center;margin-top:26px}
@media(max-width:800px){.shell{padding:22px}.welcome{display:block;padding:45px 0}.welcome h1{letter-spacing:-3px}.setup{margin-top:35px;padding:24px}.grid{grid-template-columns:1fr}.topline{align-items:flex-start;flex-wrap:wrap}.workspace{padding:35px 0}header>.eyebrow{display:none}.roomcode{font-size:36px}.panel{padding:22px}.player{margin-top:35px}footer{margin-top:30px}}
button:not(.buzz):not(.smallbutton){display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:0;border-radius:10px;background:#e9ff70;color:#151807;font-weight:700;font-family:inherit;font-size:16px}button[data-variant=secondary],button[data-variant=outline]{background:#303548;color:#f5f6fb}button[data-variant=ghost]{background:transparent;color:#bbc1d7}button:disabled{opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #e9ff70;outline-offset:4px}button[data-slot=switch]{width:44px;min-width:44px;height:26px!important;padding:3px!important;background:#41465e;border-radius:40px;display:flex;justify-content:flex-start}button[data-slot=switch][data-state=checked]{background:#e9ff70}span[data-slot=switch-thumb]{display:block;width:20px;height:20px;border-radius:50%;background:#10121a}button[data-slot=switch][data-state=checked] span{transform:translateX(18px)}

.soundpicker{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px}.soundpicker label{flex:1;min-width:160px}.soundpicker select{display:block;width:100%;margin-top:8px;padding:12px;background:#11131c;color:#fff;border:1px solid #41465e;border-radius:10px;font:inherit}.soundpicker select:focus-visible{outline:2px solid #e9ff70}.soundpicker .hint{flex-basis:100%;text-align:left}.player .soundpicker{max-width:440px;margin:22px auto}.setup .soundpicker{margin-top:0}