:root{--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--t-xxs:50ms;--t-xs:.1s;--t-s:.15s;--t-m:.2s;--t-l:.28s;--t-l-out:.2s;--spacing-xs:8px;--spacing-s:16px;--spacing-m:24px;--spacing-l:32px;--spacing-xl:48px;--radius-s:8px;--radius-m:12px;--radius-l:16px;--shadow-s:0 2px 8px rgba(0,0,0,.08);--shadow-m:0 4px 16px rgba(0,0,0,.12);--shadow-l:0 8px 32px rgba(0,0,0,.16);--bp-mobile:480px;--bp-tablet:768px;--bp-desktop:1024px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;height:100dvh;overflow:hidden}html{font-family:DM Sans,Avenir,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{background-color:var(--bg);color:var(--text);transition:background-color .4s ease-out,color .4s ease-out}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.modal,.winning-line{transition-duration:.1s!important}}@keyframes symbolAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.symbol-appear{animation:symbolAppear var(--t-s) var(--ease-out) forwards}@keyframes modalEnter{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.modal-enter{animation:modalEnter var(--t-l) var(--ease-out) forwards}.modal-exit{animation:modalExit var(--t-l-out) var(--ease-in) forwards}@keyframes backdropEnter{0%{opacity:0}to{opacity:1}}@keyframes backdropExit{0%{opacity:1}to{opacity:0}}.backdrop-enter{animation:backdropEnter var(--t-m) var(--ease-out) forwards}.backdrop-exit{animation:backdropExit var(--t-m) var(--ease-in) forwards}@keyframes toastEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.toast-enter{animation:toastEnter var(--t-m) var(--ease-out) forwards}.toast-exit{animation:toastExit var(--t-m) var(--ease-in) forwards}@keyframes winLineAppear{0%{opacity:0;stroke-dashoffset:100%}to{opacity:1;stroke-dashoffset:0}}@keyframes winLineSettle{0%{opacity:1}to{opacity:.75}}.winning-line-appear{animation:winLineAppear var(--t-m) var(--ease-out) forwards,winLineSettle .25s var(--ease-standard) .2s forwards}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pulse{animation:pulse 1.2s var(--ease-standard) infinite}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.97)}to{transform:scale(1)}}.button-press{animation:buttonPress var(--t-xs) var(--ease-standard)}:root,[data-theme=A]{--bg:#fff8f3;--surface:#fff;--text:#1f2937;--muted:#6b7280;--primary:#f4b6c2;--secondary:#a7c7b5;--grid:#e6e0dc;--cellHover:rgba(244,182,194,.14);--focus:#a7c7b5;--win:#ffd27a;--lose:#9ca3af;--primary-dark:#e8a0ad;--secondary-dark:#8fb3a0;--surface-elevated:#fff;--backdrop:rgba(31,41,55,.4);--button-text:#1f2937}[data-theme=B]{--bg:#f7f1ea;--surface:#fff;--text:#1f2937;--muted:#6b7280;--primary:#2f6f74;--secondary:#c9a46a;--grid:#e6ded6;--cellHover:rgba(47,111,116,.1);--focus:#2f6f74;--win:#ffd27a;--lose:#9ca3af;--primary-dark:#245558;--secondary-dark:#b08f55;--surface-elevated:#fff;--backdrop:rgba(31,41,55,.4);--button-text:#fff}[data-theme=C]{--bg:#0b1220;--surface:#101a2e;--text:#e5e7eb;--muted:#9ca3af;--primary:#b8a1ff;--secondary:#7ae7c7;--grid:#22304a;--cellHover:rgba(184,161,255,.12);--focus:#7ae7c7;--win:#ffd166;--lose:#6b7280;--primary-dark:#9b82e8;--secondary-dark:#5fd1af;--surface-elevated:#152238;--backdrop:rgba(11,18,32,.7);--button-text:#1f2937}