body{margin:0;padding:0}.big-screen[data-v-3f7c6713]{width:100vw;height:100vh;background-color:#0b1121;color:#e2e8f0;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,system-ui,sans-serif}.header[data-v-3f7c6713]{padding:1.5rem;text-align:center;border-bottom:1px solid #1e293b;background:linear-gradient(180deg,#0f172af2,#0f172acc);z-index:10;box-shadow:0 4px 20px #0000004d}.header h1[data-v-3f7c6713]{font-size:2.5rem;font-weight:800;background:linear-gradient(to right,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 30px rgba(251,191,36,.2)}.main-content[data-v-3f7c6713]{flex:1;display:flex;overflow:hidden;padding:2rem;gap:2rem}.leaderboard-section[data-v-3f7c6713]{flex:3;overflow-y:auto;padding:.5rem}.ranking-list[data-v-3f7c6713]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.rank-item[data-v-3f7c6713]{display:flex;align-items:center;background:#1e293b;padding:1rem 2rem;border-radius:16px;border:1px solid #334155;box-shadow:0 4px 6px -1px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rank-1[data-v-3f7c6713]{background:linear-gradient(90deg,#fbbf241a,#fbbf2405);border-color:#fbbf24;box-shadow:0 0 20px #fbbf2426}.rank-1 .rank-position[data-v-3f7c6713]{color:#fbbf24;font-size:2.5rem;text-shadow:0 0 10px rgba(251,191,36,.5)}.rank-2[data-v-3f7c6713]{border-color:#94a3b8}.rank-2 .rank-position[data-v-3f7c6713]{color:#cbd5e1;font-size:2.2rem}.rank-3[data-v-3f7c6713]{border-color:#b45309}.rank-3 .rank-position[data-v-3f7c6713]{color:#d97706;font-size:2rem}.rank-position[data-v-3f7c6713]{font-size:1.5rem;font-weight:900;color:#64748b;width:60px;text-align:center}.rank-avatar[data-v-3f7c6713]{width:56px;height:56px;border-radius:50%;overflow:hidden;margin:0 1.5rem;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000004d}.rank-avatar img[data-v-3f7c6713]{width:100%;height:100%;object-fit:cover}.rank-info[data-v-3f7c6713]{flex:1;display:flex;flex-direction:column;gap:.5rem}.rank-name[data-v-3f7c6713]{font-size:1.25rem;font-weight:600;color:#f1f5f9}.rank-score-bar[data-v-3f7c6713]{height:6px;background:#334155;border-radius:3px;overflow:hidden;width:100%}.bar-fill[data-v-3f7c6713]{height:100%;border-radius:3px;transition:width 1s ease-out}.rank-1 .bar-fill[data-v-3f7c6713]{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.rank-2 .bar-fill[data-v-3f7c6713]{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.rank-3 .bar-fill[data-v-3f7c6713]{background:linear-gradient(90deg,#d97706,#b45309)}.rank-item:not(.rank-1):not(.rank-2):not(.rank-3) .bar-fill[data-v-3f7c6713]{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.rank-score[data-v-3f7c6713]{font-size:2rem;font-weight:700;color:#38bdf8;width:120px;text-align:right;font-variant-numeric:tabular-nums;text-shadow:0 0 10px rgba(56,189,248,.3)}.sidebar-container[data-v-3f7c6713]{flex:1;max-width:320px;display:flex;flex-direction:column;gap:1.5rem}.log-section[data-v-3f7c6713]{flex:1;background:#1e293b66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.1);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 6px -1px #0003}.log-section h3[data-v-3f7c6713]{margin-top:0;color:#94a3b8;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.1);padding-bottom:.75rem}.log-list[data-v-3f7c6713]{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;font-size:.9rem;color:#cbd5e1}.log-item[data-v-3f7c6713]{padding:.75rem 0;border-bottom:1px solid rgba(51,65,85,.5);display:flex;gap:.5rem;line-height:1.4}.log-time[data-v-3f7c6713]{color:#64748b;font-size:.75rem;white-space:nowrap}.log-user[data-v-3f7c6713]{color:#38bdf8;font-weight:600}.log-content[data-v-3f7c6713]{color:#e2e8f0}.sidebar-actions[data-v-3f7c6713]{display:flex;flex-direction:column;gap:1rem}.btn[data-v-3f7c6713]{padding:1rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 6px #0000001a}.correct-btn[data-v-3f7c6713]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.correct-btn[data-v-3f7c6713]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 12px #2563eb4d}.correct-btn[data-v-3f7c6713]:active{transform:translateY(0)}.correct-btn[data-v-3f7c6713]:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.history-btn[data-v-3f7c6713]{background:#1e293b80;border:1px solid rgba(148,163,184,.2);color:#94a3b8}.history-btn[data-v-3f7c6713]:hover{background:#1e293bcc;color:#fff;border-color:#94a3b866}.empty-state[data-v-3f7c6713]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50%;color:#64748b;font-size:1.5rem}.waiting-icon[data-v-3f7c6713]{font-size:4rem;margin-bottom:1rem;opacity:.5;animation:pulse-3f7c6713 2s infinite}@keyframes pulse-3f7c6713{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.5}}[data-v-3f7c6713]::-webkit-scrollbar{width:6px;height:6px}[data-v-3f7c6713]::-webkit-scrollbar-track{background:transparent}[data-v-3f7c6713]::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}[data-v-3f7c6713]::-webkit-scrollbar-thumb:hover{background:#475569}.modal-overlay[data-v-3f7c6713]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-3f7c6713]{background:#1e293b;padding:2rem;border-radius:16px;border:1px solid #334155;box-shadow:0 10px 25px #00000080;width:90%;max-width:400px;animation:modal-pop-3f7c6713 .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop-3f7c6713{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-title[data-v-3f7c6713]{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-input[data-v-3f7c6713]{width:100%;padding:.75rem 1rem;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:1rem;margin-bottom:1.5rem;outline:none;transition:all .2s}.modal-input[data-v-3f7c6713]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions[data-v-3f7c6713]{display:flex;justify-content:flex-end;gap:1rem}.btn-secondary[data-v-3f7c6713]{background:#334155;color:#cbd5e1}.btn-secondary[data-v-3f7c6713]:hover{background:#475569;color:#fff}.btn-primary[data-v-3f7c6713]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary[data-v-3f7c6713]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 10px #2563eb4d}.fade-enter-active[data-v-3f7c6713],.fade-leave-active[data-v-3f7c6713]{transition:opacity .2s ease}.fade-enter-from[data-v-3f7c6713],.fade-leave-to[data-v-3f7c6713]{opacity:0}