:root{--bg:#07111f;--panel:#102137;--panel2:#0a192b;--text:#f7f9fc;--muted:#9dafc5;--line:#29415e;--green:#61e6b2;--blue:#55a8ff;--red:#fb7185;--yellow:#fbbf24}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0,#123d67,transparent 30%),radial-gradient(circle at 90% 100%,#12483c,transparent 26%),var(--bg)}button,input,select{font:inherit}.wrap{width:min(1080px,calc(100% - 28px));margin:auto;padding:22px 0 48px}.bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{font-size:20px;font-weight:900;display:flex;align-items:center;gap:10px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#06151a;background:linear-gradient(135deg,var(--green),var(--blue))}.tag{color:var(--muted);font-size:13px}.card{background:#0d1d30e8;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,38px);box-shadow:0 25px 80px #0006}.hidden{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,6vw,60px);line-height:1;letter-spacing:-.05em}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.set{background:var(--panel2);border:1px solid var(--line);border-radius:17px;padding:18px;cursor:pointer;color:var(--text);text-align:left}.set.selected{border-color:var(--green);box-shadow:0 0 0 2px #61e6b225}.set strong{display:block;font-size:18px;margin-bottom:6px}.btn{border:0;border-radius:13px;padding:13px 19px;font-weight:850;cursor:pointer;background:linear-gradient(135deg,var(--green),#3dcf9a);color:#052019}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.alt{background:#182d46;color:var(--text);border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.field{margin:18px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input{width:100%;background:#071524;border:1px solid var(--line);color:var(--text);padding:14px;border-radius:12px}.drop{border:1px dashed #45617f;border-radius:16px;padding:18px;background:#081727}.drop input{margin-top:10px}.code{font-size:clamp(42px,9vw,76px);letter-spacing:.14em;font-weight:950;color:var(--green)}.lobby{display:grid;grid-template-columns:320px 1fr;gap:28px}.qr{background:white;border-radius:18px;padding:12px;width:100%}.players{display:flex;gap:9px;flex-wrap:wrap}.player{padding:9px 14px;border-radius:999px;background:#162d47;border:1px solid #2d4b6a}.question-box{text-align:center}.question-box h2{font-size:clamp(25px,4vw,42px)}.timer{font-size:44px;font-weight:950;color:var(--yellow)}.answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer{min-height:90px;border:0;border-radius:16px;padding:16px;color:white;font-weight:850;font-size:17px;cursor:pointer}.answer:nth-child(1){background:#d94b5b}.answer:nth-child(2){background:#307bc7}.answer:nth-child(3){background:#d69613}.answer:nth-child(4){background:#269b68}.answer:disabled{opacity:.45}.scorelist{display:grid;gap:9px}.score-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;background:#0a192b;border:1px solid var(--line);padding:12px 15px;border-radius:13px}.score-row:nth-child(1){border-color:#fbbf24}.score-row:nth-child(2){border-color:#cbd5e1}.score-row:nth-child(3){border-color:#d97706}.podium{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin:30px 0}.place{width:30%;max-width:190px;text-align:center;background:#172b44;border-radius:16px 16px 5px 5px;padding:18px 8px}.place.one{height:190px;border-top:5px solid #fbbf24}.place.two{height:150px;border-top:5px solid #cbd5e1}.place.three{height:120px;border-top:5px solid #d97706}.notice{padding:12px;border-radius:11px;background:#fb71851a;color:#ff9dac;margin:12px 0}.join-card{max-width:520px;margin:8vh auto;text-align:center}.join-card .code-input{text-align:center;font-size:28px;letter-spacing:.14em}.status{font-size:20px;color:var(--muted);padding:20px}.host-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}@media(max-width:700px){.lobby{grid-template-columns:1fr}.qr{max-width:280px}.answers{grid-template-columns:1fr}.answer{min-height:72px}.actions .btn{flex:1}.tag{display:none}}