@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&display=swap";.dashboard[data-v-ec3d336a]{max-width:1200px}.page-header[data-v-ec3d336a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-header h1[data-v-ec3d336a]{font-size:28px;margin-bottom:4px;color:var(--text-primary)}.subtitle[data-v-ec3d336a]{color:var(--text-secondary);font-size:15px}.dashboard-grid[data-v-ec3d336a]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.card-header[data-v-ec3d336a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-header h3[data-v-ec3d336a]{font-size:16px;font-weight:600}.see-all[data-v-ec3d336a]{color:var(--accent);text-decoration:none;font-size:14px;font-weight:500}.see-all[data-v-ec3d336a]:hover{text-decoration:underline}.daily-goal-card[data-v-ec3d336a]{grid-column:1}.goal-content[data-v-ec3d336a]{text-align:center}.goal-circle[data-v-ec3d336a]{width:140px;height:140px;margin:0 auto 14px;position:relative}.goal-circle svg[data-v-ec3d336a]{width:100%;height:100%}.goal-text[data-v-ec3d336a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.goal-number[data-v-ec3d336a]{font-family:Poppins,sans-serif;font-size:24px;font-weight:700;color:var(--accent);display:block}.goal-label[data-v-ec3d336a]{font-size:13px;color:var(--text-secondary)}.goal-message[data-v-ec3d336a]{color:var(--text-secondary);font-size:14px}.quick-start-card[data-v-ec3d336a]{grid-column:2}.quick-start-card h3[data-v-ec3d336a]{margin-bottom:16px;font-size:16px}.quick-actions[data-v-ec3d336a]{display:flex;gap:14px}.quick-btn[data-v-ec3d336a]{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.quick-btn[data-v-ec3d336a]:hover{border-color:var(--primary);background:var(--bg-main);box-shadow:var(--shadow-sm)}.quick-btn.arena-btn[data-v-ec3d336a]:hover{border-color:var(--arena-primary)}.quick-icon[data-v-ec3d336a]{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.quick-icon svg[data-v-ec3d336a]{width:22px;height:22px}.learn-icon[data-v-ec3d336a]{background:var(--gradient-accent);color:#fff}.match-icon[data-v-ec3d336a]{background:var(--gradient-arena);color:#fff}.quick-btn span[data-v-ec3d336a]{font-weight:500;font-size:14px}.games-card[data-v-ec3d336a]{grid-column:1}.games-list[data-v-ec3d336a]{display:flex;flex-direction:column;gap:10px}.game-item[data-v-ec3d336a]{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-secondary);border-radius:8px;transition:background .2s ease}.game-item[data-v-ec3d336a]:hover{background:#eef0f2}.game-info[data-v-ec3d336a]{display:flex;flex-direction:column}.game-name[data-v-ec3d336a]{font-weight:600;margin-bottom:2px;font-size:14px}.game-details[data-v-ec3d336a]{font-size:13px;color:var(--text-secondary)}.folders-card[data-v-ec3d336a]{grid-column:2}.folders-list[data-v-ec3d336a]{display:flex;flex-direction:column;gap:10px}.folder-item[data-v-ec3d336a]{display:flex;gap:12px;padding:12px 14px;background:var(--bg-secondary);border-radius:8px;transition:background .2s ease}.folder-item[data-v-ec3d336a]:hover{background:#eef0f2}.folder-icon[data-v-ec3d336a]{width:40px;height:40px;background:#5c7c5c1a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.folder-icon svg[data-v-ec3d336a]{width:20px;height:20px}.folder-info[data-v-ec3d336a]{flex:1}.folder-name[data-v-ec3d336a]{font-weight:600;display:block;margin-bottom:2px;font-size:14px}.folder-count[data-v-ec3d336a]{font-size:13px;color:var(--text-secondary);display:block;margin-bottom:6px}.folder-progress[data-v-ec3d336a]{display:flex;align-items:center;gap:10px}.folder-progress .progress-bar[data-v-ec3d336a]{flex:1;height:5px}.progress-text[data-v-ec3d336a]{font-size:12px;color:var(--text-muted);min-width:35px}.arena[data-v-199c5cdb]{max-width:1400px}.page-header[data-v-199c5cdb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-199c5cdb]{font-size:32px;margin-bottom:4px}.subtitle[data-v-199c5cdb]{color:var(--text-secondary);font-size:16px}.tabs[data-v-199c5cdb]{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:0}.tab[data-v-199c5cdb]{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;position:relative;transition:color .3s ease}.tab[data-v-199c5cdb]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.tab[data-v-199c5cdb]:hover{color:var(--text-primary)}.tab.active[data-v-199c5cdb]{color:var(--primary)}.tab.active[data-v-199c5cdb]:after{opacity:1}.games-filters[data-v-199c5cdb]{display:flex;gap:8px;margin-bottom:24px}.filter-btn[data-v-199c5cdb]{padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s ease}.filter-btn[data-v-199c5cdb]:hover{border-color:var(--primary);color:var(--text-primary)}.filter-btn.active[data-v-199c5cdb]{background:#00f0ff1a;border-color:var(--primary);color:var(--primary)}.games-grid[data-v-199c5cdb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.game-card[data-v-199c5cdb]{padding:20px}.game-card-header[data-v-199c5cdb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.game-map-badge[data-v-199c5cdb]{padding:4px 10px;background:#7c3aed33;color:var(--accent);border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.game-status[data-v-199c5cdb]{font-size:13px;font-weight:600}.game-status.active[data-v-199c5cdb]{color:var(--success)}.game-status.completed[data-v-199c5cdb]{color:var(--text-muted)}.game-title[data-v-199c5cdb]{font-size:18px;margin-bottom:12px}.game-meta[data-v-199c5cdb]{display:flex;gap:16px;margin-bottom:16px}.players-count[data-v-199c5cdb]{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px}.players-count svg[data-v-199c5cdb]{width:16px;height:16px}.game-enter-btn[data-v-199c5cdb]{width:100%}.search-bar[data-v-199c5cdb]{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:0 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px}.search-bar svg[data-v-199c5cdb]{width:20px;height:20px;color:var(--text-muted)}.search-bar .input[data-v-199c5cdb]{flex:1;background:transparent;border:none;padding:14px 0}.lobbies-list[data-v-199c5cdb]{display:flex;flex-direction:column;gap:12px}.lobby-item[data-v-199c5cdb]{display:flex;align-items:center;gap:20px;padding:16px 20px}.lobby-info[data-v-199c5cdb]{flex:1}.lobby-info h4[data-v-199c5cdb]{margin-bottom:4px}.lobby-host[data-v-199c5cdb]{font-size:13px;color:var(--text-secondary)}.lobby-details[data-v-199c5cdb]{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.lobby-map[data-v-199c5cdb]{padding:2px 8px;background:#00f0ff1a;color:var(--primary);border-radius:4px;font-size:12px}.lobby-players[data-v-199c5cdb]{font-size:13px;color:var(--text-secondary)}.modal-overlay[data-v-199c5cdb]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-199c5cdb]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-199c5cdb]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-199c5cdb]{font-size:22px}.close-btn[data-v-199c5cdb]{width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:24px;cursor:pointer;transition:all .3s ease}.close-btn[data-v-199c5cdb]:hover{border-color:var(--danger);color:var(--danger)}.modal-body[data-v-199c5cdb]{padding:24px}.modal-footer[data-v-199c5cdb]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color)}.form-group[data-v-199c5cdb]{margin-bottom:24px}.form-group label[data-v-199c5cdb]{display:block;margin-bottom:12px;font-weight:500;color:var(--text-secondary)}.mode-selector[data-v-199c5cdb]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-btn[data-v-199c5cdb]{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#ffffff08;border:2px solid var(--border-color);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.mode-btn svg[data-v-199c5cdb]{width:32px;height:32px}.mode-btn[data-v-199c5cdb]:hover{border-color:var(--primary)}.mode-btn.active[data-v-199c5cdb]{border-color:var(--primary);background:#00f0ff1a;color:var(--primary)}.map-grid[data-v-199c5cdb]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.map-option[data-v-199c5cdb]{padding:16px;background:#ffffff08;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center}.map-option[data-v-199c5cdb]:hover{border-color:var(--primary)}.map-option.selected[data-v-199c5cdb]{border-color:var(--primary);background:#00f0ff1a}.map-preview[data-v-199c5cdb]{width:60px;height:60px;margin:0 auto 12px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center}.map-placeholder[data-v-199c5cdb]{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--bg-dark)}.map-name[data-v-199c5cdb]{display:block;font-weight:600;margin-bottom:4px}.map-details[data-v-199c5cdb]{font-size:12px;color:var(--text-secondary)}.map-unavailable[data-v-199c5cdb]{display:block;font-size:10px;color:var(--text-muted);font-style:italic;margin-top:4px}.map-option.disabled[data-v-199c5cdb]{opacity:.5;cursor:not-allowed}.map-option.disabled[data-v-199c5cdb]:hover{border-color:var(--border-color)}.slider[data-v-199c5cdb]{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;outline:none;margin-top:10px;cursor:pointer}.slider[data-v-199c5cdb]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--primary, #00f0ff);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #00f0ff80;transition:transform .2s,box-shadow .2s}.slider[data-v-199c5cdb]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 15px #00f0ffcc}.slider[data-v-199c5cdb]::-moz-range-thumb{width:24px;height:24px;background:var(--primary, #00f0ff);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 10px #00f0ff80}.slider[data-v-199c5cdb]::-moz-range-track{background:#ffffff1a;height:8px;border-radius:4px}.player-count-selector[data-v-199c5cdb]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.player-count-display[data-v-199c5cdb]{font-size:48px;font-weight:700;color:var(--primary, #00f0ff);text-shadow:0 0 20px rgba(0,240,255,.5);line-height:1}.player-count-selector .slider[data-v-199c5cdb]{width:100%;max-width:300px}.player-count-labels[data-v-199c5cdb]{display:flex;justify-content:space-between;width:100%;max-width:300px;font-size:12px;color:#ffffff80;padding:0 10px}.modal-large[data-v-199c5cdb]{max-width:700px}.step-indicator[data-v-199c5cdb]{display:flex;align-items:center;gap:8px}.step[data-v-199c5cdb]{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary);transition:all .3s ease}.step.active[data-v-199c5cdb]{background:var(--primary);border-color:var(--primary);color:var(--bg-dark)}.step.completed[data-v-199c5cdb]{background:var(--success);border-color:var(--success);color:#fff}.step-line[data-v-199c5cdb]{width:40px;height:2px;background:var(--border-color);transition:background .3s ease}.step-line.active[data-v-199c5cdb]{background:var(--success)}.vocab-selection-layout[data-v-199c5cdb]{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:350px}.vocab-folders-panel[data-v-199c5cdb],.vocab-sections-panel[data-v-199c5cdb]{display:flex;flex-direction:column}.vocab-folders-panel>label[data-v-199c5cdb],.vocab-sections-panel>label[data-v-199c5cdb],.sections-header label[data-v-199c5cdb]{display:block;margin-bottom:12px;font-weight:500;color:var(--text-secondary);font-size:14px}.sections-header[data-v-199c5cdb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sections-header label[data-v-199c5cdb]{margin-bottom:0}.btn-ghost[data-v-199c5cdb]{background:transparent;border:none;color:var(--primary);padding:4px 8px;font-size:12px;cursor:pointer}.btn-ghost[data-v-199c5cdb]:hover{text-decoration:underline}.vocab-folders-list[data-v-199c5cdb]{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:300px}.vocab-folder-item[data-v-199c5cdb]{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.vocab-folder-item[data-v-199c5cdb]:hover{background:#ffffff0d;border-color:var(--border-color)}.vocab-folder-item.selected[data-v-199c5cdb]{border-color:var(--primary);background:#4a7c591a}.vocab-folder-avatar[data-v-199c5cdb]{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#4a7c59,#3d6a4a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vocab-folder-avatar span[data-v-199c5cdb]{font-size:14px;font-weight:700;color:#fff}.vocab-folder-info[data-v-199c5cdb]{flex:1;min-width:0}.vocab-folder-name[data-v-199c5cdb]{display:block;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-folder-stats[data-v-199c5cdb]{display:block;font-size:12px;color:var(--text-secondary)}.vocab-folder-check[data-v-199c5cdb]{width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vocab-folder-check svg[data-v-199c5cdb]{width:14px;height:14px;color:#fff}.vocab-sections-list[data-v-199c5cdb]{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:250px;flex:1}.vocab-section-item[data-v-199c5cdb]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff08;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.vocab-section-item[data-v-199c5cdb]:hover{background:#ffffff0d}.vocab-section-item.selected[data-v-199c5cdb]{border-color:var(--primary);background:#4a7c591a}.vocab-section-checkbox[data-v-199c5cdb]{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.vocab-section-item.selected .vocab-section-checkbox[data-v-199c5cdb]{background:var(--primary);border-color:var(--primary)}.vocab-section-checkbox svg[data-v-199c5cdb]{width:12px;height:12px;color:#fff}.vocab-section-info[data-v-199c5cdb]{flex:1;display:flex;justify-content:space-between;align-items:center}.vocab-section-name[data-v-199c5cdb]{font-size:14px;font-weight:500}.vocab-section-count[data-v-199c5cdb]{font-size:12px;color:var(--text-secondary)}.selection-summary[data-v-199c5cdb]{margin-top:16px;padding:12px;background:#4a7c591a;border:1px solid var(--primary);border-radius:8px;display:flex;justify-content:space-between;align-items:center}.summary-label[data-v-199c5cdb]{font-size:13px;color:var(--text-secondary)}.summary-value[data-v-199c5cdb]{font-size:15px;font-weight:600;color:var(--primary)}.loading-state-small[data-v-199c5cdb],.empty-state-small[data-v-199c5cdb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:var(--text-secondary);gap:12px}.loading-spinner-small[data-v-199c5cdb]{width:24px;height:24px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin-199c5cdb 1s linear infinite}@keyframes spin-199c5cdb{to{transform:rotate(360deg)}}.empty-state-small p[data-v-199c5cdb]{font-size:13px;margin:0}.btn-sm[data-v-199c5cdb]{padding:6px 12px;font-size:12px}.loading-state[data-v-199c5cdb],.empty-state[data-v-199c5cdb]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary);gap:16px}.loading-spinner[data-v-199c5cdb]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin-199c5cdb 1s linear infinite}.empty-state p[data-v-199c5cdb]{margin:0 0 12px}.empty-state-actions[data-v-199c5cdb]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.load-more-section[data-v-199c5cdb]{display:flex;justify-content:center;margin-top:24px}.load-more-btn[data-v-199c5cdb]{display:flex;align-items:center;gap:8px;padding:12px 24px;color:var(--text-secondary);font-size:14px}.load-more-btn svg[data-v-199c5cdb]{width:18px;height:18px}.load-more-btn[data-v-199c5cdb]:hover{color:var(--primary)}.game-wrapper[data-v-fa1804c1]{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:200}.scene-container[data-v-fa1804c1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#screen-shadow[data-v-fa1804c1]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 50%,#0009);transition:opacity .3s ease;opacity:0}.game-ui[data-v-fa1804c1]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.game-ui[data-v-fa1804c1]>*{pointer-events:auto}.panel[data-v-fa1804c1]{background:#181b22f2;display:flex;flex-direction:column;gap:12px;padding:12px;color:#ffffffd9;font-size:13px;box-shadow:0 8px 32px #00000080}.left-panel[data-v-fa1804c1]{position:absolute;left:0;top:0;width:240px;height:100%;overflow-y:auto}.right-panel[data-v-fa1804c1]{position:absolute;right:0;top:40px;width:280px;height:calc(100% - 40px);overflow-y:auto;transition:width .3s ease,transform .3s ease}.right-panel.collapsed[data-v-fa1804c1]{width:40px}.collapse-toggle[data-v-fa1804c1]{position:absolute;left:0;top:50%;transform:translateY(-50%);width:28px;height:48px;background:#ffffff1a;border:none;border-radius:6px 0 0 6px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.collapse-toggle[data-v-fa1804c1]:hover{background:#fff3;color:#fff}.collapse-toggle svg[data-v-fa1804c1]{width:16px;height:16px}.panel-content[data-v-fa1804c1]{padding-left:8px}.panel-section[data-v-fa1804c1]{background:#ffffff0d;border-radius:6px;padding:12px}.panel-title[data-v-fa1804c1]{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.phase-section[data-v-fa1804c1]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:12px}.phase-indicator[data-v-fa1804c1]{font-size:14px;font-weight:500}.phase-actions[data-v-fa1804c1]{display:flex;align-items:center;gap:8px}.troops-available[data-v-fa1804c1]{background:#4a7c594d;color:#6ee7b7;padding:6px 12px;border-radius:4px;font-weight:600;display:flex;align-items:center;gap:4px}.bonus-hint[data-v-fa1804c1]{font-size:10px;color:gold;opacity:.8}.next-btn[data-v-fa1804c1]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 10px;border-radius:4px;cursor:pointer;transition:all .2s}.next-btn[data-v-fa1804c1]:hover:not(:disabled){background:#fff3}.next-btn[data-v-fa1804c1]:disabled{opacity:.3;cursor:not-allowed}.players-list[data-v-fa1804c1]{display:flex;flex-direction:column;gap:8px}.player-card[data-v-fa1804c1]{display:flex;align-items:center;gap:10px;padding:10px;background:#0000004d;border-radius:6px;border-left:3px solid transparent}.player-card.active[data-v-fa1804c1]{border-left-color:#6ee7b7;background:#6ee7b71a}.player-color[data-v-fa1804c1]{width:12px;height:12px;border-radius:3px}.player-info[data-v-fa1804c1]{flex:1}.player-name[data-v-fa1804c1]{font-weight:600;display:block;margin-bottom:2px}.player-stats[data-v-fa1804c1]{font-size:11px;color:#ffffff80;display:flex;gap:10px}.player-regions[data-v-fa1804c1]{margin-top:4px}.region-bonus-indicator[data-v-fa1804c1]{font-size:10px;color:gold;background:#ffd70026;padding:2px 6px;border-radius:4px;font-weight:600}.turn-indicator[data-v-fa1804c1]{color:#6ee7b7;font-size:12px;text-shadow:0 0 8px #6ee7b7,0 0 16px #6ee7b7;animation:pulse-glow-fa1804c1 1.5s ease-in-out infinite}@keyframes pulse-glow-fa1804c1{0%,to{opacity:1;text-shadow:0 0 8px #6ee7b7,0 0 16px #6ee7b7}50%{opacity:.7;text-shadow:0 0 4px #6ee7b7,0 0 8px #6ee7b7,0 0 24px #6ee7b7}}.waiting-for-turn[data-v-fa1804c1]{display:flex;align-items:center;gap:10px;padding:12px;background:#ffc80026;border-radius:8px;border:1px solid rgba(255,200,0,.3);color:#ffc800;font-size:12px;margin-bottom:8px}.waiting-for-turn .waiting-dots[data-v-fa1804c1]{display:flex;gap:4px}.waiting-for-turn .waiting-dots span[data-v-fa1804c1]{width:6px;height:6px;background:#ffc800;border-radius:50%;animation:bounce-fa1804c1 1.4s infinite ease-in-out both}.waiting-for-turn .waiting-dots span[data-v-fa1804c1]:nth-child(1){animation-delay:-.32s}.waiting-for-turn .waiting-dots span[data-v-fa1804c1]:nth-child(2){animation-delay:-.16s}@keyframes bounce-fa1804c1{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.disabled-phase[data-v-fa1804c1]{opacity:.5;pointer-events:none}.player-card.is-you[data-v-fa1804c1]{border:2px solid var(--player-color, rgba(0, 240, 255, .5));background:linear-gradient(135deg,#0006,color-mix(in srgb,var(--player-color, #00f0ff) 15%,transparent));box-shadow:inset 0 0 20px color-mix(in srgb,var(--player-color, #00f0ff) 10%,transparent),0 0 10px color-mix(in srgb,var(--player-color, #00f0ff) 20%,transparent);position:relative}.player-card.is-you[data-v-fa1804c1]:before{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--player-color, #00f0ff) 5%,transparent) 50%,transparent 100%);pointer-events:none}.you-badge[data-v-fa1804c1]{font-size:10px;color:var(--player-color, #00f0ff);font-weight:600;margin-left:4px;text-shadow:0 0 4px var(--player-color, #00f0ff)}.action-log[data-v-fa1804c1]{max-height:calc(100vh - 180px);overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-entry[data-v-fa1804c1]{font-size:11px;padding:8px;background:#0000004d;border-radius:4px;display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center}.log-turn[data-v-fa1804c1]{color:#fff6;font-size:10px}.log-player[data-v-fa1804c1]{font-weight:600;color:#ffffffb3}.log-action[data-v-fa1804c1]{font-size:9px;padding:2px 6px;border-radius:3px;text-transform:uppercase}.log-action.verstärkung[data-v-fa1804c1]{background:#065f46;color:#6ee7b7}.log-action.angriff[data-v-fa1804c1]{background:#7f1d1d;color:#fca5a5}.log-action.befestigung[data-v-fa1804c1]{background:#1e3a5f;color:#93c5fd}.log-detail[data-v-fa1804c1]{grid-column:1 / -1;color:#ffffff80;font-size:10px}.action-panel[data-v-fa1804c1]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#181b22f2;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #00000080;min-width:300px}.action-content[data-v-fa1804c1]{display:flex;flex-direction:column;gap:12px;align-items:center}.action-title[data-v-fa1804c1]{display:flex;align-items:center;gap:10px;font-size:15px;color:#fff}.troop-count[data-v-fa1804c1]{color:#6ee7b7;font-weight:600}.attack-arrow[data-v-fa1804c1]{color:#fca5a5;font-size:18px}.action-hint[data-v-fa1804c1]{font-size:12px;color:#ffffff80;font-style:italic}.action-hint.enemy-info[data-v-fa1804c1]{color:#ff6464b3}.action-controls[data-v-fa1804c1]{display:flex;align-items:center;gap:12px}.deploy-input[data-v-fa1804c1]{width:60px;padding:8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;color:#fff;font-size:14px;text-align:center}.action-btn[data-v-fa1804c1]{padding:10px 20px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.confirm[data-v-fa1804c1]{background:#4a7c59;color:#fff}.action-btn.confirm[data-v-fa1804c1]:hover{background:#3d6a4a}.action-btn.attack[data-v-fa1804c1]{background:#dc2626;color:#fff}.action-btn.attack[data-v-fa1804c1]:hover{background:#b91c1c}.action-btn.cancel[data-v-fa1804c1]{background:#ffffff1a;color:#fff}.action-btn.cancel[data-v-fa1804c1]:hover{background:#fff3}.quiz-overlay[data-v-fa1804c1]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn-fa1804c1 .3s ease}@keyframes fadeIn-fa1804c1{0%{opacity:0}to{opacity:1}}.quiz-modal[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;min-width:450px;max-width:500px;box-shadow:0 25px 50px -12px #00000080}.quiz-loading[data-v-fa1804c1]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#ffffffb3}.quiz-spinner[data-v-fa1804c1]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4a7c59;border-radius:50%;animation:spin-fa1804c1 1s linear infinite}.quiz-content[data-v-fa1804c1]{display:flex;flex-direction:column;align-items:center;gap:24px}.quiz-timer[data-v-fa1804c1]{position:relative;width:70px;height:70px}.timer-circle[data-v-fa1804c1]{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg[data-v-fa1804c1]{fill:none;stroke:#ffffff1a;stroke-width:3}.timer-progress[data-v-fa1804c1]{fill:none;stroke:#4a7c59;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.quiz-timer.urgent .timer-progress[data-v-fa1804c1]{stroke:#dc2626}.timer-text[data-v-fa1804c1]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;color:#fff}.quiz-timer.urgent .timer-text[data-v-fa1804c1]{color:#dc2626;animation:pulse-fa1804c1 .5s ease infinite}@keyframes pulse-fa1804c1{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.quiz-question[data-v-fa1804c1]{text-align:center;display:flex;flex-direction:column;gap:8px}.quiz-label[data-v-fa1804c1]{font-size:14px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.quiz-word[data-v-fa1804c1]{font-size:32px;font-weight:700;color:#fff}.quiz-example[data-v-fa1804c1]{font-size:14px;color:#fff9;font-style:italic;margin-top:4px}.quiz-options[data-v-fa1804c1]{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.quiz-option[data-v-fa1804c1]{padding:16px 20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.quiz-option[data-v-fa1804c1]:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.quiz-option.selected[data-v-fa1804c1]{border-color:#3b82f6;background:#3b82f633}.quiz-option.correct[data-v-fa1804c1]{border-color:#10b981;background:#10b98133;animation:correctPulse-fa1804c1 .5s ease}@keyframes correctPulse-fa1804c1{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.quiz-option.wrong[data-v-fa1804c1]{border-color:#ef4444;background:#ef444433;animation:shake-fa1804c1 .5s ease}@keyframes shake-fa1804c1{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.quiz-option[data-v-fa1804c1]:disabled{cursor:default}.quiz-result[data-v-fa1804c1]{padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;text-align:center;animation:slideUp-fa1804c1 .3s ease}@keyframes slideUp-fa1804c1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-result.correct[data-v-fa1804c1]{background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3)}.quiz-result.wrong[data-v-fa1804c1]{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.quiz-result.spectator[data-v-fa1804c1]{background:#64646433;color:#a0a0a0;border:1px solid rgba(100,100,100,.3)}.quiz-result.spectator.correct[data-v-fa1804c1]{background:#6495ed33;color:#6495ed;border:1px solid rgba(100,149,237,.3)}.quiz-result.earned-coin[data-v-fa1804c1]{background:linear-gradient(135deg,#ffd70033,#ffb40033);color:gold;border:1px solid rgba(255,215,0,.5);animation:coinGlow-fa1804c1 1s ease-in-out infinite alternate}@keyframes coinGlow-fa1804c1{0%{box-shadow:0 0 10px #ffd7004d}to{box-shadow:0 0 20px #ffd70099}}.coin-earned[data-v-fa1804c1]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px}.spectator-battle-result[data-v-fa1804c1]{margin-top:8px;font-size:13px;color:#fff9;font-weight:400}.quiz-attack-info[data-v-fa1804c1]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 20px;background:#4a7c5926;border:1px solid rgba(74,124,89,.3);border-radius:12px;margin-bottom:8px}.attack-label[data-v-fa1804c1]{font-size:18px;font-weight:700;color:#4a7c59}.attack-details[data-v-fa1804c1]{font-size:14px;color:#ffffffb3}.quiz-waiting[data-v-fa1804c1]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:14px;color:#3b82f6}.quiz-option.waiting[data-v-fa1804c1]{background:#3b82f633!important;border-color:#3b82f6!important;color:#3b82f6!important;animation:optionPulse-fa1804c1 1s ease infinite}@keyframes optionPulse-fa1804c1{0%,to{transform:scale(1);box-shadow:0 0 #3b82f600}50%{transform:scale(1.02);box-shadow:0 0 15px #3b82f666}}.conquest-modal[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(74,124,89,.3);border-radius:20px;padding:24px;min-width:380px;box-shadow:0 25px 50px -12px #00000080;animation:fadeIn-fa1804c1 .3s ease}.conquest-header[data-v-fa1804c1]{text-align:center;margin-bottom:20px}.conquest-header h3[data-v-fa1804c1]{color:#10b981;font-size:22px;margin:0}.conquest-content[data-v-fa1804c1]{display:flex;flex-direction:column;align-items:center;gap:16px}.conquest-info[data-v-fa1804c1]{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500}.conquest-from[data-v-fa1804c1]{color:#4a7c59}.conquest-arrow[data-v-fa1804c1]{color:#10b981;font-size:24px}.conquest-to[data-v-fa1804c1]{color:#10b981}.conquest-label[data-v-fa1804c1]{color:#ffffffb3;font-size:14px}.conquest-controls[data-v-fa1804c1]{display:flex;align-items:center;gap:12px}.conquest-btn[data-v-fa1804c1]{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:20px;cursor:pointer;transition:all .2s}.conquest-btn[data-v-fa1804c1]:hover{background:#fff3}.conquest-input[data-v-fa1804c1]{width:80px;padding:12px;text-align:center;font-size:20px;font-weight:600;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff}.conquest-hint[data-v-fa1804c1]{font-size:12px;color:#ffffff80}.conquest-footer[data-v-fa1804c1]{margin-top:20px;display:flex;justify-content:center}.conquest-footer .action-btn[data-v-fa1804c1]{padding:12px 32px;font-size:15px}.confirm-modal[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;min-width:340px;box-shadow:0 25px 50px -12px #00000080;animation:fadeIn-fa1804c1 .3s ease}.confirm-header[data-v-fa1804c1]{text-align:center;margin-bottom:16px}.confirm-header h3[data-v-fa1804c1]{color:#fff;font-size:20px;margin:0}.confirm-content[data-v-fa1804c1]{text-align:center;margin-bottom:24px}.confirm-content p[data-v-fa1804c1]{color:#fffc;margin:0 0 8px;font-size:15px}.confirm-hint[data-v-fa1804c1]{color:#ffffff80!important;font-size:13px!important}.confirm-footer[data-v-fa1804c1]{display:flex;justify-content:center;gap:12px}.confirm-footer .action-btn[data-v-fa1804c1]{padding:10px 24px;font-size:14px;min-width:100px}.game-controls[data-v-fa1804c1]{padding:8px!important}.control-buttons[data-v-fa1804c1]{display:flex;justify-content:center;gap:8px}.control-btn[data-v-fa1804c1]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.control-btn[data-v-fa1804c1]:hover{background:#fff3}.control-btn.active[data-v-fa1804c1]{background:#4a7c5980;border-color:#4a7c59}.control-btn.exit[data-v-fa1804c1]{color:#ff6b6b}.control-btn.exit[data-v-fa1804c1]:hover{background:#ff6b6b33}.control-btn.coin-btn[data-v-fa1804c1]{position:relative;display:flex;align-items:center;gap:4px;padding:6px 10px;color:#ffffffb3}.control-btn.coin-btn .coin-count[data-v-fa1804c1]{font-size:11px;font-weight:600}.control-btn.coin-btn.can-purchase[data-v-fa1804c1]{color:gold;border-color:#ffd70080;animation:coin-glow-fa1804c1 2s ease-in-out infinite}.control-btn.coin-btn.can-purchase[data-v-fa1804c1]:hover{background:#ffd70033}.control-btn.coin-btn.active[data-v-fa1804c1]{background:#ffd7004d;border-color:gold}@keyframes coin-glow-fa1804c1{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70099,0 0 25px #ffd7004d}}.coin-purchase-panel[data-v-fa1804c1]{background:linear-gradient(135deg,#ffd7001a,#0006);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:12px;margin:0 8px 8px;animation:slideDown-fa1804c1 .2s ease-out}@keyframes slideDown-fa1804c1{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coin-purchase-header[data-v-fa1804c1]{display:flex;align-items:center;gap:8px;font-weight:600;color:gold;margin-bottom:8px}.coin-icon-gold[data-v-fa1804c1]{font-size:18px;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.8)}.coin-purchase-info[data-v-fa1804c1]{font-size:11px;color:#ffffff80;margin-bottom:10px}.coin-purchase-controls[data-v-fa1804c1]{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.purchase-amount[data-v-fa1804c1]{display:flex;align-items:center;justify-content:center;gap:12px}.amount-btn[data-v-fa1804c1]{width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,215,0,.5);background:#ffd7001a;color:gold;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.amount-btn[data-v-fa1804c1]:hover:not(:disabled){background:#ffd7004d}.amount-btn[data-v-fa1804c1]:disabled{opacity:.3;cursor:not-allowed}.amount-value[data-v-fa1804c1]{font-size:20px;font-weight:700;color:#fff;min-width:30px;text-align:center}.purchase-cost[data-v-fa1804c1]{text-align:center;font-size:12px;color:#ffffffb3}.coin-purchase-actions[data-v-fa1804c1]{display:flex;gap:8px}.purchase-btn[data-v-fa1804c1]{flex:1;padding:8px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-btn.confirm[data-v-fa1804c1]{background:linear-gradient(135deg,gold,#ffb700);color:#1a1f2e}.purchase-btn.confirm[data-v-fa1804c1]:hover{transform:scale(1.02);box-shadow:0 0 10px #ffd70080}.purchase-btn.cancel[data-v-fa1804c1]{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.purchase-btn.cancel[data-v-fa1804c1]:hover{background:#fff3}.view-toggle[data-v-fa1804c1]{display:flex;background:#0000004d;border-radius:8px;padding:4px;margin-bottom:12px}.toggle-btn[data-v-fa1804c1]{flex:1;background:transparent;border:none;color:#ffffff80;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.toggle-btn.active[data-v-fa1804c1]{background:#ffffff26;color:#fff}.toggle-btn[data-v-fa1804c1]:hover:not(.active){color:#fffc}.vocab-log[data-v-fa1804c1]{max-height:300px;overflow-y:auto}.vocab-entry[data-v-fa1804c1]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:6px;margin-bottom:4px;font-size:12px}.vocab-entry.correct[data-v-fa1804c1]{background:#4a7c5933;border-left:3px solid #4a7c59}.vocab-entry.wrong[data-v-fa1804c1]{background:#8b5a5a33;border-left:3px solid #8b5a5a}.vocab-word[data-v-fa1804c1]{font-weight:600;color:#fff}.vocab-answer[data-v-fa1804c1]{color:#ffffffb3;flex:1;text-align:center}.vocab-icon[data-v-fa1804c1]{font-size:14px}.vocab-entry.correct .vocab-icon[data-v-fa1804c1]{color:#4ade80}.vocab-entry.wrong .vocab-icon[data-v-fa1804c1]{color:#f87171}.empty-log[data-v-fa1804c1]{text-align:center;color:#fff6;padding:20px;font-size:12px}.settings-modal[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(255,255,255,.1);border-radius:20px;min-width:360px;max-width:420px;box-shadow:0 25px 50px -12px #00000080;animation:fadeIn-fa1804c1 .3s ease;overflow:hidden}.modal-header[data-v-fa1804c1]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3[data-v-fa1804c1]{color:#fff;margin:0;font-size:18px}.close-btn[data-v-fa1804c1]{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;line-height:1}.close-btn[data-v-fa1804c1]:hover{color:#fff}.modal-body[data-v-fa1804c1]{padding:20px 24px}.settings-section[data-v-fa1804c1]{margin-bottom:20px}.settings-section h4[data-v-fa1804c1]{color:#ffffff80;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.setting-row[data-v-fa1804c1]{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#fff;font-size:14px}.toggle-switch[data-v-fa1804c1]{position:relative;width:44px;height:24px}.toggle-switch input[data-v-fa1804c1]{opacity:0;width:0;height:0}.toggle-switch .slider[data-v-fa1804c1]{position:absolute;cursor:pointer;inset:0;background:#fff3;border-radius:24px;transition:.3s}.toggle-switch .slider[data-v-fa1804c1]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.slider[data-v-fa1804c1]{background:#4a7c59}.toggle-switch input:checked+.slider[data-v-fa1804c1]:before{transform:translate(20px)}.archive-modal[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(255,255,255,.1);border-radius:20px;width:90vw;max-width:1200px;max-height:90vh;box-shadow:0 25px 50px -12px #00000080;animation:fadeIn-fa1804c1 .3s ease;overflow:hidden;display:flex;flex-direction:column}.archive-modal .modal-body[data-v-fa1804c1]{overflow-y:auto;max-height:calc(90vh - 70px);padding:24px}.archive-section[data-v-fa1804c1]{margin-bottom:24px}.archive-section h4[data-v-fa1804c1]{color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}.stats-grid[data-v-fa1804c1]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card[data-v-fa1804c1]{background:#ffffff0d;border-radius:12px;padding:12px}.stat-card.player[data-v-fa1804c1]{border-left:3px solid #4a7c59}.stat-card.opponent[data-v-fa1804c1]{border-left:3px solid #8b5a5a}.stat-label[data-v-fa1804c1]{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.stat-bar[data-v-fa1804c1]{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:8px}.stat-bar .bar-fill[data-v-fa1804c1]{height:100%;background:#4a7c59;border-radius:3px;transition:width .3s}.stat-bar.opponent .bar-fill[data-v-fa1804c1]{background:#8b5a5a}.stat-numbers[data-v-fa1804c1]{display:flex;justify-content:space-between;font-size:11px;color:#fff9}.countries-grid[data-v-fa1804c1]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.country-list[data-v-fa1804c1]{background:#ffffff08;border-radius:10px;overflow:hidden}.country-list.player[data-v-fa1804c1]{border-top:2px solid #4a7c59}.country-list.opponent[data-v-fa1804c1]{border-top:2px solid #8b5a5a}.list-header[data-v-fa1804c1]{background:#ffffff0d;padding:8px 12px;font-size:12px;font-weight:600;color:#fff}.list-items[data-v-fa1804c1]{max-height:150px;overflow-y:auto;padding:8px}.country-item[data-v-fa1804c1]{display:flex;justify-content:space-between;padding:4px 8px;font-size:11px;color:#fffc}.country-item .troops[data-v-fa1804c1]{color:#ffffff80}.empty-list[data-v-fa1804c1]{text-align:center;color:#ffffff4d;padding:16px;font-size:11px}.vocab-stats-bar[data-v-fa1804c1]{height:8px;background:#8b5a5a4d;border-radius:4px;overflow:hidden;margin-bottom:12px}.vocab-stats-bar .correct-bar[data-v-fa1804c1]{height:100%;background:#4a7c59;border-radius:4px}.vocab-list[data-v-fa1804c1]{max-height:200px;overflow-y:auto}.vocab-item[data-v-fa1804c1]{display:flex;align-items:center;padding:6px 8px;border-radius:6px;margin-bottom:4px;font-size:11px}.vocab-item.correct[data-v-fa1804c1]{background:#4a7c5926}.vocab-item.wrong[data-v-fa1804c1]{background:#8b5a5a26}.vocab-item .word[data-v-fa1804c1]{font-weight:600;color:#fff;width:100px}.vocab-item .answer[data-v-fa1804c1]{flex:1;color:#fff9}.vocab-item .result[data-v-fa1804c1]{font-size:12px}.vocab-item.correct .result[data-v-fa1804c1]{color:#4ade80}.vocab-item.wrong .result[data-v-fa1804c1]{color:#f87171}.archive-log[data-v-fa1804c1]{max-height:150px;overflow-y:auto}.log-item[data-v-fa1804c1]{display:flex;gap:8px;padding:6px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.05)}.log-item .log-turn[data-v-fa1804c1]{color:#fff6;font-weight:600}.log-item .log-action[data-v-fa1804c1]{color:#4ade80;font-weight:600}.log-item .log-detail[data-v-fa1804c1]{color:#ffffffb3;flex:1}.ai-turn-overlay[data-v-fa1804c1]{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:none}.ai-turn-indicator[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:1px solid rgba(139,90,90,.5);border-radius:16px;padding:20px 32px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 40px #00000080;animation:fadeIn-fa1804c1 .3s ease}.ai-spinner[data-v-fa1804c1]{width:24px;height:24px;border:3px solid rgba(139,90,90,.3);border-top-color:#8b5a5a;border-radius:50%;animation:spin-fa1804c1 1s linear infinite}@keyframes spin-fa1804c1{to{transform:rotate(360deg)}}.ai-text[data-v-fa1804c1]{color:#fff;font-size:16px;font-weight:500}.region-map-section[data-v-fa1804c1]{margin-bottom:24px}.archive-content-row[data-v-fa1804c1]{display:flex;gap:24px;align-items:stretch}.region-map-3d[data-v-fa1804c1]{flex:1;min-width:400px;height:400px;background:#0006;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.region-info-panel[data-v-fa1804c1]{width:320px;display:flex;flex-direction:column;gap:16px}.region-list[data-v-fa1804c1]{display:flex;flex-direction:column;gap:8px}.region-item[data-v-fa1804c1]{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.region-item.player-controlled[data-v-fa1804c1]{border-color:#4a7c5999;background:#4a7c5926}.region-item.opponent-controlled[data-v-fa1804c1]{border-color:#8b5a5a99;background:#8b5a5a26}.region-color-dot[data-v-fa1804c1]{width:24px;height:24px;border-radius:6px;flex-shrink:0}.region-details[data-v-fa1804c1]{flex:1;display:flex;flex-direction:column;gap:2px}.region-name[data-v-fa1804c1]{color:#ffffffe6;font-weight:600;font-size:14px}.region-bonus-text[data-v-fa1804c1]{color:gold;font-size:12px;font-weight:500}.region-countries-count[data-v-fa1804c1]{color:#ffffff80;font-size:11px}.region-status[data-v-fa1804c1]{font-size:16px;width:24px;text-align:center}.status-player[data-v-fa1804c1]{color:#4a7c59}.status-opponent[data-v-fa1804c1]{color:#8b5a5a}.status-neutral[data-v-fa1804c1]{color:#ffffff4d}.region-summary[data-v-fa1804c1]{background:#0000004d;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.summary-row[data-v-fa1804c1]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px}.summary-row.player[data-v-fa1804c1]{background:#4a7c5933}.summary-row.opponent[data-v-fa1804c1]{background:#8b5a5a33}.summary-label[data-v-fa1804c1]{color:#ffffffe6;font-weight:600;font-size:13px}.summary-value[data-v-fa1804c1]{color:#ffffffb3;font-size:12px}.region-legend[data-v-fa1804c1]{display:flex;flex-direction:column;gap:8px;padding:8px;background:#0003;border-radius:8px}.legend-item[data-v-fa1804c1]{display:flex;align-items:center;gap:8px;font-size:13px;color:#fffc}.legend-color[data-v-fa1804c1]{width:16px;height:16px;border-radius:4px}.legend-color.player[data-v-fa1804c1]{background:#4a7c59;box-shadow:0 0 8px #4a7c5999}.legend-color.opponent[data-v-fa1804c1]{background:#8b5a5a;box-shadow:0 0 8px #8b5a5a99}.opponent-action-overlay[data-v-fa1804c1]{position:fixed;top:100px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.opponent-action-card[data-v-fa1804c1]{background:linear-gradient(135deg,#1a1f2e,#0d1117);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 24px;min-width:280px;box-shadow:0 15px 40px #00000080;text-align:center}.opponent-action-card.conquered[data-v-fa1804c1]{border-color:#fbbf24;box-shadow:0 0 30px #fbbf244d}.opponent-action-card.attacker-wins[data-v-fa1804c1]{border-color:#f87171;box-shadow:0 0 30px #f871714d}.opponent-action-card.defender-wins[data-v-fa1804c1]{border-color:#4ade80;box-shadow:0 0 30px #4ade804d}.opponent-action-header[data-v-fa1804c1]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.opponent-name[data-v-fa1804c1]{font-weight:700;color:#8b5a5a;font-size:16px}.action-type[data-v-fa1804c1]{color:#ffffffb3;font-size:14px}.opponent-action-body[data-v-fa1804c1]{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;font-size:18px}.action-from[data-v-fa1804c1]{color:#f87171;font-weight:600}.action-arrow[data-v-fa1804c1]{color:#fbbf24;font-size:24px}.action-to[data-v-fa1804c1]{color:#60a5fa;font-weight:600}.opponent-action-result[data-v-fa1804c1]{font-weight:700;font-size:14px;padding:8px 16px;border-radius:20px;display:inline-block}.result-conquered[data-v-fa1804c1]{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.result-attacker[data-v-fa1804c1]{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.4)}.result-defender[data-v-fa1804c1]{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.opponent-action-enter-active[data-v-fa1804c1]{animation:slideDown-fa1804c1 .4s ease}.opponent-action-leave-active[data-v-fa1804c1]{animation:slideUp-fa1804c1 .3s ease reverse}@keyframes slideDown-fa1804c1{0%{opacity:0;transform:translate(-50%) translateY(-30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.troop-info-card{position:absolute;background:#181c24e6;color:#fff;padding:4px 10px;font-size:12px;font-weight:700;font-family:Arial,sans-serif;pointer-events:none;z-index:1000;border-radius:6px;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000080;border:1px solid rgba(255,255,255,.2)}.hide-troop-cards .troop-info-card{display:none!important}.lobby-page[data-v-603b25b0]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,rgba(74,124,89,.1) 0%,transparent 70%)}.lobby-container[data-v-603b25b0]{width:100%;max-width:800px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden}.loading-state[data-v-603b25b0],.error-state[data-v-603b25b0]{padding:60px 40px;text-align:center}.loading-spinner[data-v-603b25b0]{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin-603b25b0 1s linear infinite;margin:0 auto 20px}@keyframes spin-603b25b0{to{transform:rotate(360deg)}}.error-state h2[data-v-603b25b0]{color:var(--danger);margin-bottom:12px}.error-state p[data-v-603b25b0]{color:var(--text-secondary);margin-bottom:12px}.error-state .connection-error[data-v-603b25b0]{color:#fca5a5;font-size:13px}.error-state .debug-info[data-v-603b25b0]{font-size:11px;color:var(--text-muted);font-family:monospace;margin-bottom:24px}.lobby-content[data-v-603b25b0]{display:flex;flex-direction:column;min-height:500px}.lobby-header[data-v-603b25b0]{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:1px solid var(--border-color)}.back-btn[data-v-603b25b0]{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn[data-v-603b25b0]:hover{border-color:var(--primary);color:var(--primary)}.back-btn svg[data-v-603b25b0]{width:20px;height:20px}.lobby-title h1[data-v-603b25b0]{font-size:24px;margin-bottom:4px}.lobby-code[data-v-603b25b0]{font-size:13px;color:var(--text-secondary);font-family:monospace}.lobby-main[data-v-603b25b0]{flex:1;display:grid;grid-template-columns:1fr 280px;gap:24px;padding:24px}.players-section h3[data-v-603b25b0]{font-size:14px;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.players-grid[data-v-603b25b0]{display:flex;flex-direction:column;gap:12px}.player-slot[data-v-603b25b0]{display:flex;align-items:center;gap:16px;padding:16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.player-slot.filled[data-v-603b25b0]{border-color:#4a7c594d;background:#4a7c590d}.player-slot.empty[data-v-603b25b0]{opacity:.5;border-style:dashed}.player-avatar[data-v-603b25b0]{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4a7c59,#3d6a4a);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.player-avatar.empty[data-v-603b25b0]{background:#ffffff1a}.player-avatar.empty svg[data-v-603b25b0]{width:24px;height:24px;color:var(--text-muted)}.player-info[data-v-603b25b0]{flex:1;display:flex;flex-direction:column;gap:4px}.player-name[data-v-603b25b0]{font-weight:500;font-size:15px}.player-slot.empty .player-name[data-v-603b25b0]{color:var(--text-muted);font-style:italic}.host-badge[data-v-603b25b0],.you-badge[data-v-603b25b0]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;width:fit-content}.host-badge[data-v-603b25b0]{background:#ffd70033;color:gold}.you-badge[data-v-603b25b0]{background:#00f0ff33;color:var(--primary)}.player-status[data-v-603b25b0]{font-size:12px;padding:4px 12px;border-radius:20px;background:#4a7c5933;color:var(--success)}.lobby-info-section[data-v-603b25b0]{display:flex;flex-direction:column;gap:16px}.info-card[data-v-603b25b0]{padding:20px;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px}.info-card h4[data-v-603b25b0]{font-size:13px;color:var(--text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.info-row[data-v-603b25b0]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row[data-v-603b25b0]:last-child{border-bottom:none}.info-label[data-v-603b25b0]{color:var(--text-secondary);font-size:14px}.info-value[data-v-603b25b0]{font-weight:500;font-size:14px}.connection-status[data-v-603b25b0]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;font-size:13px;color:var(--text-secondary)}.status-dot[data-v-603b25b0]{width:8px;height:8px;border-radius:50%;background:var(--danger)}.connection-status.connected .status-dot[data-v-603b25b0]{background:var(--success);box-shadow:0 0 8px var(--success)}.lobby-footer[data-v-603b25b0]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid var(--border-color);background:#0003}.waiting-message[data-v-603b25b0]{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.waiting-dots[data-v-603b25b0]{display:flex;gap:4px}.waiting-dots span[data-v-603b25b0]{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:bounce-603b25b0 1.4s infinite ease-in-out both}.waiting-dots span[data-v-603b25b0]:nth-child(1){animation-delay:-.32s}.waiting-dots span[data-v-603b25b0]:nth-child(2){animation-delay:-.16s}@keyframes bounce-603b25b0{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.lobby-main[data-v-603b25b0]{grid-template-columns:1fr}.lobby-info-section[data-v-603b25b0]{order:-1}}.practice-panel[data-v-a8575e5b]{display:flex;flex-direction:column;height:100%;background:var(--bg-card)}.practice-panel.expanded[data-v-a8575e5b]{max-height:80vh}.practice-header[data-v-a8575e5b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);flex-shrink:0}.practice-breadcrumb[data-v-a8575e5b]{display:flex;align-items:center;gap:8px;font-size:14px}.folder-name[data-v-a8575e5b]{color:var(--text-secondary)}.separator[data-v-a8575e5b]{color:var(--text-muted)}.section-name[data-v-a8575e5b]{color:var(--text-primary);font-weight:600}.practice-controls[data-v-a8575e5b]{display:flex;align-items:center;gap:8px}.mode-toggle[data-v-a8575e5b]{display:flex;background:#ffffff0d;border-radius:8px;padding:4px;margin-right:8px}.mode-btn[data-v-a8575e5b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s}.mode-btn[data-v-a8575e5b]:hover{color:var(--text-primary);background:#ffffff0d}.mode-btn.active[data-v-a8575e5b]{background:var(--primary);color:#fff}.mode-btn svg[data-v-a8575e5b]{width:18px;height:18px}.control-btn[data-v-a8575e5b]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.control-btn[data-v-a8575e5b]:hover{border-color:var(--primary);color:var(--primary)}.control-btn.close-btn[data-v-a8575e5b]:hover{border-color:#ef4444;color:#ef4444}.control-btn svg[data-v-a8575e5b]{width:16px;height:16px}.practice-content[data-v-a8575e5b]{flex:1;overflow-y:auto;padding:20px}.vocab-practice-list[data-v-a8575e5b]{display:flex;flex-direction:column}.vocab-practice-header[data-v-a8575e5b]{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-color)}.col-header[data-v-a8575e5b]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vocab-practice-items[data-v-a8575e5b]{display:flex;flex-direction:column}.vocab-practice-row[data-v-a8575e5b]{display:grid;grid-template-columns:1fr 1.5fr;gap:16px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.vocab-practice-row[data-v-a8575e5b]:last-child{border-bottom:none}.vocab-practice-row.correct[data-v-a8575e5b]{background:#10b9810d}.vocab-practice-row.incorrect[data-v-a8575e5b]{background:#ef44440d}.vocab-word-col[data-v-a8575e5b]{display:flex;align-items:flex-start;padding-top:8px}.vocab-word[data-v-a8575e5b]{font-weight:500;color:var(--text-primary)}.vocab-input-col[data-v-a8575e5b]{display:flex;flex-direction:column;gap:8px}.input-wrapper[data-v-a8575e5b]{display:flex;align-items:center;gap:8px}.vocab-input[data-v-a8575e5b]{flex:1;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s}.vocab-input[data-v-a8575e5b]:focus{border-color:var(--primary);background:#ffffff14}.vocab-input[data-v-a8575e5b]:disabled{opacity:.7;cursor:not-allowed}.vocab-practice-row.correct .vocab-input[data-v-a8575e5b]{border-color:#10b981}.vocab-practice-row.incorrect .vocab-input[data-v-a8575e5b]{border-color:#ef4444}.result-icon[data-v-a8575e5b]{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.result-icon.correct[data-v-a8575e5b]{background:#10b98133;color:#10b981}.result-icon.incorrect[data-v-a8575e5b]{background:#ef444433;color:#ef4444}.result-icon.small[data-v-a8575e5b]{width:20px;height:20px}.result-icon svg[data-v-a8575e5b]{width:14px;height:14px}.result-icon.small svg[data-v-a8575e5b]{width:12px;height:12px}.correct-answer[data-v-a8575e5b]{font-size:13px;color:#ef4444;padding-left:2px}.example-input-wrapper[data-v-a8575e5b]{display:flex;align-items:center;gap:8px;padding-left:2px}.example-label[data-v-a8575e5b]{font-size:12px;color:var(--text-muted);white-space:nowrap}.example-input[data-v-a8575e5b]{font-size:13px;padding:8px 12px}.flashcard-container[data-v-a8575e5b]{display:flex;justify-content:center;align-items:center;min-height:400px}.flashcard[data-v-a8575e5b]{width:100%;max-width:500px;background:#ffffff08;border:1px solid var(--border-color);border-radius:16px;padding:40px;text-align:center}.flashcard-word[data-v-a8575e5b]{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:32px}.flashcard-input-area[data-v-a8575e5b]{display:flex;flex-direction:column;align-items:center;gap:16px}.flashcard-input[data-v-a8575e5b]{width:100%;max-width:300px;background:#ffffff0d;border:2px solid var(--border-color);border-radius:12px;padding:14px 20px;font-size:18px;text-align:center;color:var(--text-primary);outline:none;transition:all .2s}.flashcard-input[data-v-a8575e5b]:focus{border-color:var(--primary)}.flashcard-input.example[data-v-a8575e5b]{font-size:14px;padding:10px 16px}.flashcard-result[data-v-a8575e5b]{padding:12px 20px;border-radius:8px;font-size:16px}.flashcard-result.correct[data-v-a8575e5b]{background:#10b9811a;color:#10b981}.flashcard-result.incorrect[data-v-a8575e5b]{background:#ef44441a;color:#ef4444}.flashcard-result.small[data-v-a8575e5b]{font-size:13px;padding:8px 14px}.result-text strong[data-v-a8575e5b]{font-weight:600}.flashcard-example-section[data-v-a8575e5b]{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.check-btn[data-v-a8575e5b]{margin-top:8px;padding:12px 32px}.flashcard-nav[data-v-a8575e5b]{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.nav-btn[data-v-a8575e5b]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--border-color);border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s}.nav-btn[data-v-a8575e5b]:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.nav-btn[data-v-a8575e5b]:disabled{opacity:.3;cursor:not-allowed}.nav-btn svg[data-v-a8575e5b]{width:20px;height:20px}.card-counter[data-v-a8575e5b]{font-size:16px;color:var(--text-secondary);min-width:80px;text-align:center}.practice-footer[data-v-a8575e5b]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--border-color);flex-shrink:0}.progress-info[data-v-a8575e5b]{display:flex;align-items:center;gap:12px}.progress-text[data-v-a8575e5b]{font-size:14px;color:var(--text-secondary)}.progress-bar[data-v-a8575e5b]{width:120px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill[data-v-a8575e5b]{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease}.archiv[data-v-fb7f6f6f]{max-width:1400px;height:calc(100vh - 64px);display:flex;flex-direction:column}.page-header[data-v-fb7f6f6f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.page-header h1[data-v-fb7f6f6f]{font-size:32px;margin-bottom:4px}.subtitle[data-v-fb7f6f6f]{color:var(--text-secondary);font-size:16px}.library-layout[data-v-fb7f6f6f]{display:grid;grid-template-columns:380px 1fr;gap:24px;flex:1;min-height:0;transition:all .3s ease}.library-layout.section-expanded[data-v-fb7f6f6f]{grid-template-columns:1fr}.folders-panel[data-v-fb7f6f6f]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;overflow:hidden}.panel-title-row[data-v-fb7f6f6f]{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-shrink:0}.panel-title[data-v-fb7f6f6f]{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;flex:1;margin:0}.panel-title.clickable[data-v-fb7f6f6f]{cursor:pointer;transition:color .2s}.panel-title.clickable[data-v-fb7f6f6f]:hover{color:var(--primary)}.panel-title.editable[data-v-fb7f6f6f]{cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:6px;transition:background .2s}.panel-title.editable[data-v-fb7f6f6f]:hover{background:#ffffff0d}.folder-search-input[data-v-fb7f6f6f]{flex:1;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--text-primary);outline:none;transition:all .2s ease}.folder-search-input[data-v-fb7f6f6f]:focus{border-color:var(--primary);background:#ffffff14}.folder-search-input[data-v-fb7f6f6f]::placeholder{color:var(--text-muted)}.search-toggle-btn[data-v-fb7f6f6f]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.search-toggle-btn[data-v-fb7f6f6f]:hover{background:#ffffff0d;color:var(--text-primary)}.search-toggle-btn.active[data-v-fb7f6f6f]{background:#4a7c5933;border-color:var(--primary);color:var(--primary)}.search-toggle-btn svg[data-v-fb7f6f6f]{width:18px;height:18px}.tag-filters[data-v-fb7f6f6f]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;flex-shrink:0}.filter-tag[data-v-fb7f6f6f]{padding:6px 12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:16px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.filter-tag[data-v-fb7f6f6f]:hover{border-color:var(--primary);color:var(--primary)}.filter-tag.active[data-v-fb7f6f6f]{background:#4a7c5933;border-color:var(--primary);color:var(--primary)}.folders-list[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1}.folder-card[data-v-fb7f6f6f]{display:flex;align-items:center;gap:16px;padding:16px 16px 16px 40px;background:#ffffff08;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease,transform .2s ease,box-shadow .2s ease;flex-shrink:0;position:relative}.folder-card[data-v-fb7f6f6f]:hover{background:#ffffff0d;border-color:var(--border-color)}.folder-card.selected[data-v-fb7f6f6f]{border-color:var(--primary);background:#4a7c591a}.folder-ghost[data-v-fb7f6f6f]{opacity:.4;background:#4a7c5933;border:2px dashed var(--primary)}.folder-chosen[data-v-fb7f6f6f]{box-shadow:0 8px 32px #0000004d;transform:scale(1.02);z-index:9999;position:relative}.folder-drag[data-v-fb7f6f6f]{opacity:0}.folders-panel.is-dragging[data-v-fb7f6f6f],.folders-list.is-dragging[data-v-fb7f6f6f]{overflow:visible!important}.drag-handle[data-v-fb7f6f6f]{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:24px;height:40px;display:flex;align-items:center;justify-content:center;opacity:0;cursor:grab;color:var(--text-muted);transition:opacity .2s}.drag-handle[data-v-fb7f6f6f]:active{cursor:grabbing}.drag-handle svg[data-v-fb7f6f6f]{width:16px;height:16px}.folder-card:hover .drag-handle[data-v-fb7f6f6f]{opacity:1}.folder-avatar[data-v-fb7f6f6f]{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,#4a7c59,#3d6a4a);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.folder-avatar img[data-v-fb7f6f6f]{width:100%;height:100%;object-fit:cover}.folder-initials[data-v-fb7f6f6f]{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase}.folder-content[data-v-fb7f6f6f]{flex:1;min-width:0}.folder-content h4[data-v-fb7f6f6f]{margin-bottom:6px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-stats[data-v-fb7f6f6f]{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.folder-stats .divider[data-v-fb7f6f6f]{margin:0 8px;opacity:.5}.folder-progress-bar[data-v-fb7f6f6f]{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.folder-progress-fill[data-v-fb7f6f6f]{height:100%;border-radius:2px;transition:width .5s ease}.folder-tags-small[data-v-fb7f6f6f]{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.folder-tag-small[data-v-fb7f6f6f]{font-size:10px;padding:2px 6px;background:#4a7c5933;color:var(--primary);border-radius:4px}.folder-arrow[data-v-fb7f6f6f]{color:var(--text-muted);transition:color .3s ease;flex-shrink:0}.folder-arrow svg[data-v-fb7f6f6f]{width:20px;height:20px}.folder-card.selected .folder-arrow[data-v-fb7f6f6f]{color:var(--primary)}.folder-copy-btn[data-v-fb7f6f6f]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .2s;flex-shrink:0}.folder-copy-btn[data-v-fb7f6f6f]:hover{background:#3d6a4a;transform:scale(1.05)}.folder-copy-btn svg[data-v-fb7f6f6f]{width:20px;height:20px}.sections-panel[data-v-fb7f6f6f]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-fb7f6f6f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-shrink:0;gap:16px}.panel-title-area[data-v-fb7f6f6f]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.folder-name-input[data-v-fb7f6f6f]{font-size:14px;font-weight:600;background:#ffffff0d;border:1px solid var(--primary);border-radius:6px;padding:4px 8px;color:var(--text-primary);outline:none}.folder-tags[data-v-fb7f6f6f]{display:flex;flex-wrap:wrap;gap:6px}.folder-tag[data-v-fb7f6f6f]{font-size:11px;padding:4px 10px;background:#4a7c5933;color:var(--primary);border-radius:12px;font-weight:500}.btn-icon[data-v-fb7f6f6f]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.btn-icon[data-v-fb7f6f6f]:hover{border-color:var(--primary);color:var(--primary)}.btn-icon svg[data-v-fb7f6f6f]{width:16px;height:16px}.add-tag-btn[data-v-fb7f6f6f]{flex-shrink:0}.panel-actions[data-v-fb7f6f6f]{display:flex;align-items:center;gap:8px;flex-shrink:0}.public-badge[data-v-fb7f6f6f]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:12px}.public-badge svg[data-v-fb7f6f6f]{width:14px;height:14px}.visibility-toggle[data-v-fb7f6f6f]{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s}.visibility-toggle[data-v-fb7f6f6f]:hover{border-color:var(--primary)}.visibility-dot[data-v-fb7f6f6f]{width:8px;height:8px;border-radius:50%}.visibility-dot.public[data-v-fb7f6f6f]{background:#10b981}.visibility-dot.private[data-v-fb7f6f6f]{background:#ef4444}.btn-sm[data-v-fb7f6f6f]{padding:8px 16px;font-size:12px}.sections-list[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1}.section-card[data-v-fb7f6f6f]{padding:20px;cursor:pointer;transition:all .2s ease}.section-card[data-v-fb7f6f6f]:hover{border-color:var(--primary)}.section-header[data-v-fb7f6f6f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4[data-v-fb7f6f6f]{font-size:18px}.section-count[data-v-fb7f6f6f]{font-size:13px;color:var(--text-secondary);background:#ffffff0d;padding:4px 10px;border-radius:12px}.section-progress[data-v-fb7f6f6f]{margin-bottom:16px}.section-progress .progress-bar[data-v-fb7f6f6f]{margin-bottom:8px}.progress-label[data-v-fb7f6f6f]{font-size:13px;color:var(--text-secondary)}.section-actions[data-v-fb7f6f6f]{display:flex;gap:12px}.action-btn[data-v-fb7f6f6f]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-btn svg[data-v-fb7f6f6f]{width:18px;height:18px}.action-btn[data-v-fb7f6f6f]:hover{border-color:var(--primary);color:var(--primary)}.action-btn.primary[data-v-fb7f6f6f]{background:var(--primary);border:none;color:#fff}.action-btn.primary[data-v-fb7f6f6f]:hover{background:#3d6a4a}.breadcrumb[data-v-fb7f6f6f]{display:flex;align-items:center;gap:8px;font-size:16px}.breadcrumb-link[data-v-fb7f6f6f]{color:var(--text-secondary);cursor:pointer;transition:color .2s}.breadcrumb-link[data-v-fb7f6f6f]:hover{color:var(--primary)}.breadcrumb-link.back-link[data-v-fb7f6f6f]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;transition:all .2s;flex-shrink:0}.breadcrumb-link.back-link[data-v-fb7f6f6f]:hover{background:#ffffff1a}.breadcrumb-link.back-link svg[data-v-fb7f6f6f]{width:20px;height:20px}.breadcrumb-separator[data-v-fb7f6f6f]{color:var(--text-muted)}.vocab-list-container[data-v-fb7f6f6f]{flex:1;display:flex;flex-direction:column;min-height:0;background:#0003;border-radius:12px;overflow:hidden}.vocab-list-header[data-v-fb7f6f6f]{display:grid;grid-template-columns:1fr 1fr;padding:16px 20px;background:#ffffff0d;border-bottom:1px solid var(--border-color)}.vocab-col-header[data-v-fb7f6f6f]{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vocab-list[data-v-fb7f6f6f]{flex:1;overflow-y:auto}.vocab-row[data-v-fb7f6f6f]{display:grid;grid-template-columns:1fr 1fr;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;position:relative;overflow:hidden}.vocab-row.has-example[data-v-fb7f6f6f]{cursor:pointer}.vocab-row[data-v-fb7f6f6f]:hover{background:#ffffff08}.vocab-row[data-v-fb7f6f6f]:last-child{border-bottom:none}.vocab-word[data-v-fb7f6f6f]{font-weight:500;color:var(--text-primary);transition:all .3s ease}.vocab-translation[data-v-fb7f6f6f]{color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;gap:8px}.example-indicator[data-v-fb7f6f6f]{width:14px;height:14px;color:var(--text-muted);opacity:.5;flex-shrink:0;transition:all .3s ease}.vocab-row.has-example:hover .example-indicator[data-v-fb7f6f6f]{opacity:0}.vocab-example[data-v-fb7f6f6f]{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--primary);font-style:italic;font-size:13px;opacity:0;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.vocab-row.has-example:hover .vocab-translation[data-v-fb7f6f6f]{transform:translate(-20%);opacity:.6}.vocab-row.has-example:hover .vocab-example[data-v-fb7f6f6f]{opacity:1}.vocab-row.clickable[data-v-fb7f6f6f]{cursor:pointer}.vocab-row.is-editing[data-v-fb7f6f6f]{background:#4a7c591a;border:1px solid var(--primary);padding:16px;border-radius:8px;margin:-1px}.vocab-edit-form[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:12px;width:100%}.edit-word[data-v-fb7f6f6f]{font-weight:600;font-size:16px;color:var(--text-primary);margin-bottom:4px}.edit-translations[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:8px}.translation-row[data-v-fb7f6f6f],.translation-input-row[data-v-fb7f6f6f]{display:flex;align-items:center;gap:8px}.edit-input[data-v-fb7f6f6f]{flex:1;padding:10px 14px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.edit-input[data-v-fb7f6f6f]:focus{border-color:var(--primary)}.btn-icon-sm[data-v-fb7f6f6f]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0}.btn-icon-sm[data-v-fb7f6f6f]:hover{border-color:#ef4444;color:#ef4444;background:#ef44441a}.btn-icon-sm svg[data-v-fb7f6f6f]{width:14px;height:14px}.btn-add-translation[data-v-fb7f6f6f]{padding:8px 12px;background:transparent;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-muted);font-size:13px;cursor:pointer;transition:all .2s;text-align:left}.btn-add-translation[data-v-fb7f6f6f]:hover{border-color:var(--primary);color:var(--primary)}.edit-example[data-v-fb7f6f6f]{margin-top:4px}.edit-actions[data-v-fb7f6f6f]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.btn-sm[data-v-fb7f6f6f]{padding:8px 16px;font-size:13px}.translations-list[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:8px}.translation-input-row .input[data-v-fb7f6f6f]{flex:1}.section-footer[data-v-fb7f6f6f]{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color);flex-shrink:0}.section-progress-info[data-v-fb7f6f6f]{display:flex;align-items:center;gap:16px}.section-progress-info span[data-v-fb7f6f6f]{font-size:14px;color:var(--text-secondary)}.section-progress-info .progress-bar[data-v-fb7f6f6f]{width:150px}.empty-state[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:48px;text-align:center}.empty-icon[data-v-fb7f6f6f]{width:80px;height:80px;background:#ffffff0d;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.empty-icon svg[data-v-fb7f6f6f]{width:40px;height:40px;color:var(--text-muted)}.empty-state h3[data-v-fb7f6f6f]{margin-bottom:8px}.empty-state p[data-v-fb7f6f6f]{color:var(--text-secondary)}.modal-overlay[data-v-fb7f6f6f]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal[data-v-fb7f6f6f]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:90%;max-width:500px}.modal-header[data-v-fb7f6f6f]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-fb7f6f6f]{font-size:22px}.close-btn[data-v-fb7f6f6f]{width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:24px;cursor:pointer}.modal-body[data-v-fb7f6f6f]{padding:24px}.modal-footer[data-v-fb7f6f6f]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-color)}.form-group[data-v-fb7f6f6f]{margin-bottom:20px}.form-group[data-v-fb7f6f6f]:last-child{margin-bottom:0}.form-group label[data-v-fb7f6f6f]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.tag-modal .modal-body[data-v-fb7f6f6f]{padding:24px}.tag-options[data-v-fb7f6f6f]{display:flex;flex-direction:column;gap:8px}.tag-option[data-v-fb7f6f6f]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s;text-align:left}.tag-option[data-v-fb7f6f6f]:hover{border-color:var(--primary)}.tag-option.selected[data-v-fb7f6f6f]{background:#4a7c591a;border-color:var(--primary)}.tag-check[data-v-fb7f6f6f]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.tag-check svg[data-v-fb7f6f6f]{width:16px;height:16px}.no-tags-hint[data-v-fb7f6f6f]{color:var(--text-muted);font-size:14px;text-align:center;padding:24px}.loading-state[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary);gap:16px}.loading-spinner[data-v-fb7f6f6f]{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin-fb7f6f6f 1s linear infinite}@keyframes spin-fb7f6f6f{to{transform:rotate(360deg)}}.login-prompt[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.login-prompt p[data-v-fb7f6f6f]{font-size:14px;line-height:1.6}.empty-folders[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px}.empty-folders p[data-v-fb7f6f6f]{color:var(--text-secondary);font-size:14px}.empty-sections[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px;flex:1}.empty-sections p[data-v-fb7f6f6f]{color:var(--text-secondary);font-size:14px}.empty-vocab[data-v-fb7f6f6f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:16px;flex:1}.empty-vocab p[data-v-fb7f6f6f]{color:var(--text-secondary);font-size:14px}.practice-modal-overlay[data-v-fb7f6f6f]{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.practice-modal[data-v-fb7f6f6f]{width:100%;max-width:900px;max-height:80vh;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.error-toast[data-v-fb7f6f6f]{position:fixed;bottom:24px;right:24px;background:#ef4444;color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;z-index:2000;animation:slideIn-fb7f6f6f .3s ease}@keyframes slideIn-fb7f6f6f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-toast button[data-v-fb7f6f6f]{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;margin-left:8px}.rang[data-v-dd839d91]{max-width:1200px}.page-header[data-v-dd839d91]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-dd839d91]{font-size:32px;margin-bottom:4px}.subtitle[data-v-dd839d91]{color:var(--text-secondary);font-size:16px}.tabs[data-v-dd839d91]{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.tab[data-v-dd839d91]{padding:12px 24px;background:transparent;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;position:relative;transition:color .3s ease}.tab[data-v-dd839d91]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.tab[data-v-dd839d91]:hover{color:var(--text-primary)}.tab.active[data-v-dd839d91]{color:var(--primary)}.tab.active[data-v-dd839d91]:after{opacity:1}.my-rank-card[data-v-dd839d91]{display:flex;align-items:center;gap:24px;padding:24px;margin-bottom:24px;background:linear-gradient(135deg,#00f0ff1a,#7c3aed1a)}.rank-badge[data-v-dd839d91]{width:80px;height:80px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center}.rank-number[data-v-dd839d91]{font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--bg-dark)}.rank-info[data-v-dd839d91]{flex:1}.rank-info h3[data-v-dd839d91]{margin-bottom:4px}.rank-info p[data-v-dd839d91]{color:var(--text-secondary)}.rank-stats[data-v-dd839d91]{display:flex;gap:32px}.stat[data-v-dd839d91]{text-align:center}.stat-value[data-v-dd839d91]{display:block;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700;color:var(--primary)}.stat-label[data-v-dd839d91]{font-size:13px;color:var(--text-secondary)}.leaderboard[data-v-dd839d91]{padding:24px}.leaderboard-title[data-v-dd839d91]{margin-bottom:20px}.leaderboard-list[data-v-dd839d91]{display:flex;flex-direction:column;gap:8px}.leaderboard-item[data-v-dd839d91]{display:flex;align-items:center;gap:16px;padding:14px 16px;background:#ffffff08;border-radius:12px;transition:all .3s ease}.leaderboard-item[data-v-dd839d91]:hover{background:#ffffff0f}.leaderboard-item.top-three[data-v-dd839d91]{background:linear-gradient(90deg,rgba(255,215,0,.05) 0%,transparent 100%)}.position[data-v-dd839d91]{width:40px;text-align:center;font-family:Orbitron,sans-serif;font-weight:700;color:var(--text-muted)}.position.pos-1[data-v-dd839d91]{color:gold}.position.pos-2[data-v-dd839d91]{color:silver}.position.pos-3[data-v-dd839d91]{color:#cd7f32}.medal[data-v-dd839d91]{font-size:24px}.player-avatar[data-v-dd839d91]{flex-shrink:0}.avatar-circle[data-v-dd839d91]{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;font-weight:700;color:var(--bg-dark)}.avatar-circle.large[data-v-dd839d91]{width:60px;height:60px;font-size:24px;border-radius:14px}.player-info[data-v-dd839d91]{flex:1}.player-name[data-v-dd839d91]{display:block;font-weight:600}.player-level[data-v-dd839d91]{font-size:13px;color:var(--text-secondary)}.player-xp[data-v-dd839d91],.player-wins[data-v-dd839d91]{width:100px;text-align:right;font-size:14px;color:var(--text-secondary)}.trend[data-v-dd839d91]{width:30px;display:flex;justify-content:center}.trend svg[data-v-dd839d91]{width:20px;height:20px}.trend.up[data-v-dd839d91]{color:var(--success)}.trend.down[data-v-dd839d91]{color:var(--danger)}.trend-same[data-v-dd839d91]{color:var(--text-muted)}.friends-grid[data-v-dd839d91]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.friend-card[data-v-dd839d91]{display:flex;align-items:center;gap:16px;padding:20px;position:relative}.friend-status[data-v-dd839d91]{position:absolute;top:16px;right:16px;width:10px;height:10px;border-radius:50%}.friend-info[data-v-dd839d91]{flex:1}.friend-info h4[data-v-dd839d91]{margin-bottom:4px}.friend-level[data-v-dd839d91]{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.friend-status-text[data-v-dd839d91]{font-size:12px;font-weight:500}.friend-actions[data-v-dd839d91]{display:flex;gap:8px}.icon-btn[data-v-dd839d91]{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-btn svg[data-v-dd839d91]{width:20px;height:20px}.icon-btn[data-v-dd839d91]:hover{border-color:var(--primary);color:var(--primary)}.search-bar[data-v-dd839d91]{display:flex;align-items:center;gap:12px;padding:0 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.search-bar svg[data-v-dd839d91]{width:20px;height:20px;color:var(--text-muted)}.search-bar .input[data-v-dd839d91]{flex:1;background:transparent;border:none;padding:14px 0}.search-results h3[data-v-dd839d91]{margin-bottom:16px;color:var(--text-secondary)}.results-list[data-v-dd839d91]{display:flex;flex-direction:column;gap:12px}.result-item[data-v-dd839d91]{display:flex;align-items:center;gap:16px;padding:16px 20px}.result-item .player-info[data-v-dd839d91]{flex:1}.btn-sm[data-v-dd839d91]{padding:8px 16px;font-size:12px}.already-friend[data-v-dd839d91]{color:var(--text-muted);font-size:14px}.search-empty[data-v-dd839d91]{display:flex;flex-direction:column;align-items:center;padding:48px;text-align:center}.search-empty .empty-icon[data-v-dd839d91]{width:80px;height:80px;background:#ffffff0d;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.search-empty .empty-icon svg[data-v-dd839d91]{width:40px;height:40px;color:var(--text-muted)}.search-empty p[data-v-dd839d91]{color:var(--text-secondary)}.modal-overlay[data-v-1a8363bb]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-1a8363bb .2s ease}@keyframes fadeIn-1a8363bb{0%{opacity:0}to{opacity:1}}.modal[data-v-1a8363bb]{background:var(--bg-card, #2a2d35);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:20px;position:relative;animation:slideUp-1a8363bb .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp-1a8363bb{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal[data-v-1a8363bb]{width:90%;max-width:420px;padding:40px}.close-btn[data-v-1a8363bb]{position:absolute;top:16px;right:16px;width:36px;height:36px;background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:8px;color:var(--text-secondary, rgba(255,255,255,.6));font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn[data-v-1a8363bb]:hover{background:#ffffff1a;color:#fff}.modal-content[data-v-1a8363bb]{text-align:center}.login-header[data-v-1a8363bb]{margin-bottom:28px}.logo-icon[data-v-1a8363bb]{width:56px;height:56px;margin:0 auto 16px;color:var(--primary, #4a7c59)}.login-header h2[data-v-1a8363bb]{font-size:22px;font-weight:600;margin-bottom:6px;color:#fff}.login-header p[data-v-1a8363bb]{font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6))}.login-buttons[data-v-1a8363bb]{display:flex;flex-direction:column;gap:12px}.login-btn[data-v-1a8363bb]{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.login-btn[data-v-1a8363bb]:disabled{opacity:.7;cursor:not-allowed}.google-btn[data-v-1a8363bb]{background:#fff;color:#333}.google-btn[data-v-1a8363bb]:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.google-icon[data-v-1a8363bb]{width:20px;height:20px}.email-btn[data-v-1a8363bb]{background:linear-gradient(135deg,#4a7c59,#3d6a4a);color:#fff}.email-btn[data-v-1a8363bb]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4a7c5966}.divider[data-v-1a8363bb]{display:flex;align-items:center;gap:16px;margin:20px 0}.divider[data-v-1a8363bb]:before,.divider[data-v-1a8363bb]:after{content:"";flex:1;height:1px;background:var(--border-color, rgba(255,255,255,.1))}.divider span[data-v-1a8363bb]{font-size:12px;color:var(--text-muted, rgba(255,255,255,.4));text-transform:uppercase}.email-form[data-v-1a8363bb]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-1a8363bb]{text-align:left}.form-group label[data-v-1a8363bb]{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, rgba(255,255,255,.6));margin-bottom:6px}.form-group input[data-v-1a8363bb]{width:100%;padding:12px 14px;background:#0000004d;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:10px;color:#fff;font-size:15px;transition:all .2s}.form-group input[data-v-1a8363bb]::placeholder{color:var(--text-muted, rgba(255,255,255,.3))}.form-group input[data-v-1a8363bb]:focus{outline:none;border-color:var(--primary, #4a7c59);background:#0006}.form-group input[data-v-1a8363bb]:disabled{opacity:.6}.auth-links[data-v-1a8363bb]{display:flex;flex-direction:column;gap:8px;margin-top:20px}.link-btn[data-v-1a8363bb]{background:none;border:none;color:var(--primary, #4a7c59);font-size:13px;cursor:pointer;padding:4px;transition:all .2s}.link-btn[data-v-1a8363bb]:hover{color:#6ee7b7;text-decoration:underline}.error-message[data-v-1a8363bb]{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:12px;border-radius:8px;font-size:13px;margin-top:16px;text-align:left}.success-message[data-v-1a8363bb]{background:#4a7c591a;border:1px solid rgba(74,124,89,.3);color:#6ee7b7;padding:20px;border-radius:12px;margin-bottom:16px}.success-message svg[data-v-1a8363bb]{width:48px;height:48px;margin-bottom:12px;color:#6ee7b7}.success-message p[data-v-1a8363bb]{font-size:14px}.login-footer[data-v-1a8363bb]{padding-top:20px;margin-top:20px;border-top:1px solid var(--border-color, rgba(255,255,255,.1))}.login-footer p[data-v-1a8363bb]{font-size:11px;color:var(--text-muted, rgba(255,255,255,.4))}.auth-form[data-v-1a8363bb]{margin-bottom:8px}.app-container[data-v-ddc6ad78]{display:flex;min-height:100vh}.sidebar[data-v-ddc6ad78]{width:var(--sidebar-width);background:var(--bg-sidebar);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;z-index:100;box-shadow:4px 0 20px #0000004d}.sidebar.collapsed[data-v-ddc6ad78]{width:72px}.sidebar-header[data-v-ddc6ad78]{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.logo[data-v-ddc6ad78]{display:flex;align-items:center;gap:12px}.logo-icon[data-v-ddc6ad78]{width:36px;height:36px}.logo-text[data-v-ddc6ad78]{font-family:Poppins,sans-serif;font-size:18px;font-weight:600;color:var(--text-light);letter-spacing:.5px}.collapse-btn[data-v-ddc6ad78]{width:28px;height:28px;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-sidebar-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.collapse-btn[data-v-ddc6ad78]:hover{background:#ffffff26;color:var(--text-light)}.collapse-btn svg[data-v-ddc6ad78]{width:14px;height:14px}.sidebar-nav[data-v-ddc6ad78]{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item[data-v-ddc6ad78]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;color:var(--text-sidebar-muted);text-decoration:none;transition:all .2s ease}.nav-item[data-v-ddc6ad78]:hover{background:#ffffff14;color:var(--text-sidebar)}.nav-item.active[data-v-ddc6ad78]{background:#ffffff1f;color:var(--text-light)}.nav-icon[data-v-ddc6ad78]{width:22px;height:22px;flex-shrink:0}.nav-icon svg[data-v-ddc6ad78]{width:100%;height:100%}.nav-text[data-v-ddc6ad78]{font-size:15px;font-weight:500}.sidebar-footer[data-v-ddc6ad78]{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-card[data-v-ddc6ad78]{display:flex;align-items:center;gap:12px;padding:8px;margin:-8px -8px 12px;border-radius:10px;transition:background .2s}.user-card.clickable[data-v-ddc6ad78]{cursor:pointer}.user-card.clickable[data-v-ddc6ad78]:hover{background:#ffffff14}.user-avatar[data-v-ddc6ad78]{width:40px;height:40px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.avatar-img[data-v-ddc6ad78]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-ddc6ad78]{font-family:Poppins,sans-serif;font-size:16px;font-weight:600;color:var(--text-light)}.user-info[data-v-ddc6ad78]{display:flex;flex-direction:column;min-width:0}.user-name[data-v-ddc6ad78]{font-weight:500;font-size:14px;color:var(--text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-level[data-v-ddc6ad78]{font-size:12px;color:var(--text-sidebar-muted)}.login-hint[data-v-ddc6ad78]{color:var(--primary, #4a7c59)}.xp-bar[data-v-ddc6ad78]{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:6px}.xp-fill[data-v-ddc6ad78]{height:100%;background:var(--accent-light);border-radius:2px;transition:width .5s ease}.xp-row[data-v-ddc6ad78]{display:flex;align-items:center;justify-content:space-between}.xp-text[data-v-ddc6ad78]{font-size:11px;color:var(--text-sidebar-muted)}.logout-btn[data-v-ddc6ad78]{width:24px;height:24px;background:transparent;border:none;color:var(--text-sidebar-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.logout-btn[data-v-ddc6ad78]:hover{background:#ffffff1a;color:#f87171}.logout-btn svg[data-v-ddc6ad78]{width:16px;height:16px}.login-prompt[data-v-ddc6ad78]{margin-top:8px}.login-btn-small[data-v-ddc6ad78]{width:100%;padding:10px;background:var(--primary, #4a7c59);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn-small[data-v-ddc6ad78]:hover{background:#3d6a4a}.main-content[data-v-ddc6ad78]{flex:1;margin-left:var(--sidebar-width);padding:32px;transition:margin-left .3s ease;min-height:100vh;background:var(--bg-secondary)}.sidebar.collapsed~.main-content[data-v-ddc6ad78]{margin-left:72px}.practice-sessions[data-v-ddc6ad78]{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.sessions-header[data-v-ddc6ad78]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-sidebar-muted);margin-bottom:8px;padding:0 4px}.session-item[data-v-ddc6ad78]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s;margin-bottom:4px}.session-item[data-v-ddc6ad78]:hover{background:#ffffff14}.session-icon[data-v-ddc6ad78]{width:20px;height:20px;color:var(--accent-light, #4ade80);flex-shrink:0}.session-icon svg[data-v-ddc6ad78]{width:100%;height:100%}.session-info[data-v-ddc6ad78]{flex:1;min-width:0}.session-name[data-v-ddc6ad78]{font-size:13px;font-weight:500;color:var(--text-sidebar);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:4px}.session-progress-bar[data-v-ddc6ad78]{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden}.session-progress-fill[data-v-ddc6ad78]{height:100%;background:var(--accent-light, #4ade80);border-radius:2px;transition:width .3s ease}.practice-sessions-collapsed[data-v-ddc6ad78]{padding:12px;display:flex;justify-content:center}.session-icon-collapsed[data-v-ddc6ad78]{position:relative;width:36px;height:36px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent-light, #4ade80);transition:background .2s}.session-icon-collapsed[data-v-ddc6ad78]:hover{background:#ffffff26}.session-icon-collapsed svg[data-v-ddc6ad78]{width:18px;height:18px}.session-badge[data-v-ddc6ad78]{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--accent-light, #4ade80);border-radius:8px;font-size:10px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;justify-content:center;padding:0 4px}.profile-modal-overlay[data-v-ddc6ad78]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000}.profile-modal[data-v-ddc6ad78]{background:var(--bg-card, #1e1e2e);border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:16px;width:90%;max-width:400px;overflow:hidden}.profile-modal-header[data-v-ddc6ad78]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.1))}.profile-modal-header h2[data-v-ddc6ad78]{font-size:18px;font-weight:600;color:var(--text-primary, #fff);margin:0}.profile-modal-header .close-btn[data-v-ddc6ad78]{background:none;border:none;font-size:24px;color:var(--text-muted, #888);cursor:pointer;line-height:1;padding:0}.profile-modal-header .close-btn[data-v-ddc6ad78]:hover{color:var(--text-primary, #fff)}.profile-modal-body[data-v-ddc6ad78]{padding:24px}.profile-avatar-section[data-v-ddc6ad78]{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-avatar-large[data-v-ddc6ad78]{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4a7c59,#3d6a4a);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}.profile-avatar-large img[data-v-ddc6ad78]{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large[data-v-ddc6ad78]{font-size:32px;font-weight:600;color:#fff}.profile-stats[data-v-ddc6ad78]{display:flex;gap:16px;color:var(--text-secondary, #aaa);font-size:14px}.profile-level[data-v-ddc6ad78]{font-weight:600;color:var(--primary, #4a7c59)}.form-group[data-v-ddc6ad78]{margin-bottom:20px}.form-group label[data-v-ddc6ad78]{display:block;font-size:13px;font-weight:500;color:var(--text-secondary, #aaa);margin-bottom:8px}.profile-input[data-v-ddc6ad78],.profile-select[data-v-ddc6ad78]{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--border-color, rgba(255,255,255,.1));border-radius:8px;color:var(--text-primary, #fff);font-size:15px;outline:none;transition:border-color .2s}.profile-input[data-v-ddc6ad78]:focus,.profile-select[data-v-ddc6ad78]:focus{border-color:var(--primary, #4a7c59)}.profile-select[data-v-ddc6ad78]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.profile-select option[data-v-ddc6ad78]{background:#1e1e2e;color:#fff}.profile-modal-footer[data-v-ddc6ad78]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border-color, rgba(255,255,255,.1))}.btn[data-v-ddc6ad78]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-ddc6ad78]{background:var(--primary, #4a7c59);color:#fff}.btn-primary[data-v-ddc6ad78]:hover:not(:disabled){background:#3d6a4a}.btn-primary[data-v-ddc6ad78]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-ddc6ad78]{background:transparent;border:1px solid var(--border-color, rgba(255,255,255,.2));color:var(--text-secondary, #aaa)}.btn-secondary[data-v-ddc6ad78]:hover{background:#ffffff0d;color:var(--text-primary, #fff)}:root{--primary: #3f4551;--primary-light: #545b6a;--primary-dark: #2d323b;--accent: #5c7c5c;--accent-light: #7a9a7a;--bg-main: #ffffff;--bg-secondary: #f5f6f8;--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-sidebar: #3f4551;--bg-sidebar-hover: #545b6a;--text-primary: #1a1d23;--text-secondary: #5f6775;--text-muted: #9ca3af;--text-light: #ffffff;--text-sidebar: rgba(255, 255, 255, .9);--text-sidebar-muted: rgba(255, 255, 255, .6);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #6b7280;--arena-primary: #4a5d4a;--arena-secondary: #8b7355;--arena-accent: #c4a574;--arena-bg: #2c3328;--arena-card: #3a4436;--gradient-primary: linear-gradient(135deg, #3f4551 0%, #545b6a 100%);--gradient-accent: linear-gradient(135deg, #5c7c5c 0%, #7a9a7a 100%);--gradient-arena: linear-gradient(135deg, #4a5d4a 0%, #6b7c5c 100%);--gradient-gold: linear-gradient(135deg, #c4a574 0%, #8b7355 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--border-color: #e5e7eb;--border-dark: #d1d5db;--sidebar-width: 260px;--header-height: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;color:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .2s ease;box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-dark)}.btn{font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--text-light)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;border:1px solid var(--border-dark);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary)}.btn-accent{background:var(--gradient-accent);color:#fff}.btn-accent:hover{opacity:.9;transform:translateY(-1px)}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-accent);border-radius:4px;transition:width .5s ease}.input{font-family:Inter,sans-serif;font-size:15px;padding:12px 16px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);transition:all .2s ease;width:100%}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3f45511a}.input::placeholder{color:var(--text-muted)}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-neutral{background:var(--bg-secondary);color:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease}