:root{--bg: #1b0f3b;--bg-2: #3a1078;--surface: #ffffff;--ink: #1a1530;--ink-soft: #5b5470;--line: #e7e3f0;--brand: #7b2ff7;--brand-ink: #ffffff;--accent: #ffd23f;--c-red: #e21b3c;--c-blue: #1368ce;--c-yellow: #d89e00;--c-green: #26890c;--radius: 16px;--radius-lg: 24px;--shadow: 0 10px 30px rgba(10, 5, 30, .18);--shadow-press: 0 4px 0 rgba(0, 0, 0, .25);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(120% 120% at 50% 0%,var(--bg-2) 0%,var(--bg) 60%);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.1}button{font-family:inherit}.page{min-height:100%;display:flex;flex-direction:column}.center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--ink-soft)}.grow{flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;color:#fff}.brand{font-weight:800;font-size:22px;letter-spacing:-.5px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.brand span{color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.btn{border:none;border-radius:999px;padding:14px 22px;font-size:16px;font-weight:700;cursor:pointer;background:var(--brand);color:var(--brand-ink);transition:transform .06s ease,filter .15s ease}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.lg{padding:18px 30px;font-size:19px}.btn.ghost{background:#ffffff24;color:#fff}.btn.dark{background:var(--ink)}.btn.danger{background:var(--c-red)}.btn.block{width:100%}.input{width:100%;border:2px solid var(--line);border-radius:12px;padding:14px 16px;font-size:16px;color:var(--ink);background:#fff;outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--brand)}.label{font-weight:700;font-size:13px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.answer{position:relative;border:none;border-radius:var(--radius);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;gap:14px;padding:20px 22px;cursor:pointer;box-shadow:var(--shadow-press);text-align:left;transition:transform .06s ease,opacity .2s ease}.answer:active{transform:translateY(2px);box-shadow:0 2px #00000040}.answer .shape{font-size:24px;flex-shrink:0}.answer.dim{opacity:.35}.answer.a0{background:var(--c-red)}.answer.a1{background:var(--c-blue)}.answer.a2{background:var(--c-yellow)}.answer.a3{background:var(--c-green)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff26;color:#fff;border-radius:999px;padding:8px 14px;font-weight:700}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.hero[data-v-b593b1df]{max-width:980px;text-align:center;color:#fff}.eyebrow[data-v-b593b1df]{font-weight:800;letter-spacing:.5px;color:#fffc;margin:0 0 10px}h1[data-v-b593b1df]{font-size:clamp(52px,9vw,104px);font-weight:900;letter-spacing:-3px}h1 .accent[data-v-b593b1df]{color:var(--accent)}.tagline[data-v-b593b1df]{font-size:19px;color:#ffffffbf;max-width:560px;margin:18px auto 36px}.cards[data-v-b593b1df]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role[data-v-b593b1df]{background:var(--surface);border-radius:var(--radius-lg);padding:28px 22px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .12s ease;text-align:left;border-top:6px solid var(--brand)}.role[data-v-b593b1df]:hover{transform:translateY(-6px)}.role.play[data-v-b593b1df]{border-top-color:var(--c-red)}.role.host[data-v-b593b1df]{border-top-color:var(--c-blue)}.role.admin[data-v-b593b1df]{border-top-color:var(--c-green)}.role .emoji[data-v-b593b1df]{font-size:38px}.role h3[data-v-b593b1df]{margin:12px 0 6px;font-size:21px}.role p[data-v-b593b1df]{margin:0;color:var(--ink-soft);font-size:15px}@media(max-width:760px){.cards[data-v-b593b1df]{grid-template-columns:1fr}}.gate[data-v-ce54c224]{width:min(380px,92vw);text-align:center}.gate .lock[data-v-ce54c224]{font-size:44px}.gate h2[data-v-ce54c224]{margin:8px 0 4px}.gate .input[data-v-ce54c224]{margin-top:16px;text-align:center}.gate .err[data-v-ce54c224]{color:var(--c-red);font-weight:700;margin:10px 0 0}.gate .btn[data-v-ce54c224]{margin-top:14px}.admin[data-v-ce54c224]{flex:1;display:grid;grid-template-columns:320px 1fr;gap:22px;padding:0 22px 32px;min-height:0}.sidebar[data-v-ce54c224],.editor[data-v-ce54c224]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px;overflow:auto}.sidebar h2[data-v-ce54c224]{font-size:18px;margin-bottom:14px}.newquiz[data-v-ce54c224]{display:flex;gap:8px;margin-bottom:16px}.quizlist[data-v-ce54c224]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.quizlist li[data-v-ce54c224]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-radius:12px;cursor:pointer;border:2px solid transparent;background:#f7f5fc}.quizlist li.active[data-v-ce54c224]{border-color:var(--brand);background:#f1ebfe}.quizlist li.empty[data-v-ce54c224]{cursor:default;background:none}.small[data-v-ce54c224]{font-size:12px}.iconbtn[data-v-ce54c224]{border:none;background:none;cursor:pointer;font-size:14px;color:var(--ink-soft);padding:6px;border-radius:8px}.iconbtn[data-v-ce54c224]:hover{background:#0000000f}.placeholder[data-v-ce54c224]{display:flex;height:100%;align-items:center;justify-content:center;text-align:center;padding:40px;font-size:17px}.editor-head[data-v-ce54c224]{display:flex;gap:12px;align-items:center;margin-bottom:6px}.title-input[data-v-ce54c224]{font-size:22px;font-weight:800}.saved-flag[data-v-ce54c224]{color:var(--c-green);font-weight:700}.hint[data-v-ce54c224]{color:var(--c-red);font-size:14px;margin:4px 0 14px}.qcard[data-v-ce54c224]{border:2px solid var(--line);border-radius:var(--radius);padding:16px;margin:16px 0}.qcard-head[data-v-ce54c224]{display:flex;align-items:center;gap:10px}.qnum[data-v-ce54c224]{font-weight:800;color:var(--brand)}.multi-badge[data-v-ce54c224]{background:var(--brand);color:#fff;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.tip[data-v-ce54c224]{font-size:13px;margin:2px 0 0}.timelimit[data-v-ce54c224]{display:flex;flex-direction:column;gap:2px}.select[data-v-ce54c224]{padding:8px 10px;width:auto}.audio-row[data-v-ce54c224]{display:flex;align-items:center;gap:10px;margin-top:12px}.audio-icon[data-v-ce54c224]{font-size:18px}.audio-input[data-v-ce54c224]{flex:1}.audio-preview[data-v-ce54c224]{height:34px}.answers[data-v-ce54c224]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.answer-row[data-v-ce54c224]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#fff}.answer-row.a0[data-v-ce54c224]{background:var(--c-red)}.answer-row.a1[data-v-ce54c224]{background:var(--c-blue)}.answer-row.a2[data-v-ce54c224]{background:var(--c-yellow)}.answer-row.a3[data-v-ce54c224]{background:var(--c-green)}.answer-row .shape[data-v-ce54c224]{font-size:20px}.answer-input[data-v-ce54c224]{flex:1;background:#ffffffeb;border-color:transparent}.correct-toggle[data-v-ce54c224]{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}.correct-toggle input[data-v-ce54c224]{width:18px;height:18px;accent-color:#fff}.addq[data-v-ce54c224]{margin-top:8px}@media(max-width:860px){.admin[data-v-ce54c224],.answers[data-v-ce54c224]{grid-template-columns:1fr}}.center[data-v-9c2eb3de]{width:100%}.pick-card[data-v-9c2eb3de]{width:min(560px,92vw)}.picklist[data-v-9c2eb3de]{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:10px}.picklist li[data-v-9c2eb3de]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:2px solid var(--line);border-radius:14px}.small[data-v-9c2eb3de]{font-size:12px}.lobby[data-v-9c2eb3de]{display:grid;grid-template-columns:auto 1fr;gap:28px;width:min(1100px,95vw);align-items:stretch}.join-card[data-v-9c2eb3de]{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:26px;text-align:center}.join-label[data-v-9c2eb3de]{color:var(--ink-soft);margin:0 0 8px}.pin-big[data-v-9c2eb3de]{font-size:clamp(48px,8vw,84px);font-weight:900;letter-spacing:8px;color:var(--ink)}.qr[data-v-9c2eb3de]{margin-top:14px;border-radius:12px}.lobby-right[data-v-9c2eb3de]{background:#ffffff14;border-radius:var(--radius-lg);padding:26px;color:#fff}.lobby-right h2[data-v-9c2eb3de]{color:#fff}.players[data-v-9c2eb3de]{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.player-chip[data-v-9c2eb3de]{background:#fff;color:var(--ink);font-weight:800;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-press)}.waiting[data-v-9c2eb3de]{margin-top:22px}.qscreen[data-v-9c2eb3de]{width:min(1100px,95vw)}.qtop[data-v-9c2eb3de]{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.timer[data-v-9c2eb3de]{width:78px;height:78px;border-radius:50%;background:#fff;color:var(--ink);font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.timer.urgent[data-v-9c2eb3de]{background:var(--c-red);color:#fff;animation:pulse-9c2eb3de .8s infinite}@keyframes pulse-9c2eb3de{50%{transform:scale(1.08)}}.qtext[data-v-9c2eb3de]{color:#fff;text-align:center;font-size:clamp(28px,4.5vw,52px);font-weight:900;margin-bottom:26px}.qtext.small[data-v-9c2eb3de]{font-size:clamp(22px,3vw,34px);margin-bottom:18px}.multi-note[data-v-9c2eb3de]{text-align:center;color:var(--accent);font-weight:800;margin:-14px 0 22px}.audio-banner[data-v-9c2eb3de]{display:flex;width:max-content;align-items:center;gap:14px;background:#ffffff1f;color:#fff;font-weight:800;padding:10px 18px;border-radius:999px;margin:0 auto 22px}.audio-banner .replay[data-v-9c2eb3de]{padding:6px 14px;font-size:14px}.eq[data-v-9c2eb3de]{display:inline-flex;align-items:flex-end;gap:3px;height:22px}.eq i[data-v-9c2eb3de]{width:4px;height:6px;background:var(--accent);border-radius:2px}.eq.on i[data-v-9c2eb3de]{animation:eq-9c2eb3de .9s ease-in-out infinite}.eq.on i[data-v-9c2eb3de]:nth-child(2){animation-delay:.2s}.eq.on i[data-v-9c2eb3de]:nth-child(3){animation-delay:.4s}.eq.on i[data-v-9c2eb3de]:nth-child(4){animation-delay:.1s}@keyframes eq-9c2eb3de{0%,to{height:6px}50%{height:22px}}.answer-grid.big .answer[data-v-9c2eb3de]{font-size:clamp(18px,2.4vw,26px);padding:26px;min-height:92px}.skip[data-v-9c2eb3de]{margin:22px auto 0;display:block}.answer[data-v-9c2eb3de]{overflow:hidden}.dist-bar[data-v-9c2eb3de]{position:absolute;left:0;bottom:0;height:6px;background:#ffffffd9;transition:width .6s ease}.dist-count[data-v-9c2eb3de]{margin-left:auto;font-size:22px;font-weight:900}.reveal-foot[data-v-9c2eb3de]{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:24px;flex-wrap:wrap}.mini-board[data-v-9c2eb3de]{background:#fffffff2;border-radius:16px;padding:12px 16px;min-width:320px;flex:1}.mini-row[data-v-9c2eb3de]{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line)}.mini-row[data-v-9c2eb3de]:last-child{border-bottom:none}.mini-row .rank[data-v-9c2eb3de]{font-weight:900;color:var(--brand);width:22px}.mini-row .score[data-v-9c2eb3de]{font-weight:800}.podium-screen[data-v-9c2eb3de]{width:min(700px,95vw);text-align:center;color:#fff}.podium-screen h1[data-v-9c2eb3de]{font-size:52px;margin-bottom:24px}.podium[data-v-9c2eb3de]{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.podium-row[data-v-9c2eb3de]{display:flex;align-items:center;gap:16px;background:#fff;color:var(--ink);padding:18px 24px;border-radius:16px;font-size:22px;font-weight:800;box-shadow:var(--shadow)}.podium-row.place-0[data-v-9c2eb3de]{transform:scale(1.05);background:linear-gradient(90deg,#fff,#fff7d6)}.podium-row .medal[data-v-9c2eb3de]{font-size:28px;width:40px}.podium-row .score[data-v-9c2eb3de]{color:var(--brand)}@media(max-width:820px){.lobby[data-v-9c2eb3de],.answer-grid.big[data-v-9c2eb3de]{grid-template-columns:1fr}}.play[data-v-ad948798]{color:#fff}.join[data-v-ad948798]{width:min(420px,92vw)}.pin-input[data-v-ad948798]{font-size:28px;font-weight:900;text-align:center;letter-spacing:8px}.from-qr[data-v-ad948798]{margin:-6px 0 4px;color:var(--ink-soft)}.err[data-v-ad948798]{color:var(--c-red);font-weight:700;margin:0}.msg[data-v-ad948798],.result[data-v-ad948798]{text-align:center;color:#fff;max-width:420px;padding:20px}.msg h2[data-v-ad948798],.result h2[data-v-ad948798]{color:#fff;font-size:30px}.big-emoji[data-v-ad948798]{font-size:72px;margin-bottom:8px}.answer-screen[data-v-ad948798]{flex:1;display:flex;padding:16px}.answer-grid.pads[data-v-ad948798]{flex:1;gap:16px}.answer.pad[data-v-ad948798]{justify-content:center;min-height:0;height:100%}.answer.pad .shape[data-v-ad948798]{font-size:56px}.result .gained[data-v-ad948798]{font-size:48px;font-weight:900;color:var(--accent)}.result .streak[data-v-ad948798]{font-size:18px;font-weight:800;margin-top:4px}.rankline[data-v-ad948798]{margin-top:14px;font-size:17px;color:#ffffffd9}.rankline.big[data-v-ad948798]{font-size:22px}.result.good h2[data-v-ad948798]{color:#b9ffce}.result.bad h2[data-v-ad948798]{color:#ffc2cc}