@import"https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg-dark: rgba(8, 8, 12, .85);--color-bg-glass: rgba(12, 12, 18, .65);--color-bg-card: rgba(18, 18, 28, .75);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-accent-primary: #7c5ce0;--color-accent-secondary: #3fcf8e;--color-accent-hp: #e05c7c;--color-accent-mp: #5c7ce0;--color-accent-gold: #f0c040;--color-text-primary: rgba(255, 255, 255, .95);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .45);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(124, 92, 224, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{padding:0;margin:0;box-sizing:border-box;font-family:Inter,Signika Negative,sans-serif;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}html,body{overflow:hidden;background:transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass{background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}.glass-dark{background:var(--color-bg-dark);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border)}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.96)}to{transform:scale(1)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c5ce066}50%{box-shadow:0 0 20px 4px #7c5ce033}}@media (max-width: 768px){:root{--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.25rem}}@media (max-width: 480px){:root{--space-md: .5rem;--space-lg: .75rem}}