:root{--color-bg: #1a1a2e;--color-bg-secondary: #16213e;--color-surface: #1e2745;--color-surface-hover: #263052;--color-board-bg: #0f1a30;--color-board-border: #2d2d5e;--color-mini-board-bg: #162040;--color-cell-bg: #1a2545;--color-cell-hover: rgba(255, 255, 255, .06);--color-cell-border: #2a3560;--color-player-x: #e94560;--color-player-x-dim: rgba(233, 69, 96, .25);--color-player-x-glow: rgba(233, 69, 96, .4);--color-player-o: #0ea5e9;--color-player-o-dim: rgba(14, 165, 233, .25);--color-player-o-glow: rgba(14, 165, 233, .4);--color-active-board: rgba(255, 255, 255, .08);--color-won-x: rgba(233, 69, 96, .15);--color-won-o: rgba(14, 165, 233, .15);--color-drawn-board: rgba(128, 128, 128, .12);--color-text-primary: #e8e8f0;--color-text-secondary: #8890a8;--color-text-dim: #555a70;--color-accent: #e94560;--color-accent-hover: #d6365a;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-btn-primary: #e94560;--color-btn-primary-hover: #d6365a;--color-btn-secondary: #2a3560;--color-btn-secondary-hover: #344070;--board-gap: 6px;--mini-board-gap: 2px;--cell-radius: 4px;--board-radius: 8px;--btn-radius: 8px;--board-max-size: 600px;--font-main: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--shadow-sm: 0 1px 3px 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);--z-board: 1;--z-sidebar: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-main);font-size:16px;color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{width:100%;height:100%;position:relative;overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit;border:none;cursor:pointer;background:none;outline:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:inherit;text-decoration:none}img,svg{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-dim);border-radius:3px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen.active{opacity:1;pointer-events:auto}.screen.overlay{z-index:var(--z-overlay);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-menu{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;width:100%;max-width:480px}.main-menu__title{font-size:2.5rem;font-weight:800;letter-spacing:-1px;color:var(--color-text-primary);text-align:center;margin-bottom:4px}.main-menu__subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:24px;text-align:center}.main-menu__buttons{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px}.main-menu__divider{width:60%;height:1px;background:var(--color-cell-border);margin:8px 0}.game-screen{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:24px;padding:16px;width:100%;height:100%}.game-screen__board-area{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.game-screen__sidebar{display:flex;flex-direction:column;gap:12px;width:240px;max-height:80vh;min-height:0;flex-shrink:0;overflow:hidden}.game-screen__sidebar>.move-history{flex:1 1 auto;min-height:0}.game-screen__sidebar__actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px}@media (max-width: 1024px){.game-screen{gap:16px;padding:12px}.game-screen__sidebar{width:200px}}@media (max-width: 768px){.main-menu__title{font-size:2rem}.game-screen{flex-direction:column;gap:10px;padding:8px;align-items:center;justify-content:flex-start;overflow-y:auto}.game-screen__board-area{gap:8px;flex-shrink:0}.game-screen__sidebar{width:100%;max-width:400px;max-height:none;flex-direction:column;gap:8px;flex-shrink:0;padding-bottom:24px}.game-screen__sidebar .move-history{max-height:150px}}@media (max-width: 420px){.main-menu{padding:16px 12px;gap:10px}.main-menu__title{font-size:1.6rem}.main-menu__subtitle{font-size:.85rem;margin-bottom:16px}.main-menu__buttons{gap:8px}.game-screen{padding:4px;gap:6px}.btn-lg{padding:12px 20px;font-size:1rem}.btn-sm{padding:6px 12px;font-size:.8rem}.game-screen__sidebar .move-history{max-height:80px;font-size:.75rem}.game-screen__sidebar__actions{flex-direction:row;flex-wrap:wrap;gap:6px}.game-screen__sidebar__actions .btn{flex:1;min-width:100px}}.ultimate-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--board-gap);width:min(88vw,88vh,var(--board-max-size));aspect-ratio:1;background:var(--color-board-border);border-radius:var(--board-radius);padding:var(--board-gap);box-shadow:var(--shadow-lg)}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mini-board-gap);background:var(--color-mini-board-bg);border-radius:calc(var(--board-radius) - 2px);padding:var(--mini-board-gap);position:relative;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.mini-board.active{background:var(--color-active-board);box-shadow:inset 0 0 0 2px #ffffff26}.mini-board.active-opponent{background:#ff505014;box-shadow:inset 0 0 0 2px #ff505033}.mini-board.won-x{background:var(--color-won-x)}.mini-board.won-o{background:var(--color-won-o)}.mini-board.drawn{background:var(--color-drawn-board)}.mini-board__winner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;border-radius:calc(var(--board-radius) - 2px);background:#00000073;animation:celebration .4s ease forwards}.mini-board__winner-overlay svg{width:75%;height:75%;filter:drop-shadow(0 0 8px currentColor)}.mini-board__winner-overlay svg.piece-x line{stroke:var(--color-player-x);stroke-linecap:round}.mini-board__winner-overlay svg.piece-o circle{fill:none;stroke:var(--color-player-o);stroke-linecap:round}.mini-board__draw-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;border-radius:calc(var(--board-radius) - 2px);background:repeating-linear-gradient(45deg,transparent,transparent 4px,rgba(128,128,128,.08) 4px,rgba(128,128,128,.08) 8px)}.cell{aspect-ratio:1;background:var(--color-cell-bg);border-radius:var(--cell-radius);display:flex;align-items:center;justify-content:center;cursor:default;position:relative;transition:background var(--transition-fast)}.cell.playable{cursor:pointer}.cell.playable:hover{background:var(--color-cell-hover)}.cell.playable:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.cell.disabled{opacity:.5;cursor:default}.cell svg{width:60%;height:60%;overflow:visible}.cell svg.piece-x line{stroke:var(--color-player-x);stroke-width:8;stroke-linecap:round}.cell svg.piece-o circle{fill:none;stroke:var(--color-player-o);stroke-width:6;stroke-linecap:round}.cell svg.piece-x.animate line{stroke-dasharray:50;stroke-dashoffset:50;animation:draw-stroke .3s ease forwards}.cell svg.piece-x.animate line:nth-child(2){animation-delay:.1s}.cell svg.piece-o.animate circle{stroke-dasharray:157;stroke-dashoffset:157;animation:draw-stroke .4s ease forwards}.cell.last-move:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:var(--cell-radius);border:2px solid rgba(255,255,255,.25);pointer-events:none}.turn-indicator{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--color-surface);border-radius:var(--btn-radius);font-weight:600;font-size:1rem}.turn-indicator__marker{width:24px;height:24px}.turn-indicator.player-x{border-left:3px solid var(--color-player-x)}.turn-indicator.player-o{border-left:3px solid var(--color-player-o)}.ultimate-board__win-line{position:absolute;background:var(--color-accent);border-radius:4px;opacity:.8;z-index:10;animation:win-line-appear .5s ease forwards}.cell svg.skin-rounded line{stroke:var(--color-player-x);stroke-linecap:round}.cell svg.piece-o.skin-rounded rect{fill:none;stroke:var(--color-player-o);stroke-linecap:round;stroke-linejoin:round}.cell svg.piece-o.skin-rounded.animate rect{stroke-dasharray:120;stroke-dashoffset:120;animation:draw-stroke .4s ease forwards}.mini-board__winner-overlay svg.piece-o.skin-rounded rect{fill:none;stroke:var(--color-player-o);stroke-linecap:round}.cell svg.skin-bold path{fill:var(--color-player-x);stroke:none}.cell svg.piece-o.skin-bold path{fill:var(--color-player-o);stroke:none}.cell svg.skin-bold.animate path{opacity:0;animation:fade-piece .25s ease forwards}.cell svg.skin-bold.animate path:nth-child(2){animation-delay:.1s}.mini-board__winner-overlay svg.skin-bold path{fill:var(--color-player-x)}.mini-board__winner-overlay svg.piece-o.skin-bold path{fill:var(--color-player-o)}.cell svg.skin-minimal line{stroke:var(--color-player-x);stroke-linecap:square}.cell svg.piece-o.skin-minimal polygon{fill:none;stroke:var(--color-player-o);stroke-linejoin:miter}.cell svg.piece-o.skin-minimal.animate polygon{stroke-dasharray:140;stroke-dashoffset:140;animation:draw-stroke .4s ease forwards}.mini-board__winner-overlay svg.skin-minimal line{stroke:var(--color-player-x);stroke-linecap:square}.mini-board__winner-overlay svg.piece-o.skin-minimal polygon{fill:none;stroke:var(--color-player-o)}.cell svg.skin-glow .glow-outer{stroke:var(--color-player-x);opacity:.25;stroke-linecap:round}.cell svg.piece-o.skin-glow .glow-outer{stroke:var(--color-player-o);opacity:.25;fill:none;stroke-linecap:round}.cell svg.skin-glow{filter:drop-shadow(0 0 3px var(--color-player-x))}.cell svg.piece-o.skin-glow{filter:drop-shadow(0 0 3px var(--color-player-o))}.mini-board__winner-overlay svg.skin-glow{filter:drop-shadow(0 0 12px currentColor)}.mini-board__winner-overlay svg.skin-glow .glow-outer{stroke:var(--color-player-x);opacity:.3;stroke-linecap:round}.mini-board__winner-overlay svg.piece-o.skin-glow .glow-outer{stroke:var(--color-player-o);opacity:.3;fill:none}@keyframes fade-piece{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.cell svg.skin-pixel path{fill:var(--color-player-x);stroke:none}.cell svg.piece-o.skin-pixel path{fill:var(--color-player-o)}.cell svg.skin-pixel.animate path{opacity:0;animation:fade-piece .25s ease forwards}.mini-board__winner-overlay svg.skin-pixel path{fill:var(--color-player-x)}.mini-board__winner-overlay svg.piece-o.skin-pixel path{fill:var(--color-player-o)}.cell svg.skin-sketch polyline{fill:none;stroke:var(--color-player-x);stroke-linecap:round;stroke-linejoin:round}.cell svg.piece-o.skin-sketch polyline{stroke:var(--color-player-o)}.cell svg.skin-sketch.animate polyline{stroke-dasharray:80;stroke-dashoffset:80;animation:draw-stroke .4s ease forwards}.cell svg.skin-sketch.animate polyline:nth-child(2){animation-delay:.1s}.mini-board__winner-overlay svg.skin-sketch polyline{fill:none;stroke:var(--color-player-x);stroke-linecap:round}.mini-board__winner-overlay svg.piece-o.skin-sketch polyline{stroke:var(--color-player-o)}.cell svg.skin-neon_outline line{stroke:var(--color-player-x);stroke-linecap:round}.cell svg.piece-o.skin-neon_outline circle{fill:none;stroke:var(--color-player-o);stroke-linecap:round}.cell svg.skin-neon_outline{filter:drop-shadow(0 0 4px var(--color-player-x))}.cell svg.piece-o.skin-neon_outline{filter:drop-shadow(0 0 4px var(--color-player-o))}.cell svg.skin-neon_outline.animate line{stroke-dasharray:50;stroke-dashoffset:50;animation:draw-stroke .3s ease forwards}.cell svg.skin-neon_outline.animate line:nth-child(2){animation-delay:.1s}.cell svg.piece-o.skin-neon_outline.animate circle{stroke-dasharray:110;stroke-dashoffset:110;animation:draw-stroke .4s ease forwards}.mini-board__winner-overlay svg.skin-neon_outline{filter:drop-shadow(0 0 10px currentColor)}.cell svg.skin-emoji text{fill:transparent}.cell svg.skin-emoji.animate text{opacity:0;animation:fade-piece .3s ease forwards}.mini-board__winner-overlay svg.skin-emoji text{fill:transparent}.cell svg.skin-tribal path{fill:var(--color-player-x);stroke:none}.cell svg.piece-o.skin-tribal path{fill:var(--color-player-o)}.cell svg.skin-tribal.animate path{opacity:0;animation:fade-piece .3s ease forwards}.mini-board__winner-overlay svg.skin-tribal path{fill:var(--color-player-x)}.mini-board__winner-overlay svg.piece-o.skin-tribal path{fill:var(--color-player-o)}.cell svg.skin-crystal polygon{fill:var(--color-player-x);stroke:none;opacity:.85}.cell svg.piece-o.skin-crystal polygon{fill:none;stroke:var(--color-player-o);stroke-linejoin:miter}.cell svg.skin-crystal.animate polygon{opacity:0;animation:fade-piece .3s ease forwards}.cell svg.piece-o.skin-crystal.animate polygon{stroke-dasharray:140;stroke-dashoffset:140;animation:draw-stroke .4s ease forwards}.mini-board__winner-overlay svg.skin-crystal polygon{fill:var(--color-player-x);opacity:.9}.mini-board__winner-overlay svg.piece-o.skin-crystal polygon{fill:none;stroke:var(--color-player-o)}.cell svg.skin-graffiti line{stroke:var(--color-player-x);stroke-linecap:round}.cell svg.skin-graffiti .drip{stroke:var(--color-player-x);opacity:.6}.cell svg.piece-o.skin-graffiti circle{fill:none;stroke:var(--color-player-o)}.cell svg.piece-o.skin-graffiti .drip{stroke:var(--color-player-o);opacity:.6}.cell svg.skin-graffiti{filter:drop-shadow(0 0 2px var(--color-player-x))}.cell svg.piece-o.skin-graffiti{filter:drop-shadow(0 0 2px var(--color-player-o))}.cell svg.skin-graffiti.animate line{stroke-dasharray:60;stroke-dashoffset:60;animation:draw-stroke .3s ease forwards}.cell svg.skin-graffiti.animate line:nth-child(2){animation-delay:.1s}.cell svg.skin-graffiti.animate .drip{stroke-dasharray:15;stroke-dashoffset:15;animation:draw-stroke .2s ease .25s forwards}.cell svg.piece-o.skin-graffiti.animate circle{stroke-dasharray:100;stroke-dashoffset:100;animation:draw-stroke .4s ease forwards}.cell svg.piece-o.skin-graffiti.animate .drip{stroke-dasharray:15;stroke-dashoffset:15;animation:draw-stroke .2s ease .3s forwards}.mini-board__winner-overlay svg.skin-graffiti line{stroke:var(--color-player-x)}.mini-board__winner-overlay svg.piece-o.skin-graffiti circle{fill:none;stroke:var(--color-player-o)}.mini-board__winner-overlay svg.skin-graffiti .drip{stroke:var(--color-player-x);opacity:.6}.mini-board__winner-overlay svg.piece-o.skin-graffiti .drip{stroke:var(--color-player-o);opacity:.6}.cell svg.skin-calligraphy path{fill:var(--color-player-x);stroke:none}.cell svg.piece-o.skin-calligraphy path{fill:var(--color-player-o)}.cell svg.skin-calligraphy.animate path{opacity:0;animation:fade-piece .3s ease forwards}.cell svg.skin-calligraphy.animate path:nth-child(2){animation-delay:.1s}.mini-board__winner-overlay svg.skin-calligraphy path{fill:var(--color-player-x)}.mini-board__winner-overlay svg.piece-o.skin-calligraphy path{fill:var(--color-player-o)}.ultimate-board[data-board-border=wooden]{border:6px solid #8B6914;box-shadow:var(--shadow-lg),inset 0 0 0 2px #8b69144d,0 0 0 2px #6b4f10}.ultimate-board[data-board-border=neon-frame]{border:2px solid rgba(0,255,200,.6);box-shadow:var(--shadow-lg),0 0 8px #00ffc84d,0 0 16px #00ffc826,inset 0 0 8px #00ffc80d;animation:neon-border-pulse 2s ease-in-out infinite alternate}.ultimate-board[data-board-border=gold-ornate]{border:4px double #DAA520;box-shadow:var(--shadow-lg),0 0 0 1px #b8860b,0 0 10px #daa52026}.ultimate-board[data-board-border=gold-ornate]:before{content:"◆";position:absolute;top:-10px;left:-10px;color:#daa520;font-size:16px;z-index:15;text-shadow:0 0 4px rgba(218,165,32,.5)}.ultimate-board[data-board-border=pixel-frame]{border:4px solid;border-image:repeating-linear-gradient(90deg,#888,#888 4px,#555 4px,#555 8px) 4;box-shadow:var(--shadow-lg)}@media (max-width: 768px){.ultimate-board{width:min(92vw,var(--board-max-size));gap:4px;padding:4px;border-radius:6px}.mini-board{gap:1px;padding:1px;border-radius:4px}.turn-indicator{padding:8px 14px;font-size:.9rem}}@media (max-width: 420px){.ultimate-board{width:min(96vw,var(--board-max-size));gap:3px;padding:3px;border-radius:4px}.mini-board{gap:1px;padding:1px;border-radius:3px}.cell{border-radius:2px}.cell svg{width:55%;height:55%}.turn-indicator{padding:6px 12px;font-size:.85rem;gap:8px}.turn-indicator__marker{width:18px;height:18px}.cell.playable{min-width:0;min-height:0;-webkit-tap-highlight-color:transparent}}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--btn-radius);font-weight:600;font-size:1rem;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-btn-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-btn-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-btn-secondary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-btn-secondary-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:#ffffff0d;color:var(--color-text-primary)}.btn-icon{padding:10px;border-radius:50%;width:40px;height:40px}.btn-sm{padding:8px 16px;font-size:.875rem}.btn-lg{padding:16px 32px;font-size:1.125rem}.btn-full{width:100%}.game-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.game-modal{background:var(--color-bg-secondary);border-radius:12px;padding:32px;min-width:320px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modal-enter .25s ease}.game-modal__title{font-size:1.5rem;font-weight:700;margin-bottom:16px;text-align:center}.game-modal__body{margin-bottom:24px;color:var(--color-text-secondary);text-align:center;line-height:1.5}.game-modal__actions{display:flex;gap:12px;justify-content:center}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:12px 20px;background:var(--color-surface);border-radius:var(--btn-radius);box-shadow:var(--shadow-md);font-size:.875rem;color:var(--color-text-primary);animation:toast-enter .3s ease,toast-exit .3s ease 2.5s forwards;pointer-events:auto}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-error)}.toast.info{border-left:3px solid var(--color-player-o)}.move-history{background:var(--color-surface);border-radius:var(--btn-radius);padding:12px;min-height:60px;max-height:280px;display:flex;flex-direction:column;overflow:hidden;flex:1 1 auto}.move-history__title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-dim);margin-bottom:8px;flex-shrink:0}.move-history__list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:104px;scrollbar-width:thin;scrollbar-color:var(--color-cell-border) transparent}.move-history__list::-webkit-scrollbar{width:4px}.move-history__list::-webkit-scrollbar-track{background:transparent}.move-history__list::-webkit-scrollbar-thumb{background:var(--color-cell-border);border-radius:2px}.move-history__entry{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-secondary)}.move-history__entry:last-child{background:#ffffff0a;color:var(--color-text-primary)}.move-history__entry .player-x{color:var(--color-player-x)}.move-history__entry .player-o{color:var(--color-player-o)}.game-over{text-align:center}.game-over__result{font-size:1.75rem;font-weight:800;margin-bottom:8px}.game-over__result.win-x{color:var(--color-player-x)}.game-over__result.win-o{color:var(--color-player-o)}.game-over__result.draw{color:var(--color-text-secondary)}.game-over__detail{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:24px}.game-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-surface);border-radius:var(--btn-radius);font-family:var(--font-mono);font-size:1.25rem;font-weight:600}.game-timer.warning{color:var(--color-warning);animation:timer-pulse .5s ease infinite alternate}.game-timer.critical{color:var(--color-error);animation:timer-pulse .3s ease infinite alternate}.difficulty-select{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.difficulty-option{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--color-surface);border-radius:var(--btn-radius);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.difficulty-option:hover{background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.difficulty-option__label{font-weight:600;font-size:1rem}.difficulty-option__desc{font-size:.8rem;color:var(--color-text-secondary)}.difficulty-option__stars{margin-left:auto;color:var(--color-warning);font-size:.875rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-enter{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes draw-stroke{to{stroke-dashoffset:0}}@keyframes board-win-pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes board-win-glow{0%{box-shadow:inset 0 0 0 2px transparent}50%{box-shadow:inset 0 0 12px 2px var(--glow-color)}to{box-shadow:inset 0 0 4px 1px var(--glow-color)}}@keyframes cell-place{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes win-line-appear{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.8}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-exit{0%{opacity:1}to{opacity:0;pointer-events:none}}@keyframes timer-pulse{0%{opacity:1}to{opacity:.6}}@keyframes thinking-dots{0%,80%,to{opacity:.3}40%{opacity:1}}@keyframes celebration{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes neon-border-pulse{0%{border-color:#00ffc899;box-shadow:var(--shadow-lg),0 0 8px #00ffc84d,0 0 16px #00ffc826}50%{border-color:#c800ff99;box-shadow:var(--shadow-lg),0 0 8px #c800ff4d,0 0 16px #c800ff26}to{border-color:#0096ff99;box-shadow:var(--shadow-lg),0 0 8px #0096ff4d,0 0 16px #0096ff26}}.celebration-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:20;border-radius:inherit}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0) scale(1);opacity:1}to{transform:translateY(120%) rotate(720deg) scale(.3);opacity:0}}@keyframes firework-burst{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--burst-x),var(--burst-y)) scale(0);opacity:0}}@keyframes firework-flash{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(2);opacity:0}}@keyframes lightning-flash{0%{opacity:0}10%{opacity:1}20%{opacity:.3}30%{opacity:1}to{opacity:0}}@keyframes shard-explode{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-rot)) scale(0);opacity:0}}@keyframes gold-rise-fall{0%{transform:translate(0) scale(1);opacity:1}40%{transform:translate(var(--gold-x),-30px) scale(1.2);opacity:1}to{transform:translate(var(--gold-x),40px) scale(.5);opacity:0}}body.theme-ocean{--color-bg: #0c2d48;--color-bg-secondary: #0a2540;--color-surface: #113a5c;--color-surface-hover: #164d70;--color-board-bg: #082030;--color-board-border: #1a4a6e;--color-mini-board-bg: #0e3555;--color-cell-bg: #113a5c;--color-cell-border: #1a5580;--color-player-x: #ff6b6b;--color-player-x-dim: rgba(255, 107, 107, .25);--color-player-x-glow: rgba(255, 107, 107, .4);--color-player-o: #48dbfb;--color-player-o-dim: rgba(72, 219, 251, .25);--color-player-o-glow: rgba(72, 219, 251, .4);--color-active-board: rgba(72, 219, 251, .1);--color-won-x: rgba(255, 107, 107, .15);--color-won-o: rgba(72, 219, 251, .15);--cell-radius: 8px;--board-radius: 14px;--board-gap: 8px;--mini-board-gap: 3px}body.theme-ocean .ultimate-board{box-shadow:var(--shadow-lg),inset 0 0 40px #48dbfb0d}body.theme-ocean .mini-board{border-radius:10px}body.theme-ocean .mini-board.active{box-shadow:inset 0 0 0 2px #48dbfb33,inset 0 0 12px #48dbfb0d}body.theme-ocean .cell{border-radius:8px}body.theme-ocean .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--board-radius);background:repeating-linear-gradient(170deg,transparent,transparent 18px,rgba(72,219,251,.02) 18px,rgba(72,219,251,.02) 20px);pointer-events:none;z-index:0}body.theme-ocean .ultimate-board{position:relative}body.theme-forest{--color-bg: #1b2d1b;--color-bg-secondary: #162716;--color-surface: #243d24;--color-surface-hover: #2e4d2e;--color-board-bg: #122012;--color-board-border: #2d4a2d;--color-mini-board-bg: #1e351e;--color-cell-bg: #243d24;--color-cell-border: #35553a;--color-player-x: #ff8c42;--color-player-x-dim: rgba(255, 140, 66, .25);--color-player-x-glow: rgba(255, 140, 66, .4);--color-player-o: #70c1b3;--color-player-o-dim: rgba(112, 193, 179, .25);--color-player-o-glow: rgba(112, 193, 179, .4);--color-active-board: rgba(112, 193, 179, .1);--color-won-x: rgba(255, 140, 66, .15);--color-won-o: rgba(112, 193, 179, .15);--cell-radius: 3px;--board-radius: 6px;--mini-board-gap: 3px}body.theme-forest .mini-board{background-image:radial-gradient(circle,rgba(112,193,179,.06) 1px,transparent 1px);background-size:8px 8px}body.theme-forest .mini-board.active{box-shadow:inset 0 0 0 2px #70c1b326;background-image:radial-gradient(circle,rgba(112,193,179,.1) 1px,transparent 1px);background-size:8px 8px}body.theme-forest .cell{border:1px solid rgba(112,193,179,.08)}body.theme-sunset{--color-bg: #2d1b2d;--color-bg-secondary: #271627;--color-surface: #3d243d;--color-surface-hover: #4d2e4d;--color-board-bg: #201220;--color-board-border: #4a2d3e;--color-mini-board-bg: #351e35;--color-cell-bg: #3d243d;--color-cell-border: #553555;--color-player-x: #ff6348;--color-player-x-dim: rgba(255, 99, 72, .25);--color-player-x-glow: rgba(255, 99, 72, .4);--color-player-o: #ffd32a;--color-player-o-dim: rgba(255, 211, 42, .25);--color-player-o-glow: rgba(255, 211, 42, .4);--color-active-board: rgba(255, 211, 42, .08);--color-won-x: rgba(255, 99, 72, .15);--color-won-o: rgba(255, 211, 42, .15);--color-accent: #ff6348;--color-btn-primary: #ff6348;--color-btn-primary-hover: #e5583e;--board-gap: 5px}body.theme-sunset .mini-board{box-shadow:0 0 0 1px #ff63481a}body.theme-sunset .mini-board.active{box-shadow:0 0 0 1px #ffd32a4d,0 0 8px #ffd32a14}body.theme-sunset .ultimate-board{background:linear-gradient(135deg,#4a2d3e,#3d1a30,#4a2d3e)}body.theme-sunset .cell{background:linear-gradient(180deg,var(--color-cell-bg) 0%,rgba(255,99,72,.04) 100%)}body.theme-neon{--color-bg: #0a0a0a;--color-bg-secondary: #111111;--color-surface: #1a1a1a;--color-surface-hover: #222222;--color-board-bg: #060606;--color-board-border: #1a1a1a;--color-mini-board-bg: #111111;--color-cell-bg: #141414;--color-cell-border: #2a2a2a;--color-player-x: #ff00ff;--color-player-x-dim: rgba(255, 0, 255, .2);--color-player-x-glow: rgba(255, 0, 255, .5);--color-player-o: #00ffff;--color-player-o-dim: rgba(0, 255, 255, .2);--color-player-o-glow: rgba(0, 255, 255, .5);--color-active-board: rgba(0, 255, 255, .08);--color-won-x: rgba(255, 0, 255, .12);--color-won-o: rgba(0, 255, 255, .12);--color-accent: #ff00ff;--color-btn-primary: #ff00ff;--color-btn-primary-hover: #cc00cc;--cell-radius: 0px;--board-radius: 2px;--mini-board-gap: 1px;--board-gap: 3px}body.theme-neon .mini-board{border-radius:0;border:1px solid rgba(0,255,255,.15)}body.theme-neon .mini-board.active{border-color:#0ff6;box-shadow:0 0 8px #00ffff26,inset 0 0 8px #00ffff0d}body.theme-neon .cell{border-radius:0;border:1px solid rgba(255,255,255,.04)}body.theme-neon .cell.playable:hover{background:#00ffff14;box-shadow:inset 0 0 6px #00ffff1a}body.theme-neon .ultimate-board{position:relative;border-radius:2px;border:1px solid rgba(0,255,255,.2)}body.theme-neon .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;z-index:0;border-radius:2px}body.theme-neon .mini-board.won-x{box-shadow:0 0 12px #ff00ff4d;border-color:#f0f6}body.theme-neon .mini-board.won-o{box-shadow:0 0 12px #00ffff4d;border-color:#0ff6}body.theme-midnight{--color-bg: #0d1117;--color-bg-secondary: #161b22;--color-surface: #21262d;--color-surface-hover: #30363d;--color-board-bg: #090c10;--color-board-border: #21262d;--color-mini-board-bg: #161b22;--color-cell-bg: #1c2128;--color-cell-border: #30363d;--color-player-x: #f97583;--color-player-x-dim: rgba(249, 117, 131, .25);--color-player-x-glow: rgba(249, 117, 131, .4);--color-player-o: #79c0ff;--color-player-o-dim: rgba(121, 192, 255, .25);--color-player-o-glow: rgba(121, 192, 255, .4);--color-active-board: rgba(121, 192, 255, .08);--color-won-x: rgba(249, 117, 131, .15);--color-won-o: rgba(121, 192, 255, .15);--cell-radius: 4px;--board-radius: 8px}body.theme-midnight .mini-board{border:1px solid #30363d}body.theme-midnight .mini-board.active{border-color:#79c0ff4d;box-shadow:none;background:#79c0ff0a}body.theme-midnight .cell{border:1px solid rgba(48,54,61,.6)}body.theme-midnight .cell.playable:hover{background:#30363d}body.theme-midnight .mini-board.won-x{border-color:#f975834d}body.theme-midnight .mini-board.won-o{border-color:#79c0ff4d}body.theme-cherry_blossom{--color-bg: #2d1a24;--color-bg-secondary: #2a1620;--color-surface: #3d2030;--color-surface-hover: #4d2a3d;--color-board-bg: #1e1018;--color-board-border: #4a2d3e;--color-mini-board-bg: #351e2c;--color-cell-bg: #3d2030;--color-cell-border: #553050;--color-player-x: #ff8fa3;--color-player-x-dim: rgba(255, 143, 163, .25);--color-player-x-glow: rgba(255, 143, 163, .4);--color-player-o: #c4b5fd;--color-player-o-dim: rgba(196, 181, 253, .25);--color-player-o-glow: rgba(196, 181, 253, .4);--color-active-board: rgba(255, 143, 163, .1);--color-won-x: rgba(255, 143, 163, .15);--color-won-o: rgba(196, 181, 253, .15);--color-accent: #ff8fa3;--color-btn-primary: #d16b82;--color-btn-primary-hover: #b55a6f;--cell-radius: 6px;--board-radius: 12px}body.theme-cherry_blossom .mini-board{border-radius:10px;background-image:radial-gradient(circle at 70% 30%,rgba(255,143,163,.06) 0%,transparent 50%)}body.theme-cherry_blossom .mini-board.active{box-shadow:inset 0 0 0 2px #ff8fa333,inset 0 0 10px #ff8fa30d}body.theme-cherry_blossom .ultimate-board{position:relative;box-shadow:var(--shadow-lg),0 0 30px #ff8fa314}body.theme-cherry_blossom .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--board-radius);background:radial-gradient(circle at 15% 20%,rgba(255,183,197,.04) 2px,transparent 2px),radial-gradient(circle at 80% 15%,rgba(255,183,197,.03) 3px,transparent 3px),radial-gradient(circle at 45% 75%,rgba(255,183,197,.04) 2px,transparent 2px),radial-gradient(circle at 90% 80%,rgba(255,183,197,.03) 1.5px,transparent 1.5px);pointer-events:none;z-index:0}body.theme-volcanic{--color-bg: #1a0a0a;--color-bg-secondary: #1e0c0c;--color-surface: #2a1414;--color-surface-hover: #351a1a;--color-board-bg: #120808;--color-board-border: #3a1a1a;--color-mini-board-bg: #221010;--color-cell-bg: #2a1414;--color-cell-border: #451e1e;--color-player-x: #ff4444;--color-player-x-dim: rgba(255, 68, 68, .25);--color-player-x-glow: rgba(255, 68, 68, .5);--color-player-o: #ff9f43;--color-player-o-dim: rgba(255, 159, 67, .25);--color-player-o-glow: rgba(255, 159, 67, .5);--color-active-board: rgba(255, 68, 68, .08);--color-won-x: rgba(255, 68, 68, .15);--color-won-o: rgba(255, 159, 67, .15);--color-accent: #ff4444;--color-btn-primary: #cc3333;--color-btn-primary-hover: #aa2222;--cell-radius: 2px;--board-radius: 4px;--mini-board-gap: 2px}body.theme-volcanic .mini-board{border:1px solid rgba(255,68,68,.1)}body.theme-volcanic .mini-board.active{border-color:#ff44444d;box-shadow:0 0 6px #ff444426,inset 0 0 6px #ff44440d}body.theme-volcanic .ultimate-board{position:relative;border:1px solid rgba(255,68,68,.15)}body.theme-volcanic .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--board-radius);background:repeating-linear-gradient(45deg,transparent,transparent 12px,rgba(255,68,68,.02) 12px,rgba(255,68,68,.02) 14px);pointer-events:none;z-index:0}body.theme-volcanic .mini-board.won-x{box-shadow:0 0 10px #ff44444d}body.theme-volcanic .mini-board.won-o{box-shadow:0 0 10px #ff9f434d}body.theme-arctic{--color-bg: #0a1520;--color-bg-secondary: #0d1a28;--color-surface: #142535;--color-surface-hover: #1a3045;--color-board-bg: #071018;--color-board-border: #1a3050;--color-mini-board-bg: #0f1e30;--color-cell-bg: #142535;--color-cell-border: #1e3a55;--color-player-x: #7dd3fc;--color-player-x-dim: rgba(125, 211, 252, .25);--color-player-x-glow: rgba(125, 211, 252, .4);--color-player-o: #c4b5fd;--color-player-o-dim: rgba(196, 181, 253, .25);--color-player-o-glow: rgba(196, 181, 253, .4);--color-active-board: rgba(125, 211, 252, .1);--color-won-x: rgba(125, 211, 252, .15);--color-won-o: rgba(196, 181, 253, .15);--color-accent: #7dd3fc;--color-btn-primary: #4aa8d8;--color-btn-primary-hover: #3890bb;--cell-radius: 4px;--board-radius: 10px}body.theme-arctic .mini-board{background-image:radial-gradient(circle,rgba(125,211,252,.04) 1px,transparent 1px);background-size:10px 10px}body.theme-arctic .mini-board.active{box-shadow:inset 0 0 0 2px #7dd3fc26,inset 0 0 10px #7dd3fc0a}body.theme-arctic .ultimate-board{box-shadow:var(--shadow-lg),0 0 25px #7dd3fc0f}body.theme-arctic .cell{border:1px solid rgba(125,211,252,.06)}body.theme-retro{--color-bg: #2a2018;--color-bg-secondary: #302418;--color-surface: #3d3020;--color-surface-hover: #4a3a28;--color-board-bg: #1e1810;--color-board-border: #5a4830;--color-mini-board-bg: #342818;--color-cell-bg: #3d3020;--color-cell-border: #5a4830;--color-player-x: #e64a19;--color-player-x-dim: rgba(230, 74, 25, .25);--color-player-x-glow: rgba(230, 74, 25, .4);--color-player-o: #4caf50;--color-player-o-dim: rgba(76, 175, 80, .25);--color-player-o-glow: rgba(76, 175, 80, .4);--color-active-board: rgba(230, 74, 25, .1);--color-won-x: rgba(230, 74, 25, .15);--color-won-o: rgba(76, 175, 80, .15);--color-accent: #e64a19;--color-btn-primary: #e64a19;--color-btn-primary-hover: #bf360c;--cell-radius: 0px;--board-radius: 0px;--board-gap: 4px;--mini-board-gap: 2px}body.theme-retro .mini-board{border-radius:0;border:2px solid #5a4830}body.theme-retro .mini-board.active{border-color:#e64a1980;box-shadow:none;background:#e64a190f}body.theme-retro .cell{border-radius:0;border:2px solid rgba(90,72,48,.5)}body.theme-retro .ultimate-board{border-radius:0;border:3px solid #5a4830}body.theme-galaxy{--color-bg: #0a0515;--color-bg-secondary: #0f0a1e;--color-surface: #1a1030;--color-surface-hover: #221540;--color-board-bg: #06030e;--color-board-border: #1a1040;--color-mini-board-bg: #110a22;--color-cell-bg: #1a1030;--color-cell-border: #2a1850;--color-player-x: #e879f9;--color-player-x-dim: rgba(232, 121, 249, .25);--color-player-x-glow: rgba(232, 121, 249, .5);--color-player-o: #67e8f9;--color-player-o-dim: rgba(103, 232, 249, .25);--color-player-o-glow: rgba(103, 232, 249, .5);--color-active-board: rgba(232, 121, 249, .08);--color-won-x: rgba(232, 121, 249, .15);--color-won-o: rgba(103, 232, 249, .15);--color-accent: #e879f9;--color-btn-primary: #c026d3;--color-btn-primary-hover: #a21caf;--cell-radius: 4px;--board-radius: 12px}body.theme-galaxy .ultimate-board{position:relative;background:radial-gradient(ellipse at 50% 50%,#1a1040,#0a0520 60%,#06030e);box-shadow:var(--shadow-lg),0 0 40px #e879f90f}body.theme-galaxy .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--board-radius);background:radial-gradient(circle at 10% 15%,rgba(255,255,255,.15) .5px,transparent .5px),radial-gradient(circle at 85% 25%,rgba(255,255,255,.12) .5px,transparent .5px),radial-gradient(circle at 30% 80%,rgba(255,255,255,.1) .5px,transparent .5px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.12) .5px,transparent .5px),radial-gradient(circle at 50% 40%,rgba(255,255,255,.08) .5px,transparent .5px),radial-gradient(circle at 20% 55%,rgba(255,255,255,.1) .5px,transparent .5px),radial-gradient(circle at 90% 85%,rgba(255,255,255,.1) .5px,transparent .5px);pointer-events:none;z-index:0}body.theme-galaxy .mini-board.active{box-shadow:inset 0 0 0 2px #e879f933,0 0 8px #e879f914}body.theme-candy{--color-bg: #1e1528;--color-bg-secondary: #221830;--color-surface: #2d2040;--color-surface-hover: #382850;--color-board-bg: #181020;--color-board-border: #3a2855;--color-mini-board-bg: #251a38;--color-cell-bg: #2d2040;--color-cell-border: #402a5a;--color-player-x: #f472b6;--color-player-x-dim: rgba(244, 114, 182, .25);--color-player-x-glow: rgba(244, 114, 182, .4);--color-player-o: #34d399;--color-player-o-dim: rgba(52, 211, 153, .25);--color-player-o-glow: rgba(52, 211, 153, .4);--color-active-board: rgba(244, 114, 182, .1);--color-won-x: rgba(244, 114, 182, .15);--color-won-o: rgba(52, 211, 153, .15);--color-accent: #f472b6;--color-btn-primary: #d946ef;--color-btn-primary-hover: #c026d3;--cell-radius: 10px;--board-radius: 16px;--board-gap: 8px}body.theme-candy .mini-board{border-radius:12px;background:linear-gradient(135deg,var(--color-mini-board-bg) 0%,rgba(244,114,182,.04) 100%)}body.theme-candy .mini-board.active{box-shadow:inset 0 0 0 2px #f472b633,0 0 8px #f472b60f}body.theme-candy .cell{border-radius:10px}body.theme-candy .ultimate-board{box-shadow:var(--shadow-lg),0 0 20px #d946ef0f}body.theme-hacker{--color-bg: #050505;--color-bg-secondary: #0a0a0a;--color-surface: #111111;--color-surface-hover: #1a1a1a;--color-board-bg: #030303;--color-board-border: #0f0f0f;--color-mini-board-bg: #0a0a0a;--color-cell-bg: #0d0d0d;--color-cell-border: #1a1a1a;--color-player-x: #00ff41;--color-player-x-dim: rgba(0, 255, 65, .2);--color-player-x-glow: rgba(0, 255, 65, .5);--color-player-o: #00d4ff;--color-player-o-dim: rgba(0, 212, 255, .2);--color-player-o-glow: rgba(0, 212, 255, .5);--color-active-board: rgba(0, 255, 65, .06);--color-won-x: rgba(0, 255, 65, .12);--color-won-o: rgba(0, 212, 255, .12);--color-accent: #00ff41;--color-btn-primary: #00cc33;--color-btn-primary-hover: #00aa28;--cell-radius: 0px;--board-radius: 0px;--mini-board-gap: 1px;--board-gap: 2px}body.theme-hacker .mini-board{border-radius:0;border:1px solid rgba(0,255,65,.1)}body.theme-hacker .mini-board.active{border-color:#00ff4159;box-shadow:0 0 6px #00ff411a}body.theme-hacker .cell{border-radius:0;border:1px solid rgba(0,255,65,.05)}body.theme-hacker .ultimate-board{position:relative;border-radius:0;border:1px solid rgba(0,255,65,.15)}body.theme-hacker .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,65,.015) 3px,rgba(0,255,65,.015) 6px);pointer-events:none;z-index:0}body.theme-hacker .mini-board.won-x{box-shadow:0 0 10px #00ff4140;border-color:#00ff414d}body.theme-hacker .mini-board.won-o{box-shadow:0 0 10px #00d4ff40;border-color:#00d4ff4d}body.theme-marble{--color-bg: #1a1a1e;--color-bg-secondary: #202024;--color-surface: #2a2a30;--color-surface-hover: #34343c;--color-board-bg: #e8e4e0;--color-board-border: #c8c0b8;--color-mini-board-bg: #ddd8d2;--color-cell-bg: #e8e4e0;--color-cell-border: #c8c0b8;--color-player-x: #b8860b;--color-player-x-dim: rgba(184, 134, 11, .2);--color-player-x-glow: rgba(184, 134, 11, .35);--color-player-o: #4169e1;--color-player-o-dim: rgba(65, 105, 225, .2);--color-player-o-glow: rgba(65, 105, 225, .35);--color-active-board: rgba(184, 134, 11, .1);--color-won-x: rgba(184, 134, 11, .12);--color-won-o: rgba(65, 105, 225, .12);--color-accent: #b8860b;--color-btn-primary: #b8860b;--color-btn-primary-hover: #996e08;--cell-radius: 2px;--board-radius: 8px}body.theme-marble .ultimate-board{position:relative;box-shadow:0 4px 20px #0000004d}body.theme-marble .ultimate-board:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--board-radius);background:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(160,150,140,.08) 20px,rgba(160,150,140,.08) 22px,transparent 22px,transparent 40px,rgba(140,130,120,.06) 40px,rgba(140,130,120,.06) 41px);pointer-events:none;z-index:0}body.theme-marble .mini-board{border:1px solid rgba(184,134,11,.15)}body.theme-marble .mini-board.active{border-color:#b8860b59;box-shadow:inset 0 0 8px #b8860b0f}body.theme-marble .cell{border:1px solid rgba(184,134,11,.1)}body.theme-marble .cell.playable:hover{background:#b8860b14}