[data-v-c7f2b3c3],[data-v-c7f2b3c3]:before,[data-v-c7f2b3c3]:after{box-sizing:border-box;margin:0;padding:0}.app[data-v-c7f2b3c3]{min-height:100vh;background:linear-gradient(135deg,var(--classroom-bg) 0%,var(--classroom-tint) 100%);font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center;position:relative}.classroom-glow[data-v-c7f2b3c3]{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}.loading[data-v-c7f2b3c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#0e7490;font-size:1rem}.spinner[data-v-c7f2b3c3]{width:40px;height:40px;border:4px solid #e0f2fe;border-top-color:var(--primary);border-radius:50%;animation:spin-c7f2b3c3 .8s linear infinite}@keyframes spin-c7f2b3c3{to{transform:rotate(360deg)}}.loading-screen[data-v-c7f2b3c3]{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-c7f2b3c3]{width:40px;height:40px;border:4px solid rgba(0,0,0,.08);border-top-color:var(--classroom-color, var(--primary, #6366f1));border-radius:50%;animation:spin-c7f2b3c3 .8s linear infinite}.game-screen[data-v-c7f2b3c3]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:580px;padding:24px 20px 32px;gap:20px;min-height:100vh;justify-content:center}.game-header[data-v-c7f2b3c3]{width:100%;display:flex;flex-direction:column;gap:10px}.progress-area[data-v-c7f2b3c3]{display:flex;flex-direction:column;gap:6px}.progress-label-row[data-v-c7f2b3c3]{display:flex;justify-content:space-between;align-items:center}.progress-text[data-v-c7f2b3c3]{font-size:.88rem;font-weight:600;color:#0e7490}.timer-badge[data-v-c7f2b3c3]{font-size:.82rem;font-weight:600;color:#6b7280;background:#fff;padding:3px 10px;border-radius:999px;border:1.5px solid #e5e7eb}.progress-bar[data-v-c7f2b3c3]{height:10px;background:#ffffffb3;border-radius:999px;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--primary) 25%,transparent)}.progress-fill[data-v-c7f2b3c3]{height:100%;background:var(--primary);border-radius:999px;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.card-counter[data-v-c7f2b3c3]{font-size:.82rem;color:#6b7280;font-weight:500;text-align:right}.card-area[data-v-c7f2b3c3]{position:relative;width:100%;height:320px;display:flex;align-items:center;justify-content:center;perspective:1200px}.card-ghost[data-v-c7f2b3c3]{position:absolute;width:calc(100% + -0px);height:100%;background:#fff;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;border:2px solid #e5e7eb}.flip-wrapper[data-v-c7f2b3c3]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);cursor:pointer;z-index:20}.flip-wrapper.flipped[data-v-c7f2b3c3]{transform:rotateY(180deg)}.card-face[data-v-c7f2b3c3]{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--radius);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;display:flex;align-items:center;justify-content:center;border:2.5px solid transparent}.card-front[data-v-c7f2b3c3]{background:#fff;border-color:color-mix(in srgb,var(--primary) 20%,transparent)}.card-back[data-v-c7f2b3c3]{background:var(--primary);transform:rotateY(180deg);border-color:transparent}.face-inner[data-v-c7f2b3c3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;gap:12px;width:100%;height:100%}.face-label[data-v-c7f2b3c3]{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--primary) 70%,transparent);background:color-mix(in srgb,var(--primary) 10%,transparent);padding:4px 12px;border-radius:999px}.back-label[data-v-c7f2b3c3]{color:#fffc;background:#fff3}.face-text[data-v-c7f2b3c3]{font-size:2.2rem;font-weight:800;color:#1f2937;text-align:center;line-height:1.2}.back-text[data-v-c7f2b3c3]{color:#fff;font-size:2rem}.face-img[data-v-c7f2b3c3]{width:140px;height:140px;object-fit:contain;display:block;margin:8px auto;border-radius:12px}.face-sub[data-v-c7f2b3c3]{font-size:1rem;color:#ffffffb3;font-style:italic;font-weight:400}.flip-hint[data-v-c7f2b3c3]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.78rem;color:#9ca3af;margin-top:8px}.key-hint[data-v-c7f2b3c3]{font-size:.7rem;color:#d1d5db}.action-buttons[data-v-c7f2b3c3]{display:flex;gap:16px;width:100%}.btn-again[data-v-c7f2b3c3],.btn-got-it[data-v-c7f2b3c3]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border:none;border-radius:var(--radius);cursor:pointer;font-weight:700;transition:transform .15s,box-shadow .15s;position:relative}.btn-again[data-v-c7f2b3c3]{background:#fff7ed;color:#c2410c;border:2.5px solid #fed7aa}.btn-again[data-v-c7f2b3c3]:hover{background:#ffedd5;transform:translateY(-2px);box-shadow:0 6px 16px #c2410c33}.btn-got-it[data-v-c7f2b3c3]{background:#f0fdf4;color:#065f46;border:2.5px solid #a7f3d0}.btn-got-it[data-v-c7f2b3c3]:hover{background:#d1fae5;transform:translateY(-2px);box-shadow:0 6px 16px #065f4633}.btn-icon[data-v-c7f2b3c3]{font-size:1.5rem}.btn-label[data-v-c7f2b3c3]{font-size:.95rem}.btn-key[data-v-c7f2b3c3]{position:absolute;top:8px;right:10px;font-size:.7rem;opacity:.5;font-weight:400}.flip-prompt[data-v-c7f2b3c3]{text-align:center;color:#6b7280;font-size:.9rem}.flip-prompt kbd[data-v-c7f2b3c3]{background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:5px;padding:2px 7px;font-family:monospace;font-size:.85rem;color:#374151}.result-screen[data-v-c7f2b3c3]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative;z-index:1}.result-card[data-v-c7f2b3c3]{background:#fff;border-radius:var(--radius);padding:48px 40px;text-align:center;box-shadow:0 20px 60px #0000001f;max-width:440px;width:100%}.result-emoji[data-v-c7f2b3c3]{font-size:4rem;margin-bottom:12px}.result-title[data-v-c7f2b3c3]{font-size:1.9rem;font-weight:800;color:#1f2937;margin-bottom:24px}.result-stats[data-v-c7f2b3c3]{display:flex;justify-content:center;align-items:stretch;background:#ecfeff;border-radius:16px;padding:16px;margin-bottom:16px}.stat-box[data-v-c7f2b3c3]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num[data-v-c7f2b3c3]{font-size:2rem;font-weight:900;color:var(--primary)}.stat-label[data-v-c7f2b3c3]{font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.stat-divider[data-v-c7f2b3c3]{width:1.5px;background:#e5e7eb;margin:0 8px}.result-sub[data-v-c7f2b3c3]{color:#6b7280;font-size:.95rem;margin-bottom:28px;line-height:1.5}.btn-play-again[data-v-c7f2b3c3]{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:14px 40px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .15s;box-shadow:0 4px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.btn-play-again[data-v-c7f2b3c3]:hover{opacity:.9;transform:translateY(-1px)}.actions-enter-active[data-v-c7f2b3c3],.actions-leave-active[data-v-c7f2b3c3]{transition:all .3s ease}.actions-enter-from[data-v-c7f2b3c3]{opacity:0;transform:translateY(12px)}.actions-leave-to[data-v-c7f2b3c3]{opacity:0;transform:translateY(-8px)}.lobby-screen[data-v-c7f2b3c3]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.lobby-card[data-v-c7f2b3c3]{background:#fff;border-radius:calc(var(--radius, 16px) + 4px);box-shadow:0 12px 40px #0000001f;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,.2));animation:lobbyPopIn-c7f2b3c3 .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes lobbyPopIn-c7f2b3c3{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lobby-game-icon[data-v-c7f2b3c3]{font-size:3.5rem;line-height:1}.lobby-game-name[data-v-c7f2b3c3]{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.lobby-user-row[data-v-c7f2b3c3]{display:flex;align-items:center;gap:8px;background:#f8fafc;border-radius:40px;padding:8px 16px;font-size:.9rem;font-weight:600;color:#374151}.lobby-avatar[data-v-c7f2b3c3]{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-c7f2b3c3]{color:#cbd5e1}.lobby-classroom[data-v-c7f2b3c3]{color:var(--classroom-color, #6366f1);font-weight:700}.lobby-data-info[data-v-c7f2b3c3]{font-size:.9rem;color:#64748b;font-weight:500;background:#f1f5f9;border-radius:8px;padding:6px 16px}.lobby-btn-start[data-v-c7f2b3c3]{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 #0003}.lobby-btn-start[data-v-c7f2b3c3]:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000040}.lobby-waiting[data-v-c7f2b3c3]{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.9rem;color:#94a3b8;font-weight:500}.lobby-dots[data-v-c7f2b3c3]{letter-spacing:4px;animation:lobbyBlink-c7f2b3c3 1.2s ease-in-out infinite}@keyframes lobbyBlink-c7f2b3c3{0%,to{opacity:.3}50%{opacity:1}}.ended-screen[data-v-c7f2b3c3]{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh}.pause-overlay[data-v-c7f2b3c3]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-card[data-v-c7f2b3c3]{background:#fff;border-radius:20px;padding:36px 48px;text-align:center;box-shadow:0 20px 60px #0000004d}.pause-icon[data-v-c7f2b3c3]{font-size:3rem;margin-bottom:8px}.pause-title[data-v-c7f2b3c3]{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0 0 4px}.pause-sub[data-v-c7f2b3c3]{font-size:.9rem;color:#64748b;margin:0}.fade-enter-active[data-v-c7f2b3c3],.fade-leave-active[data-v-c7f2b3c3]{transition:opacity .2s ease}.fade-enter-from[data-v-c7f2b3c3],.fade-leave-to[data-v-c7f2b3c3]{opacity:0}.game-screen[data-v-c7f2b3c3]{position:relative}