body{margin:0;padding:0}.big-screen[data-v-f3ad516e]{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-f3ad516e]{padding:1.5rem;text-align:center;position:relative;border-bottom:1px solid #1e293b;background:linear-gradient(180deg,#0f172af2,#0f172acc);z-index:10;box-shadow:0 4px 20px #0000004d}.header h1[data-v-f3ad516e]{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)}.mobile-menu-trigger[data-v-f3ad516e]{display:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:2.5rem;height:2.5rem;padding:0;border:1px solid rgba(148,163,184,.25);border-radius:12px;background:#0f172ae6;align-items:center;justify-content:center;flex-direction:column;gap:.22rem;box-shadow:0 6px 20px #00000040}.mobile-menu-trigger span[data-v-f3ad516e]{width:1rem;height:2px;border-radius:999px;background:#e2e8f0}.mobile-menu-overlay[data-v-f3ad516e]{position:fixed;inset:0;background:#02061747;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:40}.mobile-menu-panel[data-v-f3ad516e]{position:absolute;top:calc(env(safe-area-inset-top) + 4.5rem);right:.75rem;width:min(14rem,calc(100vw - 1.5rem));padding:.75rem;border-radius:16px;background:#0f172af5;border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 40px #00000052}.mobile-menu-actions[data-v-f3ad516e]{display:flex;flex-direction:column;gap:.625rem}.main-content[data-v-f3ad516e]{flex:1;display:flex;overflow:hidden;padding:2rem;gap:2rem}.leaderboard-section[data-v-f3ad516e]{flex:3;overflow-y:auto;padding:.5rem}.ranking-list[data-v-f3ad516e]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.rank-item[data-v-f3ad516e]{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-f3ad516e]{background:linear-gradient(90deg,#fbbf241a,#fbbf2405);border-color:#fbbf24;box-shadow:0 0 20px #fbbf2426}.rank-1 .rank-position[data-v-f3ad516e]{color:#fbbf24;font-size:2.5rem;text-shadow:0 0 10px rgba(251,191,36,.5)}.rank-2[data-v-f3ad516e]{border-color:#94a3b8}.rank-2 .rank-position[data-v-f3ad516e]{color:#cbd5e1;font-size:2.2rem}.rank-3[data-v-f3ad516e]{border-color:#b45309}.rank-3 .rank-position[data-v-f3ad516e]{color:#d97706;font-size:2rem}.rank-position[data-v-f3ad516e]{font-size:1.5rem;font-weight:900;color:#64748b;width:60px;text-align:center}.rank-avatar[data-v-f3ad516e]{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-f3ad516e]{width:100%;height:100%;object-fit:cover}.rank-info[data-v-f3ad516e]{flex:1;display:flex;flex-direction:column;gap:.5rem}.rank-name[data-v-f3ad516e]{font-size:1.25rem;font-weight:600;color:#f1f5f9}.rank-score-bar[data-v-f3ad516e]{height:6px;background:#334155;border-radius:3px;overflow:hidden;width:100%}.bar-fill[data-v-f3ad516e]{height:100%;border-radius:3px;transition:width 1s ease-out}.rank-1 .bar-fill[data-v-f3ad516e]{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.rank-2 .bar-fill[data-v-f3ad516e]{background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.rank-3 .bar-fill[data-v-f3ad516e]{background:linear-gradient(90deg,#d97706,#b45309)}.rank-item:not(.rank-1):not(.rank-2):not(.rank-3) .bar-fill[data-v-f3ad516e]{background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.rank-score[data-v-f3ad516e]{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-f3ad516e]{flex:1;max-width:320px;display:flex;flex-direction:column;gap:1.5rem}.log-section[data-v-f3ad516e]{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-f3ad516e]{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-f3ad516e]{list-style:none;padding:0;margin:0;overflow-y:auto;flex:1;font-size:.9rem;color:#cbd5e1}.log-item[data-v-f3ad516e]{padding:.75rem 0;border-bottom:1px solid rgba(51,65,85,.5);display:flex;gap:.5rem;line-height:1.4}.log-time[data-v-f3ad516e]{color:#64748b;font-size:.75rem;white-space:nowrap}.log-user[data-v-f3ad516e]{color:#38bdf8;font-weight:600}.log-content[data-v-f3ad516e]{color:#e2e8f0}.sidebar-actions[data-v-f3ad516e]{display:flex;flex-direction:column;gap:1rem}.btn[data-v-f3ad516e]{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-f3ad516e]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.correct-btn[data-v-f3ad516e]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 12px #2563eb4d}.correct-btn[data-v-f3ad516e]:active{transform:translateY(0)}.correct-btn[data-v-f3ad516e]:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.history-btn[data-v-f3ad516e]{background:#1e293b80;border:1px solid rgba(148,163,184,.2);color:#94a3b8}.history-btn[data-v-f3ad516e]:hover{background:#1e293bcc;color:#fff;border-color:#94a3b866}.empty-state[data-v-f3ad516e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50%;color:#64748b;font-size:1.5rem}.waiting-icon[data-v-f3ad516e]{font-size:4rem;margin-bottom:1rem;opacity:.5;animation:pulse-f3ad516e 2s infinite}@keyframes pulse-f3ad516e{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.5}}[data-v-f3ad516e]::-webkit-scrollbar{width:6px;height:6px}[data-v-f3ad516e]::-webkit-scrollbar-track{background:transparent}[data-v-f3ad516e]::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}[data-v-f3ad516e]::-webkit-scrollbar-thumb:hover{background:#475569}.modal-overlay[data-v-f3ad516e]{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-f3ad516e]{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-f3ad516e .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes modal-pop-f3ad516e{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-title[data-v-f3ad516e]{color:#f1f5f9;font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center}.modal-input[data-v-f3ad516e]{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-f3ad516e]:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.modal-actions[data-v-f3ad516e]{display:flex;justify-content:flex-end;gap:1rem}.btn-secondary[data-v-f3ad516e]{background:#334155;color:#cbd5e1}.btn-secondary[data-v-f3ad516e]:hover{background:#475569;color:#fff}.btn-primary[data-v-f3ad516e]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary[data-v-f3ad516e]:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 10px #2563eb4d}.fade-enter-active[data-v-f3ad516e],.fade-leave-active[data-v-f3ad516e]{transition:opacity .2s ease}.fade-enter-from[data-v-f3ad516e],.fade-leave-to[data-v-f3ad516e]{opacity:0}@media(max-width:768px){.big-screen[data-v-f3ad516e]{height:auto;min-height:100vh;overflow-y:auto}.header[data-v-f3ad516e]{padding:.875rem 3.75rem .875rem 1rem}.header h1[data-v-f3ad516e]{font-size:1rem}.mobile-menu-trigger[data-v-f3ad516e]{display:flex}.main-content[data-v-f3ad516e]{flex-direction:column;padding:.75rem;padding-bottom:calc(9.25rem + env(safe-area-inset-bottom));gap:.75rem;overflow:visible}.leaderboard-section[data-v-f3ad516e]{flex:none;overflow:visible;padding:0}.ranking-list[data-v-f3ad516e]{gap:.625rem}.rank-item[data-v-f3ad516e]{padding:.75rem;border-radius:12px}.rank-1 .rank-position[data-v-f3ad516e],.rank-2 .rank-position[data-v-f3ad516e],.rank-3 .rank-position[data-v-f3ad516e],.rank-position[data-v-f3ad516e]{width:2rem;font-size:1rem}.rank-avatar[data-v-f3ad516e]{width:2.5rem;height:2.5rem;margin:0 .625rem}.rank-info[data-v-f3ad516e]{gap:.375rem}.rank-name[data-v-f3ad516e]{font-size:.95rem}.rank-score[data-v-f3ad516e]{width:auto;min-width:3rem;font-size:1rem}.sidebar-container[data-v-f3ad516e]{flex:none;max-width:none;width:100%;gap:0}.log-section[data-v-f3ad516e]{position:fixed;left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:20;height:8.5rem;min-height:0;padding:.75rem .875rem;border-radius:14px}.log-section h3[data-v-f3ad516e]{font-size:.8rem;margin-bottom:.5rem;padding-bottom:.45rem}.log-list[data-v-f3ad516e]{font-size:.78rem}.log-item[data-v-f3ad516e]{padding:.3rem 0;gap:.35rem;align-items:center;flex-wrap:nowrap}.log-time[data-v-f3ad516e]{font-size:.7rem}.log-user[data-v-f3ad516e],.log-content[data-v-f3ad516e]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-content[data-v-f3ad516e]{flex:1}.sidebar-actions[data-v-f3ad516e]{display:none}.btn[data-v-f3ad516e]{min-height:2.75rem;padding:.7rem .875rem;border-radius:10px;font-size:.9rem}.empty-state[data-v-f3ad516e]{height:12rem;font-size:1rem}.waiting-icon[data-v-f3ad516e]{font-size:2rem;margin-bottom:.75rem}.modal-content[data-v-f3ad516e]{padding:1.25rem}.modal-title[data-v-f3ad516e]{font-size:1rem}.modal-input[data-v-f3ad516e]{padding:.7rem .875rem;font-size:.9rem}.modal-actions[data-v-f3ad516e]{gap:.75rem}}@media(max-width:480px){.header h1[data-v-f3ad516e]{font-size:.95rem}.mobile-menu-panel[data-v-f3ad516e]{top:calc(env(safe-area-inset-top) + 4rem)}.rank-item[data-v-f3ad516e]{padding:.625rem}.rank-name[data-v-f3ad516e]{font-size:.9rem}.rank-score[data-v-f3ad516e]{min-width:2.5rem;font-size:.95rem}.btn[data-v-f3ad516e]{min-height:2.5rem;padding:.625rem .75rem;font-size:.85rem}.main-content[data-v-f3ad516e]{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}.log-section[data-v-f3ad516e]{height:7.75rem}}