:root{--color-faction-demon: #DC2626;--color-faction-cleric: #EAB308;--color-faction-thief: #2563EB;--color-faction-hunter: #16A34A;--color-faction-neutral: #9CA3AF;--color-faction-starter: #78716C;--color-bg: #0f172a;--color-bg-dark: #020617;--color-bg-card: #1e293b;--color-bg-surface: #1e293b;--color-bg-hover: #334155;--color-text: #f1f5f9;--color-text-dim: #94a3b8;--color-text-gold: #fbbf24;--color-text-combat: #ef4444;--color-text-health: #22c55e;--color-border: #334155;--color-accent: #6366f1;--anim-fast: .2s;--anim-normal: .3s;--anim-slow: .5s;--anim-dramatic: .8s;--anim-easing: cubic-bezier(.4, 0, .2, 1);--anim-bounce: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden}button{cursor:pointer;font-family:inherit;border:none;background:var(--color-accent);color:#fff;padding:.5rem 1.25rem;border-radius:.5rem;font-size:.95rem;font-weight:600;transition:background var(--anim-fast) var(--anim-easing),transform var(--anim-fast)}button:hover{filter:brightness(1.15)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;filter:none;transform:none}input{font-family:inherit;background:var(--color-bg-dark);border:1px solid var(--color-border);color:var(--color-text);padding:.6rem 1rem;border-radius:.5rem;font-size:1rem}input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #6366f14d}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--glow-color)}50%{box-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color)}}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}20%{transform:translateY(0);opacity:1}80%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in-from-left{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-from-bottom{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-from-top{0%{transform:translateY(-40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sacrifice{0%{transform:scale(1);opacity:1}40%{transform:scale(1.1);box-shadow:0 0 30px #f59e0b;opacity:.9}to{transform:scale(0);opacity:0}}.anim-shake{animation:shake var(--anim-slow) var(--anim-easing)}.anim-pulse{animation:pulse-scale var(--anim-normal) var(--anim-easing)}.anim-float-up{animation:float-up .4s var(--anim-easing) forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}