:root{--font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono","Fira Code","Consolas","Monaco",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--color-bg-base:#0a0a0b;--color-bg-subtle:#111113;--color-bg-muted:#18181b;--color-bg-elevated:#1f1f23;--color-surface:#141416;--color-surface-raised:#1c1c1f;--color-surface-overlay:rgba(0,0,0,.7);--color-player-1:#f97316;--color-player-1-light:#fb923c;--color-player-1-dark:#ea580c;--color-player-1-glow:rgba(249,115,22,.4);--color-player-2:#3b82f6;--color-player-2-light:#60a5fa;--color-player-2-dark:#2563eb;--color-player-2-glow:rgba(59,130,246,.4);--color-accent:#8b5cf6;--color-accent-light:#a78bfa;--color-accent-glow:rgba(139,92,246,.3);--color-success:#10b981;--color-success-light:#34d399;--color-success-subtle:rgba(16,185,129,.15);--color-success-glow:rgba(16,185,129,.4);--color-danger:#ef4444;--color-danger-light:#f87171;--color-danger-subtle:rgba(239,68,68,.15);--color-danger-glow:rgba(239,68,68,.4);--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-subtle:rgba(245,158,11,.15);--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-text-inverse:#09090b;--color-border:#27272a;--color-border-subtle:#1f1f23;--color-border-strong:#3f3f46;--color-hex-empty:#1f1f23;--color-hex-empty-stroke:#3f3f46;--color-hex-valid-expand:rgba(139,92,246,.2);--color-hex-valid-attack:rgba(239,68,68,.2);--color-hex-selected-ring:#8b5cf6;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 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-glow-accent:0 0 20px var(--color-accent-glow);--shadow-glow-success:0 0 20px var(--color-success-glow);--shadow-glow-danger:0 0 20px var(--color-danger-glow);--hex-size:28px;--hex-size-mobile:24px;--hex-gap:3px;--hex-stroke-width:1.5px;--pip-size:5px;--pip-gap:2px;--duration-instant:0ms;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:500px){:root{--hex-size:var(--hex-size-mobile)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-subtle)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent);color:var(--color-text-primary)}