:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#fff;background:#37117a;--ink:#22143d;--purple:#46178f;--green:#26890c;--red:#c92339;--blue:#1368ce;--gold:#d89e00}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#6730b8 0,#37117a 55%,#241044 100%)}button,input,select{font:inherit}.topbar{height:60px;padding:0 22px;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 14px #17052b66;position:sticky;top:0;z-index:5}.brand{font-size:1.2rem;font-weight:900}.status{font-size:.8rem;font-weight:800;color:#666}.status.live{color:var(--green)}.shell{width:min(1180px,100%);margin:auto;padding:28px 18px 50px}.hero{text-align:center;max-width:760px;margin:5vh auto}.hero h1,.room-pin{font-size:clamp(2rem,7vw,4.8rem);margin:.2em 0;font-weight:950;line-height:1}.hero p{font-size:1.1rem;color:#efe7ff}.panel{background:#fff;color:var(--ink);border-radius:18px;padding:22px;box-shadow:0 10px 30px #18032e55}.stack{display:grid;gap:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.btn{border:0;border-radius:10px;padding:14px 18px;font-weight:900;cursor:pointer;color:#fff;background:var(--blue);box-shadow:0 5px 0 #0b4e9f}.btn:active{transform:translateY(3px);box-shadow:0 2px 0 #0b4e9f}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn.green{background:var(--green);box-shadow:0 5px 0 #176108}.btn.red{background:var(--red);box-shadow:0 5px 0 #8d1225}.btn.gold{background:var(--gold);box-shadow:0 5px 0 #9c7100}.btn.ghost{background:#eee;color:#333;box-shadow:0 5px 0 #bbb}label{font-weight:800;display:grid;gap:6px}input,select{width:100%;padding:13px;border:2px solid #cfc8dc;border-radius:9px;background:#fff;color:var(--ink)}.pin-input{text-align:center;font-size:2rem;font-weight:950;letter-spacing:.25em}.seat{border-left:8px solid var(--blue);min-height:142px}.seat:nth-child(2n){border-color:var(--red)}.seat:nth-child(3n){border-color:var(--gold)}.seat h3{margin:0 0 5px}.muted{color:#746b82}.big-number{font-weight:950;font-size:2.2rem}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.progress{height:12px;border-radius:20px;background:#ded8e9;overflow:hidden}.progress>i{display:block;height:100%;background:var(--green);transition:width .25s}.card{background:#fff;color:var(--ink);border-radius:15px;padding:18px;box-shadow:0 7px 20px #14022655;display:grid;gap:14px}.card p{margin:0;font-weight:750;line-height:1.35;min-height:72px}.card.done{outline:5px solid #65d243}.destination{font-size:.78rem;font-weight:900;color:#4e4360}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices .wide{grid-column:1/-1}.score{font-size:clamp(3rem,12vw,7rem);font-weight:950;text-align:center}.wrong{border-left:7px solid var(--red)}.correct{border-left:7px solid var(--green)}.phase-pill{display:inline-block;border-radius:99px;padding:6px 11px;background:#eee;color:#312444;font-weight:900;text-transform:uppercase;font-size:.75rem}.join-link{word-break:break-all;background:#f2eef7;padding:10px;border-radius:8px;font-weight:700}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#17121d;color:white;padding:12px 18px;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1}.divider{height:1px;background:#ded8e9;margin:10px 0}.center{text-align:center}@media(max-width:600px){.topbar{padding:0 12px}.shell{padding:18px 12px 40px}.panel{padding:17px}.choices{grid-template-columns:1fr}.choices .wide{grid-column:auto}.card p{min-height:0}}