:root{--color-bg-primary: #0a0a1a;--color-bg-secondary: #0d0d26;--color-bg-surface: #151535;--color-bg-elevated: #1e1e45;--color-bg-overlay: rgba(10, 10, 26, .85);--color-text-primary: #ffffff;--color-text-secondary: #b0b0d0;--color-text-muted: #707095;--element-prism-primary: #aa66ff;--element-prism-secondary: #cc88ff;--element-prism-glow: rgba(170, 102, 255, .4);--element-rune-primary: #ff9944;--element-rune-secondary: #ffbb66;--element-rune-glow: rgba(255, 153, 68, .4);--element-arcane-primary: #6644ff;--element-arcane-secondary: #8866ff;--element-arcane-glow: rgba(102, 68, 255, .4);--element-alchemy-primary: #44cc66;--element-alchemy-secondary: #66ee88;--element-alchemy-glow: rgba(68, 204, 102, .4);--element-wind-primary: #44dddd;--element-wind-secondary: #66ffee;--element-wind-glow: rgba(68, 221, 221, .4);--element-order-primary: #bbbbdd;--element-order-secondary: #ddddff;--element-order-glow: rgba(187, 187, 221, .4);--element-stone-primary: #cc8844;--element-stone-secondary: #ddaa66;--element-stone-glow: rgba(204, 136, 68, .4);--element-lightning-primary: #ffcc00;--element-lightning-secondary: #ffee44;--element-lightning-glow: rgba(255, 204, 0, .4);--element-void-primary: #8833cc;--element-void-secondary: #aa55ee;--element-void-glow: rgba(136, 51, 204, .4);--element-nature-primary: #22cc44;--element-nature-secondary: #66ee66;--element-nature-glow: rgba(34, 204, 68, .4);--element-shadow-primary: #4444aa;--element-shadow-secondary: #6666cc;--element-shadow-glow: rgba(68, 68, 170, .4);--element-dragon-primary: #ff4422;--element-dragon-secondary: #ff8844;--element-dragon-glow: rgba(255, 68, 34, .4);--hp-full: #22cc44;--hp-medium: #ffcc00;--hp-low: #ff4422;--hp-critical: #ff0000;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--font-display: "Press Start 2P", "Courier New", monospace;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .7rem;--text-sm: .85rem;--text-md: 1rem;--text-lg: 1.2rem;--text-xl: 1.5rem;--text-2xl: 2rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-medium: 1px solid rgba(255, 255, 255, .15);--border-strong: 1px solid rgba(255, 255, 255, .25);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}[data-element=prism]{--current-element-primary: var(--element-prism-primary);--current-element-secondary: var(--element-prism-secondary);--current-element-glow: var(--element-prism-glow)}[data-element=rune]{--current-element-primary: var(--element-rune-primary);--current-element-secondary: var(--element-rune-secondary);--current-element-glow: var(--element-rune-glow)}[data-element=arcane]{--current-element-primary: var(--element-arcane-primary);--current-element-secondary: var(--element-arcane-secondary);--current-element-glow: var(--element-arcane-glow)}[data-element=alchemy]{--current-element-primary: var(--element-alchemy-primary);--current-element-secondary: var(--element-alchemy-secondary);--current-element-glow: var(--element-alchemy-glow)}[data-element=wind]{--current-element-primary: var(--element-wind-primary);--current-element-secondary: var(--element-wind-secondary);--current-element-glow: var(--element-wind-glow)}[data-element=order]{--current-element-primary: var(--element-order-primary);--current-element-secondary: var(--element-order-secondary);--current-element-glow: var(--element-order-glow)}[data-element=stone]{--current-element-primary: var(--element-stone-primary);--current-element-secondary: var(--element-stone-secondary);--current-element-glow: var(--element-stone-glow)}[data-element=lightning]{--current-element-primary: var(--element-lightning-primary);--current-element-secondary: var(--element-lightning-secondary);--current-element-glow: var(--element-lightning-glow)}[data-element=void]{--current-element-primary: var(--element-void-primary);--current-element-secondary: var(--element-void-secondary);--current-element-glow: var(--element-void-glow)}[data-element=nature]{--current-element-primary: var(--element-nature-primary);--current-element-secondary: var(--element-nature-secondary);--current-element-glow: var(--element-nature-glow)}[data-element=shadow]{--current-element-primary: var(--element-shadow-primary);--current-element-secondary: var(--element-shadow-secondary);--current-element-glow: var(--element-shadow-glow)}[data-element=dragon]{--current-element-primary: var(--element-dragon-primary);--current-element-secondary: var(--element-dragon-secondary);--current-element-glow: var(--element-dragon-glow)}@keyframes monster-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-5px,-3px)}20%{transform:translate(5px,3px)}30%{transform:translate(-3px,5px)}40%{transform:translate(3px,-5px)}50%{transform:translate(-5px,3px)}60%{transform:translate(5px,-3px)}70%{transform:translate(-3px,-5px)}80%{transform:translate(3px,5px)}90%{transform:translate(-5px,-3px)}}@keyframes damage-float{0%{opacity:1;transform:translateY(0) scale(1)}20%{transform:translateY(-20px) scale(1.3)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes super-effective-flash{0%{background-color:transparent}15%{background-color:#ffff004d}30%{background-color:transparent}45%{background-color:#ff03}60%{background-color:transparent}}@keyframes monster-defeat{0%{opacity:1;transform:scale(1);filter:brightness(1)}30%{filter:brightness(2)}to{opacity:0;transform:scale(.3) rotate(10deg);filter:brightness(3)}}@keyframes spell-cast{0%{box-shadow:0 0 0 0 var(--current-element-glow)}50%{box-shadow:0 0 30px 10px var(--current-element-glow)}to{box-shadow:0 0 0 0 var(--current-element-glow)}}@keyframes monster-enter{0%{opacity:0;transform:scale(0) rotate(-10deg)}60%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes hp-critical-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--current-element-glow, rgba(255, 255, 255, .2))}50%{box-shadow:0 0 20px var(--current-element-glow, rgba(255, 255, 255, .4))}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes title-glow{0%,to{text-shadow:0 0 10px rgba(255,255,255,.3),0 0 20px rgba(100,100,255,.2)}50%{text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(100,100,255,.4),0 0 60px rgba(100,100,255,.2)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:#6464ff4d;color:#fff}.app-shell.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column}