[data-v-bc39bef2],[data-v-bc39bef2]:before,[data-v-bc39bef2]:after{box-sizing:border-box;margin:0;padding:0}.game-root[data-v-bc39bef2]{min-height:100vh;background:linear-gradient(160deg,#0d1424,#0f172a,#1e293b);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#f8fafc;display:flex;flex-direction:column;position:relative;overflow:hidden}.classroom-glow[data-v-bc39bef2]{position:fixed;top:-40%;left:50%;transform:translate(-50%);width:80vw;height:60vw;background:radial-gradient(ellipse,var(--classroom-color) 0%,transparent 70%);opacity:.07;pointer-events:none;z-index:0}.connecting[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b;font-size:1rem}.spinner[data-v-bc39bef2]{width:40px;height:40px;border:4px solid #1e293b;border-top-color:var(--primary);border-radius:50%;animation:spin-bc39bef2 .8s linear infinite}@keyframes spin-bc39bef2{to{transform:rotate(360deg)}}.loading-screen[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:100vh;color:#64748b;font-size:1rem;font-weight:500}.loading-spinner[data-v-bc39bef2]{width:40px;height:40px;border:4px solid #1e293b;border-top-color:var(--classroom-color, var(--primary, #6366f1));border-radius:50%;animation:spin-bc39bef2 .8s linear infinite}.avatar-img[data-v-bc39bef2],.avatar-img-sm[data-v-bc39bef2]{width:100%;height:100%;object-fit:cover;border-radius:50%}.game-layout[data-v-bc39bef2]{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.game-header[data-v-bc39bef2]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:8px;flex-wrap:wrap}.header-user[data-v-bc39bef2]{display:flex;align-items:center;gap:10px}.avatar-sm[data-v-bc39bef2]{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;font-size:1rem;color:#fff;border:2px solid rgba(255,255,255,.2)}.avatar-initial-sm[data-v-bc39bef2]{font-size:1rem;font-weight:900;color:#fff}.user-meta[data-v-bc39bef2]{display:flex;flex-direction:column}.user-name[data-v-bc39bef2]{font-weight:700;font-size:.9rem;line-height:1.2}.user-classroom[data-v-bc39bef2]{font-size:.72rem;color:#94a3b8;line-height:1.2}.session-mode-pill[data-v-bc39bef2]{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}.mode-solo[data-v-bc39bef2]{background:#64748b33;color:#94a3b8;border:1px solid #334155}.mode-class[data-v-bc39bef2]{background:rgba(var(--classroom-color-rgb, 99,102,241),.15);color:var(--classroom-color);border:1px solid var(--classroom-color)}.mode-group[data-v-bc39bef2]{background:#eab30826;color:#eab308;border:1px solid #eab308}.header-right[data-v-bc39bef2]{display:flex;align-items:center;gap:10px;flex-shrink:0}.hearts-row[data-v-bc39bef2]{display:flex;gap:2px;font-size:1.1rem}.heart[data-v-bc39bef2]{transition:transform .2s,filter .2s}.heart.lost[data-v-bc39bef2]{filter:grayscale(1);opacity:.35;transform:scale(.85)}.combo-badge[data-v-bc39bef2]{display:flex;align-items:baseline;gap:1px;padding:4px 12px;border-radius:20px;font-weight:900;transition:background .3s,box-shadow .3s,transform .2s}.combo-num[data-v-bc39bef2]{font-size:1.3rem;line-height:1}.combo-x[data-v-bc39bef2]{font-size:.85rem;opacity:.8}.combo-1[data-v-bc39bef2]{background:#64748b33;color:#94a3b8}.combo-2[data-v-bc39bef2]{background:#eab3082e;color:#eab308;box-shadow:0 0 10px #eab30840}.combo-3[data-v-bc39bef2]{background:#f9731633;color:#f97316;box-shadow:0 0 14px #f9731659;transform:scale(1.05)}.combo-4[data-v-bc39bef2]{background:#ef444433;color:#ef4444;box-shadow:0 0 18px #ef444473;transform:scale(1.1)}.combo-5[data-v-bc39bef2]{background:#a855f740;color:#c084fc;box-shadow:0 0 22px #a855f78c;transform:scale(1.15);animation:rainbow-glow-bc39bef2 1.2s ease-in-out infinite alternate}@keyframes rainbow-glow-bc39bef2{0%{box-shadow:0 0 18px #a855f780}to{box-shadow:0 0 30px #a855f7e6}}.timer-track[data-v-bc39bef2]{width:100%;height:6px;background:#1e293b;position:relative;z-index:1}.timer-fill[data-v-bc39bef2]{height:100%;background:var(--primary);transform-origin:left}.timer-fill.urgent[data-v-bc39bef2]{background:#ef4444;animation:pulse-bc39bef2 .4s ease-in-out infinite alternate}@keyframes pulse-bc39bef2{0%{opacity:.7}to{opacity:1}}.game-main[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--pad) var(--pad) 32px;gap:18px}.score-row[data-v-bc39bef2]{display:flex;align-items:baseline;gap:6px;position:relative}.score-val[data-v-bc39bef2]{font-size:2rem;font-weight:900;color:var(--primary)}.score-unit[data-v-bc39bef2]{font-size:.9rem;color:#64748b;font-weight:600}.score-bump[data-v-bc39bef2]{position:absolute;left:100%;top:-4px;font-size:1rem;font-weight:800;color:#4ade80;white-space:nowrap;padding-left:6px;pointer-events:none}.bump-enter-active[data-v-bc39bef2]{animation:bump-up-bc39bef2 .8s ease forwards}@keyframes bump-up-bc39bef2{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-30px)}}.question-card[data-v-bc39bef2]{position:relative;background:#1e293bf2;border:2px solid #334155;border-radius:calc(var(--radius) + 4px);padding:40px 32px;text-align:center;width:100%;max-width:600px;min-height:180px;box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;animation:slideUp-bc39bef2 .28s cubic-bezier(.4,0,.2,1);transition:border-color .2s,background .2s}@keyframes slideUp-bc39bef2{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.question-card.card-correct[data-v-bc39bef2]{border-color:#22c55e;background:#052e16e6}.question-card.card-wrong[data-v-bc39bef2]{border-color:#ef4444;background:#450a0ae6}.q-counter[data-v-bc39bef2]{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.q-text[data-v-bc39bef2]{font-size:clamp(1.4rem,4.5vw,2.2rem);font-weight:800;color:#f8fafc;line-height:1.3}.q-img[data-v-bc39bef2]{width:120px;height:120px;object-fit:contain;display:block;margin:8px auto;border-radius:12px}.feedback-overlay[data-v-bc39bef2]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:inherit}.fb-correct[data-v-bc39bef2]{background:#052e16eb}.fb-wrong[data-v-bc39bef2]{background:#450a0aeb}.fb-icon[data-v-bc39bef2]{font-size:2.8rem;font-weight:900;line-height:1}.fb-correct .fb-icon[data-v-bc39bef2]{color:#4ade80}.fb-wrong .fb-icon[data-v-bc39bef2]{color:#f87171}.fb-msg[data-v-bc39bef2]{font-size:1.4rem;font-weight:800}.fb-correct .fb-msg[data-v-bc39bef2]{color:#86efac}.fb-wrong .fb-msg[data-v-bc39bef2]{color:#fca5a5}.fb-hint[data-v-bc39bef2]{font-size:.85rem;color:#94a3b8;font-style:italic;margin-top:2px}.fade-enter-active[data-v-bc39bef2]{transition:opacity .18s ease}.fade-enter-from[data-v-bc39bef2]{opacity:0}.answer-grid[data-v-bc39bef2]{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:600px}.answer-btn[data-v-bc39bef2]{display:flex;align-items:center;gap:12px;padding:18px 16px;border:2px solid #334155;border-radius:var(--radius);background:#1e293bcc;color:#f8fafc;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;text-align:left;transition:transform .12s,box-shadow .12s,border-color .15s,background .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:70px}.answer-btn[data-v-bc39bef2]:not(:disabled):hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:0 8px 24px #00000059;background:#1e293b}.answer-btn[data-v-bc39bef2]:not(:disabled):active{transform:translateY(-1px)}.answer-btn[data-v-bc39bef2]:disabled{cursor:not-allowed;opacity:.5}.answer-btn.btn-hit[data-v-bc39bef2]{opacity:1!important;border-color:#22c55e;background:#052e1699}.answer-btn.btn-miss[data-v-bc39bef2]{opacity:1!important;border-color:#ef4444;background:#450a0a99}.choice-letter[data-v-bc39bef2]{width:28px;height:28px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;flex-shrink:0;color:var(--primary)}.choice-text[data-v-bc39bef2]{flex:1;line-height:1.3}.end-screen[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.end-card[data-v-bc39bef2]{background:#1e293bf7;border:1px solid #334155;border-radius:28px;box-shadow:0 24px 64px #0000008c;padding:48px 40px;text-align:center;max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn-bc39bef2 .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-bc39bef2{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.end-avatar[data-v-bc39bef2]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2rem;color:#fff;border:3px solid rgba(255,255,255,.25);margin-bottom:4px}.avatar-initial[data-v-bc39bef2]{font-size:2rem;font-weight:900;color:#fff}.end-outcome-emoji[data-v-bc39bef2]{font-size:2.4rem}.end-title[data-v-bc39bef2]{font-size:1.6rem;font-weight:900;color:#f8fafc}.end-username[data-v-bc39bef2]{font-size:1rem;font-weight:700;color:var(--primary)}.end-classroom-badge[data-v-bc39bef2]{font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:20px;border:1.5px solid;background:#ffffff0a;letter-spacing:.02em}.end-score-block[data-v-bc39bef2]{display:flex;align-items:baseline;gap:6px;margin:4px 0}.end-score-num[data-v-bc39bef2]{font-size:3.5rem;font-weight:900;color:var(--primary);line-height:1}.end-score-unit[data-v-bc39bef2]{font-size:1rem;font-weight:600;color:#64748b}.end-stars[data-v-bc39bef2]{display:flex;gap:6px;font-size:2rem}.star[data-v-bc39bef2]{color:#334155;transition:color .4s,text-shadow .4s}.star.earned[data-v-bc39bef2]{color:#fbbf24;text-shadow:0 0 12px rgba(251,191,36,.7)}.end-stats[data-v-bc39bef2]{display:flex;gap:28px;margin:4px 0}.end-stat[data-v-bc39bef2]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-val[data-v-bc39bef2]{font-size:1.5rem;font-weight:900;color:#f8fafc}.stat-lbl[data-v-bc39bef2]{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.end-session-row[data-v-bc39bef2]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.attempt-label[data-v-bc39bef2]{font-size:.75rem;color:#64748b;font-style:italic}.btn-play-again[data-v-bc39bef2]{margin-top:8px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:14px 40px;font-size:1.05rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .12s,opacity .12s;box-shadow:0 4px 18px #00000059}.btn-play-again[data-v-bc39bef2]:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.btn-play-again[data-v-bc39bef2]:active{transform:translateY(0);opacity:.9}@media (max-width: 480px){.game-main[data-v-bc39bef2]{padding:14px 12px 24px;gap:14px}.question-card[data-v-bc39bef2]{padding:28px 20px}.answer-grid[data-v-bc39bef2]{gap:10px}.answer-btn[data-v-bc39bef2]{padding:14px 12px;min-height:60px}.end-card[data-v-bc39bef2]{padding:36px 24px}.end-score-num[data-v-bc39bef2]{font-size:2.8rem}}.lobby-screen[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.lobby-card[data-v-bc39bef2]{background:#1e293b;border-radius:calc(var(--radius, 16px) + 4px);box-shadow:0 12px 40px #0006;padding:48px 40px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;border:2px solid var(--classroom-border, rgba(99,102,241,.3));animation:lobbyPopIn-bc39bef2 .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes lobbyPopIn-bc39bef2{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lobby-game-icon[data-v-bc39bef2]{font-size:3.5rem;line-height:1}.lobby-game-name[data-v-bc39bef2]{font-size:1.5rem;font-weight:800;color:#f8fafc;margin:0}.lobby-user-row[data-v-bc39bef2]{display:flex;align-items:center;gap:8px;background:#ffffff0f;border-radius:40px;padding:8px 16px;font-size:.9rem;font-weight:600;color:#e2e8f0}.lobby-avatar[data-v-bc39bef2]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;flex-shrink:0}.lobby-sep[data-v-bc39bef2]{color:#475569}.lobby-classroom[data-v-bc39bef2]{color:var(--classroom-color, #6366f1);font-weight:700}.lobby-data-info[data-v-bc39bef2]{font-size:.9rem;color:#94a3b8;font-weight:500;background:#ffffff0f;border-radius:8px;padding:6px 16px}.lobby-btn-start[data-v-bc39bef2]{margin-top:8px;background:var(--primary, #6366f1);color:#fff;border:none;border-radius:var(--radius, 12px);padding:14px 40px;font-size:1.1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 14px #0000004d}.lobby-btn-start[data-v-bc39bef2]:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0006}.lobby-waiting[data-v-bc39bef2]{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.9rem;color:#64748b;font-weight:500}.lobby-dots[data-v-bc39bef2]{letter-spacing:4px;animation:lobbyBlink-bc39bef2 1.2s ease-in-out infinite}@keyframes lobbyBlink-bc39bef2{0%,to{opacity:.3}50%{opacity:1}}.ended-screen[data-v-bc39bef2]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.pause-overlay[data-v-bc39bef2]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-card[data-v-bc39bef2]{background:#1e293b;border:1px solid #334155;border-radius:20px;padding:36px 48px;text-align:center;box-shadow:0 20px 60px #00000080}.pause-icon[data-v-bc39bef2]{font-size:3rem;margin-bottom:8px}.pause-title[data-v-bc39bef2]{font-size:1.5rem;font-weight:800;color:#f8fafc;margin:0 0 4px}.pause-sub[data-v-bc39bef2]{font-size:.9rem;color:#64748b;margin:0}.fade-enter-active[data-v-bc39bef2],.fade-leave-active[data-v-bc39bef2]{transition:opacity .2s ease}.fade-enter-from[data-v-bc39bef2],.fade-leave-to[data-v-bc39bef2]{opacity:0}.q-audio-btn[data-v-bc39bef2]{background:none;border:1.5px solid #e2e8f0;border-radius:50%;width:36px;height:36px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:4px auto}.q-audio-btn[data-v-bc39bef2]:hover{background:#f1f5f9}