[data-v-8b000d52],[data-v-8b000d52]:before,[data-v-8b000d52]:after{box-sizing:border-box;margin:0;padding:0}.game-root[data-v-8b000d52]{min-height:100vh;background:linear-gradient(150deg,var(--classroom-bg) 0%,var(--classroom-tint) 100%);font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#1e293b;display:flex;flex-direction:column;position:relative;overflow:hidden}.classroom-glow[data-v-8b000d52]{position:fixed;top:-30%;left:50%;transform:translate(-50%);width:70vw;height:50vw;background:radial-gradient(ellipse,var(--classroom-color) 0%,transparent 70%);opacity:.1;pointer-events:none;z-index:0}.connecting[data-v-8b000d52],.loading-screen[data-v-8b000d52]{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;font-weight:500;min-height:100vh}.spinner[data-v-8b000d52]{width:40px;height:40px;border:4px solid rgba(0,0,0,.08);border-top-color:var(--classroom-color);border-radius:50%;animation:spin-8b000d52 .8s linear infinite}@keyframes spin-8b000d52{to{transform:rotate(360deg)}}.lobby-screen[data-v-8b000d52]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.lobby-card[data-v-8b000d52]{background:#fff;border-radius:calc(var(--radius) + 4px);box-shadow:0 12px 40px #0000001a;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);animation:popIn-8b000d52 .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn-8b000d52{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lobby-icon[data-v-8b000d52]{font-size:3rem}.lobby-title[data-v-8b000d52]{font-size:1.5rem;font-weight:800;color:#1e293b}.lobby-user-row[data-v-8b000d52]{display:flex;align-items:center;gap:8px;background:#f8fafc;border-radius:40px;padding:8px 16px;font-size:.88rem;font-weight:600;color:#374151}.lobby-avatar[data-v-8b000d52]{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff}.lobby-sep[data-v-8b000d52]{color:#cbd5e1}.lobby-classroom[data-v-8b000d52]{color:var(--classroom-color);font-weight:700}.lobby-info[data-v-8b000d52]{font-size:.88rem;color:#64748b;background:#f1f5f9;border-radius:8px;padding:6px 16px}.lobby-btn[data-v-8b000d52]{margin-top:4px;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;box-shadow:0 4px 14px #0000002e;transition:transform .12s,box-shadow .12s}.lobby-btn[data-v-8b000d52]:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000038}.lobby-waiting[data-v-8b000d52]{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.88rem;color:#94a3b8}.dots[data-v-8b000d52]{letter-spacing:4px;animation:blink-8b000d52 1.2s ease-in-out infinite}@keyframes blink-8b000d52{0%,to{opacity:.3}50%{opacity:1}}.game-layout[data-v-8b000d52]{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}.header[data-v-8b000d52]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;gap:8px;flex-wrap:wrap;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--classroom-border)}.header-user[data-v-8b000d52]{display:flex;align-items:center;gap:10px}.avatar-sm[data-v-8b000d52]{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:#fff;border:2px solid rgba(255,255,255,.4)}.user-info[data-v-8b000d52]{display:flex;flex-direction:column}.user-name[data-v-8b000d52]{font-weight:700;font-size:.88rem;color:#1e293b;line-height:1.2}.user-classroom[data-v-8b000d52]{font-size:.72rem;color:var(--classroom-color);font-weight:600;line-height:1.2}.mode-pill[data-v-8b000d52]{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}.mode-solo[data-v-8b000d52]{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.mode-class[data-v-8b000d52]{background:var(--classroom-bg);color:var(--classroom-color);border:1px solid var(--classroom-border)}.mode-group[data-v-8b000d52]{background:#fef9c3;color:#a16207;border:1px solid #fde047}.header-right[data-v-8b000d52]{display:flex;align-items:center;gap:10px;flex-shrink:0}.hearts[data-v-8b000d52]{display:flex;gap:2px;font-size:1.05rem}.hearts span[data-v-8b000d52]{transition:transform .2s,filter .2s}.hearts span.lost[data-v-8b000d52]{filter:grayscale(1);opacity:.35;transform:scale(.85)}.combo-badge[data-v-8b000d52]{display:flex;align-items:baseline;gap:1px;padding:4px 12px;border-radius:20px;font-weight:900;transition:background .3s,box-shadow .3s,transform .2s}.cx[data-v-8b000d52]{font-size:.8rem;opacity:.8}.combo-badge span[data-v-8b000d52]:first-child{font-size:1.2rem;line-height:1}.cb-1[data-v-8b000d52]{background:#f1f5f9;color:#94a3b8}.cb-2[data-v-8b000d52]{background:#fef9c3;color:#a16207;box-shadow:0 0 8px #eab3084d}.cb-3[data-v-8b000d52]{background:#ffedd5;color:#c2410c;box-shadow:0 0 12px #f9731659;transform:scale(1.05)}.cb-4[data-v-8b000d52]{background:#fee2e2;color:#b91c1c;box-shadow:0 0 16px #ef444466;transform:scale(1.1)}.cb-5[data-v-8b000d52]{background:#f3e8ff;color:#7c3aed;box-shadow:0 0 20px #a855f780;transform:scale(1.15);animation:glow-8b000d52 1s ease-in-out infinite alternate}@keyframes glow-8b000d52{0%{box-shadow:0 0 14px #a855f766}to{box-shadow:0 0 26px #a855f7cc}}.timer-track[data-v-8b000d52]{width:100%;height:6px;background:#0000000f}.timer-fill[data-v-8b000d52]{height:100%;background:var(--primary);transform-origin:left}.timer-fill.urgent[data-v-8b000d52]{background:#ef4444;animation:pulse-8b000d52 .4s ease-in-out infinite alternate}@keyframes pulse-8b000d52{0%{opacity:.7}to{opacity:1}}.main[data-v-8b000d52]{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 32px;gap:20px}.score-row[data-v-8b000d52]{display:flex;align-items:baseline;gap:5px;position:relative}.score-val[data-v-8b000d52]{font-size:1.8rem;font-weight:900;color:var(--primary)}.score-unit[data-v-8b000d52]{font-size:.85rem;color:#94a3b8;font-weight:600}.score-bump[data-v-8b000d52]{position:absolute;left:100%;top:-4px;font-size:.95rem;font-weight:800;color:#16a34a;padding-left:6px;pointer-events:none;white-space:nowrap}.bump-enter-active[data-v-8b000d52]{animation:bumpUp-8b000d52 .8s ease forwards}@keyframes bumpUp-8b000d52{0%{opacity:1;transform:translateY(0)}60%{opacity:1;transform:translateY(-18px)}to{opacity:0;transform:translateY(-28px)}}.prompt-area[data-v-8b000d52]{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.play-btn[data-v-8b000d52]{width:80px;height:80px;border-radius:50%;border:3px solid var(--classroom-border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 4px 16px #0000001a;transition:transform .15s,box-shadow .15s,background .2s}.play-btn[data-v-8b000d52]:hover:not(:disabled){transform:scale(1.08);box-shadow:0 8px 24px #00000026}.play-btn.playing[data-v-8b000d52]{background:var(--classroom-bg);border-color:var(--classroom-color);animation:pulse-ring-8b000d52 .8s ease-in-out infinite alternate}@keyframes pulse-ring-8b000d52{0%{box-shadow:0 0 0 0 var(--classroom-border)}to{box-shadow:0 0 0 10px transparent}}.play-btn.answered[data-v-8b000d52]{box-shadow:none}.play-btn[data-v-8b000d52]:disabled{cursor:not-allowed;opacity:.5}.play-icon[data-v-8b000d52]{line-height:1}.prompt-hint[data-v-8b000d52]{font-size:.9rem;color:#64748b;font-weight:500;text-align:center}.q-counter[data-v-8b000d52]{font-size:.75rem;color:#94a3b8;font-weight:600;letter-spacing:.05em}.image-grid[data-v-8b000d52]{display:grid;gap:14px;width:100%;max-width:560px}.grid-4[data-v-8b000d52]{grid-template-columns:1fr 1fr}.grid-6[data-v-8b000d52]{grid-template-columns:repeat(3,1fr)}.img-card[data-v-8b000d52]{aspect-ratio:1;border-radius:var(--radius);border:3px solid transparent;background:#fff;cursor:pointer;overflow:hidden;position:relative;box-shadow:0 4px 12px #00000014;transition:transform .15s,box-shadow .15s,border-color .2s,opacity .2s;display:flex;align-items:center;justify-content:center}.img-card[data-v-8b000d52]:not(:disabled):hover{transform:translateY(-4px) scale(1.03);box-shadow:0 10px 28px #00000024;border-color:var(--classroom-color)}.img-card[data-v-8b000d52]:disabled{cursor:not-allowed}.card-img[data-v-8b000d52]{width:65%;height:65%;object-fit:contain;display:block}.img-card.card-correct[data-v-8b000d52]{border-color:#16a34a;background:#f0fdf4;box-shadow:0 0 0 4px #16a34a33}.img-card.card-wrong[data-v-8b000d52]{border-color:#dc2626;background:#fef2f2;animation:shake-8b000d52 .4s ease}.img-card.card-dim[data-v-8b000d52]{opacity:.35}@keyframes shake-8b000d52{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.card-label-correct[data-v-8b000d52]{position:absolute;bottom:0;left:0;right:0;background:#16a34ae6;color:#fff;font-size:.75rem;font-weight:700;text-align:center;padding:4px 6px}.end-screen[data-v-8b000d52]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.end-card[data-v-8b000d52]{background:#fff;border-radius:28px;box-shadow:0 20px 60px #0000001f;padding:48px 40px;max-width:400px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;animation:popIn-8b000d52 .5s cubic-bezier(.175,.885,.32,1.275)}.end-avatar[data-v-8b000d52]{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;border:3px solid rgba(255,255,255,.3)}.end-emoji[data-v-8b000d52]{font-size:2.2rem}.end-title[data-v-8b000d52]{font-size:1.6rem;font-weight:900;color:#1e293b}.end-name[data-v-8b000d52]{font-size:1rem;font-weight:700;color:var(--primary)}.end-classroom[data-v-8b000d52]{font-size:.85rem;font-weight:700;padding:4px 14px;border-radius:20px;border:1.5px solid;background:transparent}.end-score[data-v-8b000d52]{display:flex;align-items:baseline;gap:5px}.end-score-num[data-v-8b000d52]{font-size:3rem;font-weight:900;color:var(--primary);line-height:1}.end-score-unit[data-v-8b000d52]{font-size:.9rem;color:#94a3b8;font-weight:600}.end-stars[data-v-8b000d52]{display:flex;gap:6px;font-size:1.8rem}.star[data-v-8b000d52]{color:#e2e8f0;transition:color .4s,text-shadow .4s}.star.earned[data-v-8b000d52]{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.7)}.end-stats[data-v-8b000d52]{display:flex;gap:24px}.end-stat[data-v-8b000d52]{display:flex;flex-direction:column;align-items:center;gap:2px}.sv[data-v-8b000d52]{font-size:1.4rem;font-weight:900;color:#1e293b}.sl[data-v-8b000d52]{font-size:.68rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.end-meta[data-v-8b000d52]{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.attempt[data-v-8b000d52]{font-size:.75rem;color:#94a3b8;font-style:italic}.btn-again[data-v-8b000d52]{margin-top:4px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:13px 36px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 14px #0000002e;transition:transform .12s,box-shadow .12s}.btn-again[data-v-8b000d52]:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000038}.pause-overlay[data-v-8b000d52]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#ffffffa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pause-card[data-v-8b000d52]{background:#fff;border-radius:20px;padding:36px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 20px 60px #00000026}.fade-enter-active[data-v-8b000d52]{transition:opacity .2s ease}.fade-enter-from[data-v-8b000d52]{opacity:0}@media (max-width: 480px){.main[data-v-8b000d52]{padding:14px 12px 24px;gap:14px}.play-btn[data-v-8b000d52]{width:64px;height:64px;font-size:1.8rem}.image-grid[data-v-8b000d52]{gap:10px}.end-card[data-v-8b000d52]{padding:36px 24px}}