*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f23;--bg-secondary:#1a1a2e;--bg-board:#16213e;--bg-cell:#1e2a47;--bg-cell-hover:#253352;--color-x:#00d9ff;--color-x-glow:rgba(0,217,255,.4);--color-o:#ff6b9d;--color-o-glow:rgba(255,107,157,.4);--color-text:#e8e8e8;--color-text-muted:#8892b0;--color-border:#2d3a5a;--color-success:#4ade80;--color-draw:#fbbf24;--color-hover:hsla(0,0%,100%,.05);--color-active:hsla(0,0%,100%,.1);--btn-bg:#2d3a5a;--btn-bg-hover:#3d4a6a;--btn-text:#e8e8e8;--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);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Space Grotesk",var(--font-primary);--board-size:min(85vw,350px);--cell-gap:6px;--border-radius:12px;--border-radius-sm:8px;--transition-fast:50ms ease-out;--transition-normal:100ms ease-out;--transition-slow:200ms ease-out}:root.light{--bg-primary:#f0f4f8;--bg-secondary:#fff;--bg-board:#e2e8f0;--bg-cell:#fff;--bg-cell-hover:#f8fafc;--color-x:#2563eb;--color-x-glow:rgba(37,99,235,.3);--color-o:#dc2626;--color-o-glow:rgba(220,38,38,.3);--color-text:#1e293b;--color-text-muted:#64748b;--color-border:#cbd5e1;--color-success:#22c55e;--color-draw:#f59e0b;--color-hover:rgba(0,0,0,.02);--color-active:rgba(0,0,0,.05);--btn-bg:#e2e8f0;--btn-bg-hover:#cbd5e1;--btn-text:#1e293b;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2)}@media (min-width:480px){:root{--board-size:min(80vw,380px);--cell-gap:8px}}@media (min-width:768px){:root{--board-size:min(60vw,420px);--cell-gap:10px}}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--color-text);line-height:1.5;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}:focus-visible{outline:3px solid var(--color-x);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseX{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulseO{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}