.app-header[data-v-a63375cf]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-content[data-v-a63375cf]{display:flex;align-items:center;justify-content:space-between;height:64px;gap:var(--spacing-md)}.logo[data-v-a63375cf]{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--accent-gold);font-weight:700;font-size:1.25rem}.logo-icon[data-v-a63375cf]{width:36px;height:36px}.logo[data-v-a63375cf]:hover{color:var(--accent-gold)}.main-nav[data-v-a63375cf]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center}.nav-link[data-v-a63375cf]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.9rem}.nav-link[data-v-a63375cf]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.router-link-active[data-v-a63375cf]{background:var(--bg-tertiary);color:var(--accent-gold)}.nav-icon[data-v-a63375cf]{font-size:1.1rem}.character-selector[data-v-a63375cf]{margin-left:var(--spacing-sm)}.char-select[data-v-a63375cf]{padding:6px 10px;font-size:.85rem;min-width:180px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.header-actions[data-v-a63375cf]{display:flex;align-items:center;gap:var(--spacing-sm)}.user-info[data-v-a63375cf]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);color:var(--text-secondary)}.user-info[data-v-a63375cf]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-avatar[data-v-a63375cf]{width:32px;height:32px;background:var(--accent-gold);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.user-email[data-v-a63375cf]{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.main-nav[data-v-a63375cf],.user-email[data-v-a63375cf],.character-selector[data-v-a63375cf]{display:none}}.toast-enter-active[data-v-c5861d1e],.toast-leave-active[data-v-c5861d1e]{transition:all .3s ease}.toast-enter-from[data-v-c5861d1e],.toast-leave-to[data-v-c5861d1e]{transform:translate(100%);opacity:0}#app-container[data-v-8c96d0d5]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-8c96d0d5]{flex:1;padding:var(--spacing-lg) 0}:root{--quality-poor: #9d9d9d;--quality-common: #ffffff;--quality-uncommon: #1eff00;--quality-rare: #0070dd;--quality-epic: #a335ee;--quality-legendary: #ff8000;--bg-primary: #0a0a12;--bg-secondary: #12121f;--bg-tertiary: #1a1a2e;--bg-card: #16213e;--bg-hover: #1f3460;--text-primary: #e4e4e4;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-gold: #ffd700;--accent-gold-dark: #b8860b;--accent-blue: #4fc3f7;--accent-red: #ef5350;--accent-green: #66bb6a;--border-color: #2a2a4a;--border-gold: #5a4a2a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-gold)}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-dark));color:#000;font-weight:600}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd7004d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#d32f2f}input,select{font-family:inherit;font-size:inherit;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast)}input:focus,select:focus{outline:none;border-color:var(--accent-gold)}input::placeholder{color:var(--text-muted)}.quality-poor{color:var(--quality-poor)}.quality-common{color:var(--quality-common)}.quality-uncommon{color:var(--quality-uncommon)}.quality-rare{color:var(--quality-rare)}.quality-epic{color:var(--quality-epic)}.quality-legendary{color:var(--quality-legendary)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-gold);box-shadow:0 4px 20px #0000004d}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.toast-success{background:var(--accent-green)}.toast-error{background:var(--accent-red)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold-dark)}