@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.page-container[data-v-d29ba88d]{max-width:900px}.main-card[data-v-d29ba88d]{padding:32px}.card-header[data-v-d29ba88d]{margin-bottom:32px}.card-header h2[data-v-d29ba88d]{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.action-grid[data-v-d29ba88d]{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=600px){.action-grid[data-v-d29ba88d]{grid-template-columns:1fr}}.action-box[data-v-d29ba88d]{border:1px solid var(--border-color);text-align:center;color:var(--text-main);background:var(--surface);cursor:pointer;border-radius:12px;padding:32px 24px;text-decoration:none;transition:all .2s}.action-box[data-v-d29ba88d]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.action-box.primary[data-v-d29ba88d]{background:#fffaf5;border-color:#fdba74}.action-box.primary[data-v-d29ba88d]:hover{border-color:var(--primary-color);box-shadow:0 10px 15px -3px #f973161a}.emoji[data-v-d29ba88d]{margin-bottom:16px;font-size:2.5rem;display:block}.action-box h3[data-v-d29ba88d]{margin-bottom:8px;font-size:1.15rem;font-weight:700}.action-box p[data-v-d29ba88d]{color:var(--text-muted);margin:0;font-size:.9rem}.workshop-container[data-v-28237631]{text-align:center;background-color:#f4f6f9;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:sans-serif;display:flex}h1[data-v-28237631]{color:#2c3e50;font-size:2.5rem}p[data-v-28237631]{color:#7f8c8d;font-size:1.2rem}.btn[data-v-28237631]{color:#fff;background-color:#3498db;border-radius:6px;margin-top:2rem;padding:10px 20px;text-decoration:none;transition:background .2s;display:inline-block}.btn[data-v-28237631]:hover{background-color:#2980b9}.page-container[data-v-bd4264d7]{max-width:900px}.back-link[data-v-bd4264d7]{color:var(--text-muted);margin-bottom:12px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.back-link[data-v-bd4264d7]:hover{color:var(--primary-color)}.main-card[data-v-bd4264d7]{padding:32px}.card-header[data-v-bd4264d7]{margin-bottom:32px}.card-header h2[data-v-bd4264d7]{margin:0;font-size:1.25rem;font-weight:700}.action-grid[data-v-bd4264d7]{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=600px){.action-grid[data-v-bd4264d7]{grid-template-columns:1fr}}.action-box[data-v-bd4264d7]{border:1px solid var(--border-color);text-align:center;color:var(--text-main);background:var(--surface);cursor:pointer;border-radius:12px;padding:32px 24px;text-decoration:none;transition:all .2s}.action-box[data-v-bd4264d7]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.action-box.primary[data-v-bd4264d7]{background:#fffaf5;border-color:#fdba74}.action-box.primary[data-v-bd4264d7]:hover{border-color:var(--primary-color);box-shadow:0 10px 15px -3px #f973161a}.emoji[data-v-bd4264d7]{margin-bottom:16px;font-size:2.5rem;display:block}.action-box h3[data-v-bd4264d7]{margin-bottom:8px;font-size:1.15rem;font-weight:700}.action-box p[data-v-bd4264d7]{color:var(--text-muted);margin:0;font-size:.9rem}.teacher-dashboard[data-v-2d882525]{background-color:var(--bg-color);flex-direction:column;width:100%;height:100vh;display:flex}.header[data-v-2d882525]{background-color:var(--surface);border-bottom:1px solid var(--border-color);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px;display:flex;box-shadow:0 1px 2px #00000008}.header-left h1[data-v-2d882525]{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.header-right[data-v-2d882525]{align-items:center;gap:16px;display:flex}.badge[data-v-2d882525]{color:var(--text-main);background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:.9rem}.status[data-v-2d882525]{color:var(--success-color);font-size:.85rem;font-weight:600}.status.in-game[data-v-2d882525]{color:var(--primary-color)}.content[data-v-2d882525]{flex:1;padding-top:24px;padding-bottom:24px;overflow:auto}.dashboard-grid[data-v-2d882525]{grid-template-columns:2fr 1.2fr;gap:24px;height:100%;display:grid}@media (width<=900px){.dashboard-grid[data-v-2d882525]{grid-template-columns:1fr;height:auto}}.video-section[data-v-2d882525]{flex-direction:column;height:fit-content;display:flex}.text-muted[data-v-2d882525]{color:var(--text-muted);font-size:.95rem}.video-select[data-v-2d882525]{flex-direction:column;gap:8px;margin:24px 0;display:flex}.video-select label[data-v-2d882525]{font-size:.9rem;font-weight:600}.main-video[data-v-2d882525]{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:8px;width:100%;box-shadow:0 4px 6px #0000000d}.instruction[data-v-2d882525]{color:var(--text-muted);text-align:center;margin-top:16px;margin-bottom:24px;font-size:1rem}.leaderboard-section[data-v-2d882525]{flex-direction:column;gap:12px;display:flex}.leaderboard-header[data-v-2d882525]{justify-content:space-between;align-items:center;display:flex}.leaderboard-header h3[data-v-2d882525]{margin:0;font-size:1.1rem}.player-count[data-v-2d882525]{color:var(--text-muted);background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:.85rem;font-weight:600}.leaderboard-card[data-v-2d882525]{flex:1;padding:0;overflow-y:auto}.ranking-list[data-v-2d882525]{margin:0;padding:0;list-style:none}.ranking-item[data-v-2d882525]{border-bottom:1px solid var(--border-color);padding:16px 20px}.ranking-item[data-v-2d882525]:last-child{border-bottom:none}.player-info[data-v-2d882525]{align-items:center;gap:12px;display:flex}.rank[data-v-2d882525]{color:var(--text-muted);width:24px;font-size:1rem;font-weight:700}.rank.top-rank[data-v-2d882525]{color:var(--primary-color)}.name[data-v-2d882525]{flex:1;font-size:1rem;font-weight:600}.score[data-v-2d882525]{color:var(--text-main);font-size:1rem;font-weight:700}.score.top-score[data-v-2d882525]{color:var(--primary-color)}.prompt[data-v-2d882525]{color:var(--text-muted);word-break:break-word;margin-top:8px;padding-left:36px;font-size:.85rem;font-style:italic}.empty-state[data-v-2d882525]{color:var(--text-muted);text-align:center;padding:48px 20px;font-size:.95rem}.target-card[data-v-2d882525]{flex-direction:column;align-items:center;margin-top:24px;display:flex;overflow:hidden}.target-container[data-v-2d882525]{aspect-ratio:1;background:var(--surface);border:2px solid var(--border-color);border-radius:50%;width:100%;max-width:320px;margin:10px auto;position:relative;box-shadow:inset 0 0 20px #00000005}.target-ring[data-v-2d882525]{border:1px dashed var(--border-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1[data-v-2d882525]{width:80%;height:80%}.ring-2[data-v-2d882525]{width:60%;height:60%}.ring-3[data-v-2d882525]{width:40%;height:40%}.ring-4[data-v-2d882525]{width:20%;height:20%}.target-center[data-v-2d882525]{background-color:var(--danger-color);width:12px;height:12px;box-shadow:0 0 8px var(--danger-color);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-dot[data-v-2d882525]{background-color:var(--primary-color);z-index:10;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:all .5s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.dot-label[data-v-2d882525]{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;background:#0f172ad9;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:.7rem;transition:opacity .2s;position:absolute;top:100%;left:50%;transform:translate(-50%)}.player-dot[data-v-2d882525]:hover{z-index:20;transform:translate(-50%,-50%)scale(1.3)}.player-dot:hover .dot-label[data-v-2d882525]{opacity:1}.player-view[data-v-6d82fca2]{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.main-box[data-v-6d82fca2]{text-align:center;width:100%;max-width:420px;padding:40px 30px}@media (width<=480px){.main-box[data-v-6d82fca2]{padding:24px 16px}}.header-logo[data-v-6d82fca2]{margin-bottom:30px}.header-logo h2[data-v-6d82fca2]{color:var(--text-main);margin-top:8px;font-size:1.5rem;font-weight:800}.subtitle[data-v-6d82fca2]{color:var(--text-muted);margin-bottom:20px}.join-form[data-v-6d82fca2]{flex-direction:column;gap:12px;display:flex}.waiting-area[data-v-6d82fca2]{padding:20px 0}.waiting-area h2[data-v-6d82fca2]{margin-top:16px;margin-bottom:8px;font-size:1.25rem}.pin-badge[data-v-6d82fca2]{background:var(--primary-color);color:#fff;border-radius:8px;margin-top:16px;padding:6px 12px;font-size:1.1rem;font-weight:700;display:inline-block}.spinner[data-v-6d82fca2]{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin-6d82fca2}@keyframes spin-6d82fca2{to{transform:rotate(360deg)}}.ai-status[data-v-6d82fca2]{color:var(--text-muted);background-color:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:10px;font-size:.85rem;display:flex}.status-indicator[data-v-6d82fca2]{background-color:#94a3b8;border-radius:50%;width:8px;height:8px}.ai-status.ready .status-indicator[data-v-6d82fca2]{background-color:var(--success-color)}.ai-status.ready[data-v-6d82fca2]{color:#065f46;background-color:#ecfdf5}.section-title[data-v-6d82fca2]{margin-bottom:8px;font-size:1.25rem}.input-area[data-v-6d82fca2]{margin-top:20px;margin-bottom:30px}.result-box[data-v-6d82fca2]{border-top:1px solid var(--border-color);padding-top:20px}.result-box h3[data-v-6d82fca2]{color:var(--text-muted);margin-bottom:12px;font-size:1rem}.score-display[data-v-6d82fca2]{font-size:3.5rem;font-weight:800;line-height:1}.score-display .percent[data-v-6d82fca2]{font-size:1.5rem}.excellent[data-v-6d82fca2]{color:var(--success-color)}.good[data-v-6d82fca2]{color:var(--primary-color)}.poor[data-v-6d82fca2]{color:var(--text-main)}.hint[data-v-6d82fca2]{color:var(--text-muted);margin-top:12px;font-size:.85rem}.top-matches[data-v-6d82fca2]{border-top:1px dashed var(--border-color);text-align:left;margin-top:24px;padding-top:16px}.top-matches h4[data-v-6d82fca2]{color:var(--text-muted);margin-bottom:12px;font-size:.9rem;font-weight:600}.matches-grid[data-v-6d82fca2]{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.match-item[data-v-6d82fca2]{cursor:pointer;border:2px solid #0000;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.match-item[data-v-6d82fca2]:hover{border-color:var(--primary-color);transform:scale(1.02)}.match-thumb[data-v-6d82fca2]{aspect-ratio:16/9;background:var(--sidebar-bg);width:100%;position:relative}.match-thumb video[data-v-6d82fca2]{object-fit:cover;width:100%;height:100%}.match-score[data-v-6d82fca2]{color:#fff;background:#000000b3;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:4px;right:4px}.video-modal[data-v-6d82fca2]{z-index:1000;background:#0f172ae6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content[data-v-6d82fca2]{background:#000;border-radius:12px;width:90%;max-width:800px;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px #00000080}.modal-content video[data-v-6d82fca2]{width:100%;display:block}.close-btn[data-v-6d82fca2]{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:10px;right:10px}.close-btn[data-v-6d82fca2]:hover{background:var(--primary-color)}.inline-warning[data-v-6d82fca2]{color:#991b1b;text-align:left;background-color:#fee2e2;border:1px solid #f87171;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.warning-icon[data-v-6d82fca2]{font-size:1.8rem;line-height:1}.warning-text strong[data-v-6d82fca2]{margin-bottom:4px;font-size:1rem;display:block}.warning-text p[data-v-6d82fca2]{color:#7f1d1d;margin:0;font-size:.9rem;line-height:1.4}:root{--primary-color:#f97316;--primary-hover:#ea580c;--bg-color:#f8fafc;--sidebar-bg:#0f172a;--sidebar-active:#1e293b;--text-main:#0f172a;--text-muted:#64748b;--surface:#fff;--border-color:#e2e8f0;--success-color:#10b981;--danger-color:#ef4444}html,body{width:100%;height:100%;margin:0;padding:0}body{color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color)!important}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin-top:0}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.btn-primary{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;background-color:var(--primary-color)!important;color:#fff!important}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f9731640;background-color:var(--primary-hover)!important}.btn-primary:disabled{cursor:not-allowed;box-shadow:none;transform:none;background-color:#cbd5e1!important}.btn-outline{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--text-main)!important;border:1px solid var(--border-color)!important;background-color:#0000!important}.btn-outline:hover{border-color:var(--text-muted)!important;background-color:#f1f5f9!important}.input-field{border:1px solid var(--border-color);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #f973161a}.page-container{width:100%;max-width:100%;margin:0 auto;padding:32px 48px}@media (width<=768px){.page-container{padding:80px 24px 32px}}.page-header{margin-bottom:32px}.page-header .greeting{color:var(--text-muted);margin-bottom:4px;font-size:.9rem;font-weight:600}.page-header h1{letter-spacing:-.02em;font-size:2.2rem;font-weight:800}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-layout[data-v-c64e65aa]{background-color:var(--bg-color);height:100vh;display:flex;overflow:hidden}.sidebar[data-v-c64e65aa]{background-color:var(--sidebar-bg);color:#fff;flex-direction:column;width:250px;display:flex}.logo[data-v-c64e65aa]{margin-bottom:20px;padding:24px 20px}.logo h2[data-v-c64e65aa]{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.badge[data-v-c64e65aa]{background:var(--primary-color);text-transform:uppercase;border-radius:6px;padding:3px 6px;font-size:.65rem;font-weight:700}.nav-menu[data-v-c64e65aa]{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item[data-v-c64e65aa]{color:#94a3b8;border-left:3px solid #0000;align-items:center;gap:16px;padding:12px 24px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-c64e65aa]:hover{color:#fff;background-color:#ffffff0d}.nav-item.router-link-active[data-v-c64e65aa]{background-color:var(--sidebar-active);color:#fff;border-left-color:var(--primary-color)}.icon[data-v-c64e65aa]{text-align:center;width:24px;font-size:1.2rem}.sidebar-footer[data-v-c64e65aa]{padding:24px 20px}.user-info[data-v-c64e65aa]{align-items:center;gap:12px;display:flex}.username[data-v-c64e65aa]{color:#fff;font-size:.9rem;font-weight:600}.main-content[data-v-c64e65aa]{flex-direction:column;flex:1;display:flex;overflow-y:auto}.main-content.full-width[data-v-c64e65aa]{width:100vw}.hamburger-btn[data-v-c64e65aa]{z-index:100;background:var(--sidebar-bg);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:none;position:fixed;top:15px;left:15px;box-shadow:0 4px 6px -1px #0000001a}.sidebar-overlay[data-v-c64e65aa]{z-index:40;background:#00000080;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}@media (width<=768px){.hamburger-btn[data-v-c64e65aa]{display:flex}.sidebar[data-v-c64e65aa]{z-index:50;height:100vh;transition:left .3s;position:fixed;top:0;left:-250px}.sidebar.sidebar-open[data-v-c64e65aa]{left:0}.sidebar-overlay[data-v-c64e65aa]{display:block}.main-content[data-v-c64e65aa]{width:100vw}}