:root{--primary:#673ab7;--primary-hover:#5e35b1;--accent:#e91e63;--bg:#f4f7f6;--text-main:#333;--text-muted:#666;--danger-bg:#ffebee;--danger-text:#c62828}html,body{width:100%;margin:0;padding:0}*{box-sizing:border-box}h1,h2,h3,p{margin-top:0}body{background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;text-align:center;border-radius:12px;font-family:inherit;transition:all .2s}.btn-primary{color:#fff;background:#333;border:none;padding:15px 30px;font-size:1.2rem;font-weight:700}.btn-primary:hover{transform:scale(1.02)}.btn-primary:disabled{cursor:not-allowed;background:#ccc;transform:none}.btn-secondary{color:#333;background:#fff;border:2px solid #ccc;padding:10px 20px;font-weight:700}.btn-secondary:hover{background:#f0f2f5}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:none;padding:15px 20px;font-size:1rem;font-weight:700}.btn-danger:hover{background:#ffcdd2}.error-banner{background:var(--danger-bg);color:var(--danger-text);border-left:5px solid #f44336;border-radius:8px;margin-bottom:20px;padding:15px;font-weight:700}.loader-spinner{border:5px solid #0000001a;border-top-color:currentColor;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-pulse{font-size:4rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.input-field{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:14px;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary);outline:none}.loading-screen[data-v-61678e98]{height:100vh;color:var(--primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.loader-spinner[data-v-61678e98]{border-top-color:var(--primary);margin-bottom:20px}.modal-overlay[data-v-61678e98]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box[data-v-61678e98]{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:400px;padding:30px;animation:.3s ease-out popIn-61678e98;box-shadow:0 10px 40px #0003}.modal-box h2[data-v-61678e98]{color:var(--text-main);margin-top:0}.modal-box p[data-v-61678e98]{color:var(--text-muted);margin-bottom:30px;font-size:1.1rem}.modal-actions[data-v-61678e98]{justify-content:center;gap:15px;display:flex}.highlight-time[data-v-61678e98]{color:var(--accent);margin-top:10px;font-size:2.5rem;display:block}.host-container[data-v-61678e98]{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;transition:background .5s;display:flex;position:relative}.host-container.QUESTION_ACTIVE[data-v-61678e98]{background:#f0f2f5}.host-container.ANSWER_REVEAL[data-v-61678e98]{background:#e8f5e9}.host-container.LEADERBOARD[data-v-61678e98]{color:#fff;background:#4a148c}.status-badge[data-v-61678e98]{background:var(--danger-bg);color:var(--danger-text);z-index:100;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:20px;right:20px}.status-badge.connected[data-v-61678e98]{color:#2e7d32;background:#e8f5e9}.card[data-v-61678e98]{text-align:center;width:100%;max-width:800px;color:var(--text-main);background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #0000001a}.row-controls[data-v-61678e98]{justify-content:center;gap:15px;margin-top:20px;display:flex}.lobby-card h2 span[data-v-61678e98]{color:var(--primary);font-weight:700}.scheduled-card h2[data-v-61678e98]{color:#d89e00;font-weight:700}.pin-display[data-v-61678e98]{color:#222;letter-spacing:5px;margin:10px 0;font-size:6rem;font-weight:900}.player-count[data-v-61678e98]{color:#555;margin-bottom:20px;font-size:1.2rem;font-weight:700}.desc[data-v-61678e98]{color:var(--text-muted);max-width:500px;margin:0 auto 20px;font-size:1.1rem}.player-grid[data-v-61678e98]{flex-wrap:wrap;justify-content:center;gap:12px;min-height:50px;margin-bottom:30px;display:flex}.player-pill[data-v-61678e98]{background:#f0f2f5;border-radius:20px;align-items:center;gap:8px;padding:8px 10px 8px 12px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000d}.kick-btn[data-v-61678e98]{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:50%;padding:4px;font-size:.8rem;transition:opacity .2s}.kick-btn[data-v-61678e98]:hover{opacity:1;background:var(--danger-bg)}.question-view[data-v-61678e98]{flex-direction:column;gap:20px;width:100%;max-width:1200px;height:90vh;display:flex;position:relative}.progress-bar[data-v-61678e98]{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-weight:700;position:absolute;top:-30px;left:0;right:0}.question-header[data-v-61678e98]{text-align:center;background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #0000000d}.question-header h1[data-v-61678e98]{color:var(--text-main);margin:0;font-size:2.5rem}.question-body[data-v-61678e98]{flex:1;gap:20px;min-height:0;display:flex}.timer-section[data-v-61678e98]{background:#fff;border-radius:16px;flex-direction:column;flex:0 0 250px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d}.circle-timer[data-v-61678e98]{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:4rem;font-weight:700;transition:background .3s;display:flex;box-shadow:0 8px 24px #673ab766}.circle-timer.time-up[data-v-61678e98]{background:var(--accent);box-shadow:0 8px 24px #e91e6366}.answers-count[data-v-61678e98]{color:var(--text-muted);margin-top:20px;font-weight:700}.answers-grid[data-v-61678e98]{flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:15px;display:grid}.answer-block[data-v-61678e98]{color:#fff;border-radius:12px;align-items:center;gap:20px;padding:0 30px;font-size:2rem;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 6px #0003}.answer-block .shape[data-v-61678e98]{font-size:3rem}.answer-block .text[data-v-61678e98]{flex:1}.answer-block.dimmed[data-v-61678e98]{opacity:.3;filter:grayscale(80%);transform:translateY(4px);box-shadow:0 2px #0000001a}.correct-check[data-v-61678e98]{font-size:3rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn-61678e98;position:absolute;right:30px}@keyframes popIn-61678e98{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.leaderboard-card[data-v-61678e98]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;max-width:600px}.podium-title[data-v-61678e98]{color:gold;text-shadow:0 4px 10px #0000004d;margin-bottom:30px;font-size:3rem}.leaderboard-list[data-v-61678e98]{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}.leaderboard-row[data-v-61678e98]{color:var(--text-main);background:#ffffffe6;border-radius:12px;align-items:center;padding:15px 25px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0003}.leaderboard-row .rank[data-v-61678e98]{width:50px;color:var(--primary)}.leaderboard-row .player-identity[data-v-61678e98]{flex:1;align-items:center;gap:10px;display:flex}.leaderboard-row .score[data-v-61678e98]{color:var(--accent)}.icon-pulse[data-v-61678e98]{margin-bottom:-10px}.player-container[data-v-52aae67e]{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.join-card[data-v-52aae67e]{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:40px 24px;box-shadow:0 8px 24px #0000001f}.logo[data-v-52aae67e]{color:var(--primary);letter-spacing:-2px;margin-bottom:32px;font-size:3.5rem;font-weight:800}.pin-input[data-v-52aae67e]{text-align:center;letter-spacing:2px;margin-bottom:12px;font-size:1.2rem;font-weight:700}.name-input[data-v-52aae67e]{text-align:center;margin-bottom:20px;font-weight:700}.join-btn[data-v-52aae67e]{width:100%;padding:16px}.game-view[data-v-52aae67e]{background:#fff;border-radius:20px;flex-direction:column;width:100%;height:92vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}.status-bar[data-v-52aae67e]{z-index:10;background:#fffffff2;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pin-tag[data-v-52aae67e]{color:var(--primary);font-family:monospace;font-weight:800}.divider[data-v-52aae67e]{color:#ccc;margin:0 8px}.name-text[data-v-52aae67e]{color:var(--text-main);font-weight:600}.btn-leave[data-v-52aae67e]{cursor:pointer;background:#eee;border:none;border-radius:6px;margin-right:10px;padding:6px 12px;font-weight:700}.playing-area[data-v-52aae67e]{flex-direction:column;flex:1;display:flex}.mobile-question-text[data-v-52aae67e]{text-align:center;z-index:1;background:#fff;padding:20px;box-shadow:0 4px 10px #0000000d}.mobile-question-text h3[data-v-52aae67e]{color:var(--text-main);margin:0;font-size:1.2rem}.controller-grid[data-v-52aae67e]{background:#f0f2f5;flex:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;padding:8px;display:grid}.controller-btn[data-v-52aae67e]{cursor:pointer;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:10px;transition:transform .1s;display:flex;box-shadow:inset 0 -8px #0003}.controller-btn[data-v-52aae67e]:active{transform:scale(.96);box-shadow:inset 0 -4px #0003}.controller-btn .shape[data-v-52aae67e]{color:#fff;filter:drop-shadow(0 4px 4px #0003);margin-bottom:5px;font-size:3rem}.controller-btn .ans-text[data-v-52aae67e]{color:#fff;text-shadow:0 2px 4px #0000004d;word-wrap:break-word;text-align:center;font-size:1rem;font-weight:700}.feedback-screen[data-v-52aae67e]{text-align:center;color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.feedback-screen.neutral[data-v-52aae67e]{color:var(--text-main);background:#f3e5f5}.feedback-screen.waiting[data-v-52aae67e]{color:var(--text-main);background:#cfd8dc}.feedback-screen.correct[data-v-52aae67e]{background:#66bf39}.feedback-screen.wrong[data-v-52aae67e]{background:#f35}.feedback-screen.timeout[data-v-52aae67e]{background:#ff9800}.result-title[data-v-52aae67e]{margin-bottom:10px;font-size:2.5rem;font-weight:900}.score-pill[data-v-52aae67e]{background:#0003;border-radius:30px;margin-top:30px;padding:10px 20px;font-size:1.2rem;font-weight:700}.final-rank[data-v-52aae67e]{background:var(--primary);color:#fff;border-radius:12px;margin:20px 0;padding:15px 30px;font-size:2rem}.highlight-time[data-v-52aae67e]{color:var(--accent);font-size:1.8rem}.mt-20[data-v-52aae67e]{margin-top:20px}.debug-container[data-v-bf11f882]{color:#e0e6ed;background-color:#0d0f12;min-height:100vh;padding:20px;font-family:JetBrains Mono,Fira Code,monospace;overflow-x:hidden}.debug-header[data-v-bf11f882]{background:#161b22;border:1px solid #30363d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.title-group h1[data-v-bf11f882]{letter-spacing:1px;color:#3fb950;margin:0;font-size:1.2rem}.pin-badge[data-v-bf11f882]{color:#fff;background:#238636;border-radius:6px;margin-top:8px;padding:4px 10px;font-size:.9rem;display:inline-block}.actions[data-v-bf11f882]{gap:10px;display:flex}.dark-mode-btn-primary[data-v-bf11f882]{background:#238636;padding:10px 16px;font-size:.9rem}.dark-mode-btn-primary[data-v-bf11f882]:hover{background:#2ea043}.dark-mode-btn[data-v-bf11f882]{color:#fff;background:#30363d;border:1px solid #8b949e;padding:10px 16px}.dark-mode-btn[data-v-bf11f882]:hover{background:#484f58}.debug-grid[data-v-bf11f882]{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=1024px){.debug-grid[data-v-bf11f882]{grid-template-columns:1.5fr 1fr}}.debug-card[data-v-bf11f882]{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px;overflow:hidden}h2[data-v-bf11f882]{color:#8b949e;border-bottom:1px solid #30363d;align-items:center;gap:8px;margin-top:0;padding-bottom:12px;font-size:.95rem;display:flex}.desc[data-v-bf11f882]{color:#6e7681;margin-top:-5px;margin-bottom:15px;font-size:.8rem}.dot[data-v-bf11f882]{background:#3fb950;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #3fb950}.dot.blue[data-v-bf11f882]{background:#58a6ff;box-shadow:0 0 8px #58a6ff}.stats-list[data-v-bf11f882]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin:20px 0;display:grid}.stat-item[data-v-bf11f882]{background:#0d1117;border:1px solid #21262d;border-radius:8px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.stat-item label[data-v-bf11f882]{color:#8b949e;text-transform:uppercase;font-size:.75rem}.value[data-v-bf11f882]{color:#f0f6fc;font-size:1.1rem;font-weight:700}.highlight[data-v-bf11f882]{color:#d2a8ff;font-size:1.4rem}.state-text[data-v-bf11f882]{border-radius:4px;width:max-content;padding:2px 6px;font-size:.8rem;font-weight:700;display:inline-block}.state-text.SCHEDULED[data-v-bf11f882]{color:#000;background:#d29922}.state-text.LOBBY[data-v-bf11f882]{background:#1f6feb}.state-text.QUESTION_ACTIVE[data-v-bf11f882]{color:#000;background:#d89e00}.state-text.ANSWER_REVEAL[data-v-bf11f882]{background:#238636}.state-text.LEADERBOARD[data-v-bf11f882]{background:#8957e5}.text-green[data-v-bf11f882]{color:#3fb950}.player-list-section[data-v-bf11f882]{border-top:1px solid #30363d;margin-top:30px;padding-top:20px}.player-list-section h3[data-v-bf11f882]{color:#8b949e;margin-bottom:12px;font-size:.85rem}.table-container[data-v-bf11f882]{overflow-x:auto}.session-table[data-v-bf11f882]{border-collapse:collapse;width:100%;font-size:.85rem}.session-table th[data-v-bf11f882]{text-align:left;color:#8b949e;background:#0d1117;border-bottom:1px solid #30363d;padding:10px;font-weight:400}.session-table td[data-v-bf11f882]{color:#c9d1d9;border-bottom:1px solid #21262d;padding:12px 10px}.session-table tbody tr[data-v-bf11f882]:hover{background:#0d1117}.player-name[data-v-bf11f882]{color:#f0f6fc;align-items:center;gap:8px;font-weight:700;display:flex}.avatar[data-v-bf11f882]{font-size:1.2rem}code[data-v-bf11f882]{color:#79c0ff;background:#21262d;border-radius:4px;padding:2px 6px;font-size:.75rem}.ping-text[data-v-bf11f882]{color:#3fb950}.empty-msg[data-v-bf11f882]{color:#6e7681;font-size:.85rem;font-style:italic}.code-block[data-v-bf11f882]{background:#0d1117;border:1px solid #30363d;border-radius:8px;max-height:400px;margin-top:15px;padding:15px;overflow-y:auto}pre[data-v-bf11f882]{color:#79c0ff;margin:0;font-size:.85rem;overflow-x:auto}.meta-info[data-v-bf11f882]{color:#484f58;margin-top:20px;font-size:.75rem}.alarm-text[data-v-bf11f882]{color:#d2a8ff;border-top:1px solid #30363d;margin-top:10px;padding-top:10px;font-weight:700}.debug-footer[data-v-bf11f882]{text-align:center;color:#484f58;margin-top:40px;font-size:.8rem}.not-found[data-v-8afbaf91]{text-align:center;background:#f4f7f6;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}h1[data-v-8afbaf91]{color:#673ab7;margin:0;font-size:5rem}p[data-v-8afbaf91]{color:#666;margin-bottom:20px;font-size:1.2rem}button[data-v-8afbaf91]{color:#fff;cursor:pointer;background:#673ab7;border:none;border-radius:8px;padding:12px 24px;font-weight:700}.creator-container[data-v-ceb88a0f]{min-height:100vh;padding:40px 20px}.header[data-v-ceb88a0f]{text-align:center;margin-bottom:40px}.header h1[data-v-ceb88a0f]{color:var(--primary);margin-bottom:10px;font-size:2.5rem}.header p[data-v-ceb88a0f]{color:var(--text-muted);font-size:1.1rem}.creator-main[data-v-ceb88a0f]{flex-direction:column;gap:30px;max-width:800px;margin:0 auto;display:flex}.question-card[data-v-ceb88a0f]{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000000d}.card-header[data-v-ceb88a0f]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.card-header h3[data-v-ceb88a0f]{color:var(--text-main);margin:0}.input-group[data-v-ceb88a0f]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-group label[data-v-ceb88a0f],.answers-section>label[data-v-ceb88a0f]{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:700}.answers-section[data-v-ceb88a0f]{background:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:20px}.answer-row[data-v-ceb88a0f]{border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;transition:background .2s;display:flex}.answer-row.is-correct[data-v-ceb88a0f]{background:#e8f5e9;border:1px solid #4caf50}.radio-btn[data-v-ceb88a0f]{cursor:pointer;accent-color:#4caf50;margin-left:10px;transform:scale(1.5)}.answer-input[data-v-ceb88a0f]{flex:1;margin-bottom:0}.btn-icon[data-v-ceb88a0f]{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s}.btn-icon[data-v-ceb88a0f]:hover{opacity:1}.text-red[data-v-ceb88a0f]{color:#f44336}.add-q-btn[data-v-ceb88a0f]{width:100%;box-shadow:0 4px 15px #673ab733}.add-answer-btn[data-v-ceb88a0f]{border-style:dashed;width:100%}.btn-super[data-v-ceb88a0f]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:20px;font-family:inherit;font-size:1.5rem;font-weight:900;transition:transform .1s;box-shadow:0 8px 25px #e91e634d}.btn-super[data-v-ceb88a0f]:hover{transform:translateY(-2px)}.btn-super[data-v-ceb88a0f]:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.launch-settings h2[data-v-ceb88a0f]{color:var(--text-main);margin-top:0;margin-bottom:20px}.mode-toggles[data-v-ceb88a0f]{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.toggle-label[data-v-ceb88a0f]{cursor:pointer;border:2px solid #eee;border-radius:10px;align-items:center;gap:10px;padding:15px;font-size:1.1rem;transition:border-color .2s;display:flex}.toggle-label[data-v-ceb88a0f]:has(input:checked){border-color:var(--primary);background:#f3e5f5;font-weight:700}.time-picker-section[data-v-ceb88a0f]{border-top:1px solid #eee;padding-top:20px}.time-input[data-v-ceb88a0f]{max-width:250px}