:root{--font-display: "Cinzel", serif;--font-body: "Inter", -apple-system, sans-serif;--transition: .2s ease;--transition-slow: .4s ease}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--bg-card: #16213e;--bg-card-hover: #1c2a4a;--bg-input: #1a1a2e;--border: #2d2d5e;--border-focus: #7c3aed;--text-primary: #e8e8f0;--text-secondary: #a0a0c0;--text-muted: #6b6b8d;--accent: #7c3aed;--accent-hover: #9333ea;--accent-glow: rgba(124, 58, 237, .3);--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--info: #3b82f6;--hp-bar: #22c55e;--hp-bar-bg: #1a1a2e;--shadow: 0 4px 24px rgba(0,0,0,.5);--shadow-lg: 0 8px 48px rgba(0,0,0,.6);--grid-line: rgba(124, 58, 237, .15);--fog: rgba(0, 0, 0, .85)}[data-theme=light]{--bg-primary: #f5f3ff;--bg-secondary: #ede9fe;--bg-card: #ffffff;--bg-card-hover: #f5f3ff;--bg-input: #ffffff;--border: #d4d0e8;--border-focus: #7c3aed;--text-primary: #1e1b4b;--text-secondary: #4c4680;--text-muted: #8b85ad;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-glow: rgba(124, 58, 237, .2);--danger: #dc2626;--success: #16a34a;--warning: #d97706;--info: #2563eb;--hp-bar: #16a34a;--hp-bar-bg: #e5e7eb;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-lg: 0 8px 48px rgba(0,0,0,.12);--grid-line: rgba(124, 58, 237, .12);--fog: rgba(30, 27, 75, .75)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition),color var(--transition);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all var(--transition)}input,select,textarea{font-family:var(--font-body);background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;transition:border var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px var(--accent-glow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;transition:all var(--transition)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{padding:6px 12px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:var(--shadow);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .3s ease forwards}.pulse{animation:pulse 2s infinite}