:root{--bg-base:#fff8f0;--bg-section-alt:#e8f5ee;--bg-section-mint:var(--bg-section-alt);--bg-section-sky:#deeeff;--bg-section-peach:#ffddd2;--bg-card:#fff;--bg-elevated:#fff;--bg-overlay:#1a1b3c99;--text-primary:#1a1b3c;--text-secondary:#4a4d6b;--text-muted:#7a7e99;--text-inverse:#fff8f0;--cat-action:#ff5722;--cat-puzzle:#00bfa5;--cat-racing:#ff9100;--cat-casual:#e91e8c;--cat-sports:#2979ff;--cat-strategy:#7c4dff;--cat-strategy-hover:#6a36fd;--cat-action-hover:#fd450b;--cat-puzzle-hover:#02a48e;--cat-racing-hover:#e38202;--cat-casual-hover:#d6187f;--cat-sports-hover:#126afd;--cat-action-bg:#ff57221a;--cat-puzzle-bg:#00bfa51a;--cat-racing-bg:#ff91001a;--cat-casual-bg:#e91e8c1a;--cat-sports-bg:#2979ff1a;--cat-strategy-bg:#7c4dff1a;--accent-coral:#ff4757;--accent-coral-hover:#e63946;--accent-coral-light:#ff6b7a;--accent-coral-subtle:#ff47571a;--accent-lime:#00c853;--token-gold:#f59e0b;--success:#00c853;--error:#ff4757;--warning:#ffb300;--info:#2979ff;--border-soft:#1a1b3c14;--border-emphasis:#1a1b3c2e;--border-focus:var(--accent-coral);--font-pretendard:"Pretendard Variable";--font-bricolage:"Bricolage Grotesque";--font-bungee:"Bungee";--font-jetbrains:"JetBrains Mono";--font-primary:var(--font-pretendard), -apple-system, "Apple SD Gothic Neo", sans-serif;--font-display:var(--font-bricolage), var(--font-pretendard), sans-serif;--font-arcade:var(--font-bungee), var(--font-pretendard), sans-serif;--font-mono:var(--font-jetbrains), "Fira Code", monospace;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:21px;--text-xl:28px;--text-2xl:40px;--text-3xl:60px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--container-max-w:1280px;--container-px:var(--space-6);--bg-secondary:var(--bg-tertiary);--bg-tertiary:#ede9e0;--shadow-soft:0 2px 12px #1a1b3c0f;--shadow-card:0 4px 16px #1a1b3c14;--shadow-card-hover:0 12px 32px #1a1b3c1f;--shadow-coral:0 8px 24px #ff47574d;--shadow-lime:0 8px 24px #00c8534d;--shadow-gold:0 0 20px #f59e0b40;--shadow-action:0 8px 24px #ff572259;--shadow-puzzle:0 8px 24px #00bfa559;--shadow-racing:0 8px 24px #ff910059;--shadow-casual:0 8px 24px #e91e8c59;--shadow-sports:0 8px 24px #2979ff59;--shadow-strategy:0 8px 24px #7c4dff59;--shadow-xl:0 20px 60px #1a1b3c33;--halftone:radial-gradient(circle at 50% 50%, #1a1b3c14 1px, transparent 1.5px);--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-swift:cubic-bezier(.4, 0, .2, 1);--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration-quick:.12s;--duration-base:.22s;--duration-slow:.32s;--duration-fast:.1s;--duration-normal:.2s;--duration-counter:.5s;--bg-code:#1e1b2e;--text-code:#e2e8f0;--gradient-brand:linear-gradient(135deg, var(--cat-strategy), var(--cat-sports));--gradient-gold:linear-gradient(135deg, var(--token-gold), var(--accent-coral));--gradient-hero:linear-gradient(180deg, var(--bg-base) 0%, var(--bg-section-alt) 50%, var(--bg-base) 100%);--gradient-card-highlight:linear-gradient(135deg, #7c4dff1a, #2979ff0d);--token-gold-light:#fcd34d;--token-gold-subtle:#f59e0b1a;--success-subtle:#00c8531a;--error-subtle:#ff47571a;--warning-subtle:#ffb3001a;--info-subtle:#2979ff1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background:var(--bg-base);color:var(--text-primary);min-height:100dvh;line-height:1.5}a{color:var(--cat-strategy);transition:color var(--duration-quick) var(--ease-swift);text-decoration:none}a:hover{color:var(--cat-casual)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-coral);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.text-hero{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:800;line-height:1.05}.text-h1{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:700;line-height:1.1}.text-h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;line-height:1.2}.text-h3{font-size:var(--text-lg);font-weight:600;line-height:1.3}.text-body{font-size:var(--text-base);font-weight:400;line-height:1.55}.text-body-sm{font-size:var(--text-sm);font-weight:400;line-height:1.5}.text-caption{font-size:var(--text-xs);font-weight:500;line-height:1.4}.text-stat{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;line-height:1.2}.text-token{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;line-height:1.3}.text-arcade{font-family:var(--font-arcade);letter-spacing:.04em}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-arcade{font-family:var(--font-arcade)}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton{border-radius:var(--radius-md);animation:skeleton-pulse 1.5s infinite var(--ease-swift);background:#1a1b3c0f}