:root{--bg-deepest: #0a0a12;--bg-deep: #12121e;--bg-base: #1a1a2e;--bg-card: #1e1e32;--bg-elevated: #252540;--bg-hover: #2e2e4a;--gold: #d4a843;--gold-dim: #c9952a;--gold-bright: #e8c455;--gold-bg: rgba(212, 168, 67, .1);--gold-border: rgba(212, 168, 67, .3);--text-primary: #e8e6e3;--text-secondary: #a09b94;--text-muted: #6b6660;--text-gold: #d4a843;--border: #3a3a52;--border-light: #4a4a62;--border-gold: rgba(212, 168, 67, .4);--danger: #c0392b;--danger-dim: #a0301f;--heal: #27ae60;--heal-dim: #1e8449;--accent-purple: #9b59b6;--accent-blue: #3498db;--whisper-purple: #8e44ad;--hp-full: #27ae60;--hp-half: #f39c12;--hp-low: #c0392b;--sidebar-width: 360px;--bottombar-height: 80px;--topbar-height: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-gold: 0 0 12px rgba(212, 168, 67, .3);--font-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: Georgia, "Times New Roman", serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-deepest);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:var(--font-body);font-size:14px;cursor:pointer;border:none;outline:none;background:none;color:var(--text-primary)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--gold-dim),var(--gold));color:#1a1a2e;font-weight:600;border-radius:var(--radius-md);transition:all .2s ease;border:1px solid var(--gold)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold),var(--gold-bright));box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--bg-elevated);color:var(--text-primary);font-weight:500;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--danger);color:var(--text-primary);font-weight:600;border-radius:var(--radius-md);border:1px solid var(--danger);transition:all .2s ease}.btn-danger:hover:not(:disabled){background:var(--danger-dim)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);transition:all .15s ease}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--gold-bg);color:var(--gold)}input,textarea,select{font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;outline:none;transition:border-color .2s ease;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim);box-shadow:0 0 0 2px #d4a84326}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.text-gold{color:var(--gold)}.text-muted{color:var(--text-secondary)}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-gold{background:var(--gold-bg);color:var(--gold);border-color:var(--gold-border)}.badge-danger{background:#c0392b26;color:var(--danger);border-color:#c0392b4d}.badge-purple{background:#9b59b626;color:var(--accent-purple);border-color:#9b59b64d}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;background:var(--bg-deep);color:var(--text-primary);font-size:12px;border-radius:var(--radius-sm);border:1px solid var(--border);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:100}.tooltip:hover:after{opacity:1}.divider{width:100%;height:1px;background:var(--border);margin:8px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes goldGlow{0%,to{box-shadow:0 0 8px #d4a8434d}50%{box-shadow:0 0 20px #d4a84399}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.animate-slide-up{animation:slideUp .3s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-gold-glow{animation:goldGlow 2s ease-in-out infinite}.animate-scale-in{animation:scaleIn .2s ease}