:root{--color-primary: #2c3e50;--color-secondary: #3498db;--color-success: #27ae60;--color-danger: #e74c3c;--color-warning: #f39c12;--color-info: #3498db;--color-light: #ecf0f1;--color-dark: #2c3e50;--color-border: #bdc3c7;--color-background: #f5f7fa;--color-warrior: #4A90E2;--color-scholar: #E25A5A;--color-ranger: #50C878;--color-mage: #9B59B6;--color-grass: #50C878;--color-fire: #E25A5A;--color-water: #4A90E2;--color-electric: #F4D03F;--color-rock: #A0826D;--color-wind: #7DD3FC;--color-dark-type: #6B21A8;--color-ghost: #A78BFA;--color-dragon: #06B6D4;--color-fairy: #EC4899;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .2);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:#333}html{scroll-behavior:smooth}button,input,textarea,select{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{line-height:1.2}@media (max-width: 768px){body{font-size:16px}}