:root{--spectacle-cyan:oklch(83% .18 190);--spectacle-violet:oklch(73% .2 304);--spectacle-gold:oklch(86% .16 83);--spectacle-red:oklch(70% .22 28);--spectacle-green:oklch(79% .17 153);--spectacle-blue:oklch(76% .17 235)}@keyframes spectacle-ring{0%{opacity:.92;transform:translate(-50%,-50%)scale(.16)}65%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes spectacle-particle{0%{transform:rotate(var(--spectacle-angle)) translateX(0) scale(.95);opacity:1}68%{opacity:.9}to{transform:rotate(var(--spectacle-angle)) translateX(var(--spectacle-distance)) scale(.2);opacity:0}}@keyframes spectacle-board-hit{0%,to{filter:brightness();transform:translate(0)}28%{filter:brightness(1.12);transform:translate(-2px)}52%{transform:translate(2px)}74%{transform:translate(-1px)}}@keyframes spectacle-board-drop{0%,to{transform:translateY(0)}45%{transform:translateY(2px)}72%{transform:translateY(-1px)}}@keyframes spectacle-cell-pulse{0%{box-shadow:inset 0 0 oklch(83% .18 190/0)}52%{box-shadow:inset 0 0 24px oklch(83% .18 190/.18),0 0 18px oklch(83% .18 190/.12)}to{box-shadow:inset 0 0 oklch(83% .18 190/0)}}@keyframes spectacle-mark-land{0%{opacity:.2;filter:blur(2px)brightness(1.5);transform:scale(.45)rotate(-8deg)}62%{opacity:1;filter:blur()brightness(1.18);transform:scale(1.13)rotate(2deg)}to{filter:brightness();transform:scale(1)rotate(0)}}@keyframes spectacle-win-breathe{0%,to{filter:brightness()saturate()}50%{filter:brightness(1.19)saturate(1.15)}}@keyframes spectacle-drop-trail{0%{opacity:0;transform:translateY(-230%)scaleY(1.7)}28%{opacity:.72}75%{opacity:.42;transform:translateY(-20%)scaleY(.65)}to{opacity:0;transform:translateY(0)scaleY(.2)}}@keyframes spectacle-disc-impact{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.85)}}@keyframes spectacle-flip-sheen{0%{opacity:0;transform:translate(-160%)rotate(18deg)}32%{opacity:.75}to{opacity:0;transform:translate(180%)rotate(18deg)}}@keyframes spectacle-capture-flash{0%{opacity:.92;transform:scale(.35)rotate(-10deg)}54%{opacity:.74;transform:scale(1.18)rotate(4deg)}to{opacity:0;transform:scale(1.6)rotate(8deg)}}@keyframes spectacle-crown{0%{opacity:0;transform:translateY(5px)scale(.4)rotate(-12deg)}55%{opacity:1;transform:translateY(-3px)scale(1.24)rotate(5deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes spectacle-stone-wave{0%{opacity:.15;transform:scale(.55)}55%{opacity:.55}to{opacity:0;transform:scale(1.9)}}@keyframes spectacle-hex-bridge{0%,to{box-shadow:inset 0 0 oklch(83% .18 190/0)}52%{box-shadow:inset 0 0 22px oklch(83% .18 190/.16),0 0 15px oklch(83% .18 190/.1)}}@keyframes spectacle-line-energy{0%{filter:brightness(1.8)drop-shadow(0 0 7px oklch(83% .18 190/.65))}to{filter:brightness()drop-shadow(0 0 #0000)}}@keyframes spectacle-box-claim{0%{opacity:.15;transform:scale(.72)rotate(-2deg)}58%{opacity:1;transform:scale(1.08)rotate(1deg)}to{transform:scale(1)rotate(0)}}@keyframes spectacle-stones-jump{0%{transform:translateY(0)scale(1)}38%{transform:translateY(-5px)scale(1.13)}70%{transform:translateY(1px)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes spectacle-sonar{0%{opacity:.45;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(2.7)}}@keyframes spectacle-hit-fire{0%{opacity:1;transform:translate(-50%,-50%)scale(.35)rotate(-18deg)}55%{opacity:.86;transform:translate(-50%,-50%)scale(1.1)rotate(8deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)rotate(15deg)}}@keyframes spectacle-splash{0%{opacity:.75;transform:translate(-50%,-50%)scale(.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}[data-game-board] :is(button,.battle-cell,.game-pit,.game-store,.game-box-claimed){position:relative}.strategy-spectacle-burst{--spectacle-fx:var(--spectacle-cyan);z-index:75;pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%;overflow:visible}.strategy-spectacle-burst:before{content:"";border:1.5px solid color-mix(in oklch, var(--spectacle-fx) 75%, white 25%);width:2.4rem;height:2.4rem;box-shadow:0 0 18px color-mix(in oklch, var(--spectacle-fx) 34%, transparent);border-radius:999px;animation:.56s cubic-bezier(.16,.82,.25,1) forwards spectacle-ring;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.15)}.strategy-spectacle-burst>i{background:var(--spectacle-fx);width:4px;height:4px;box-shadow:0 0 8px var(--spectacle-fx);transform-origin:2px 2px;animation:spectacle-particle .54s cubic-bezier(.16,.8,.24,1) var(--spectacle-delay) forwards;border-radius:999px;position:absolute;top:-2px;left:-2px}.strategy-spectacle-capture,.strategy-spectacle-hit{--spectacle-fx:var(--spectacle-red)}.strategy-spectacle-win,.strategy-spectacle-promote{--spectacle-fx:var(--spectacle-gold)}.strategy-spectacle-flip{--spectacle-fx:var(--spectacle-green)}.strategy-spectacle-miss{--spectacle-fx:var(--spectacle-blue)}.strategy-spectacle-stones{--spectacle-fx:var(--spectacle-violet)}.strategy-board-impact-hit,.strategy-board-impact-capture{animation:.36s ease-out both spectacle-board-hit}.strategy-board-impact-drop{animation:.26s ease-out both spectacle-board-drop}[data-game-board=tic-tac-toe]{perspective:760px;position:relative}[data-game-board=tic-tac-toe] .cell-tile{transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;overflow:visible}[data-game-board=tic-tac-toe] .cell-tile:not([aria-disabled=true]):is(:hover,:focus-visible){transform:translateY(-2px)scale(1.015);box-shadow:0 12px 24px -18px oklch(83% .18 190/.45),inset 0 0 20px oklch(83% .18 190/.045)}[data-game-board=tic-tac-toe] .game-piece:not(:empty){text-shadow:0 0 15px;animation:.3s cubic-bezier(.16,.86,.22,1.1) both spectacle-mark-land}[data-game-board=tic-tac-toe] .game-cell-last-move{animation:.52s ease-out both spectacle-cell-pulse}[data-game-board=tic-tac-toe] .game-cell-winner{animation:1.05s ease-in-out infinite spectacle-win-breathe;box-shadow:inset 0 0 24px oklch(86% .16 83/.12),0 0 22px oklch(86% .16 83/.13)}[data-game-board=connect-4]{position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.045),inset 0 -18px 35px oklch(2% .04 252/.14)}[data-game-board=connect-4] .connect4-column{position:relative}[data-game-board=connect-4] .connect4-column:not([aria-disabled=true]):is(:hover,:focus-visible):before{content:"";pointer-events:none;background:linear-gradient(oklch(83% .18 190/.1),#0000 75%);border-radius:.7rem;position:absolute;inset:.15rem;box-shadow:inset 0 0 14px oklch(83% .18 190/.07)}[data-game-board=connect-4] .connect4-disc[data-disc=R],[data-game-board=connect-4] .connect4-disc[data-disc=Y]{position:relative;overflow:visible}[data-game-board=connect-4] .connect4-disc[data-disc=R]:before,[data-game-board=connect-4] .connect4-disc[data-disc=Y]:before{content:"";pointer-events:none;opacity:.35;background:linear-gradient(#0000,currentColor 68%,#0000);border-radius:999px;height:190%;animation:.31s ease-out both spectacle-drop-trail;position:absolute;top:-170%;left:24%;right:24%}[data-game-board=connect-4] .game-cell-last-move:after{content:"";pointer-events:none;border:2px solid oklch(90% .08 95/.5);border-radius:999px;animation:.46s ease-out both spectacle-disc-impact;position:absolute;inset:-14%}[data-game-board=connect-4] .game-cell-winner{animation:.85s ease-in-out infinite spectacle-win-breathe}[data-game-board=reversi] .reversi-cell{overflow:hidden}[data-game-board=reversi] .reversi-disc{position:relative;overflow:hidden;box-shadow:0 5px 10px -7px oklch(2% .02 252/.9),inset 0 1px 1px oklch(100% 0 0/.2)}[data-game-board=reversi] .reversi-disc:after{content:"";background:linear-gradient(90deg,#0000,oklch(100% 0 0/.5),#0000);width:28%;animation:.36s ease-out both spectacle-flip-sheen;position:absolute;top:-35%;bottom:-35%;left:38%}[data-game-board=reversi] .reversi-legal-dot{animation:1.4s ease-in-out infinite spectacle-win-breathe;box-shadow:0 0 oklch(83% .18 190/.3)}[data-game-board=chess] .game-cell{overflow:visible}[data-game-board=chess] .chess-piece{z-index:3;filter:drop-shadow(0 5px 4px oklch(2% .02 252/.28));position:relative}[data-game-board=chess] [data-last-destination=true] .chess-piece{animation:.3s cubic-bezier(.16,.86,.22,1.08) both spectacle-mark-land}[data-game-board=chess] [data-last-origin=true]:after{content:"";opacity:.65;border:1px dashed oklch(86% .16 83/.42);border-radius:999px;position:absolute;inset:18%}[data-game-board=chess] [data-capture=true]:before{content:"✦";z-index:8;color:var(--spectacle-red);text-shadow:0 0 14px var(--spectacle-red);pointer-events:none;font-size:clamp(1.1rem,5vw,2rem);animation:.43s ease-out both spectacle-capture-flash;position:absolute;top:50%;left:50%}[data-game-board=chess] [data-promotion=true] .chess-piece:after{content:"♛";color:var(--spectacle-gold);text-shadow:0 0 9px var(--spectacle-gold);font-size:.42em;animation:.52s cubic-bezier(.16,.86,.22,1.1) both spectacle-crown;position:absolute;top:-38%;left:50%}[data-game-board=chess] [data-castle=true]{animation:.65s ease-out both spectacle-cell-pulse}[data-game-board=checkers] .game-piece{overflow:visible;box-shadow:0 6px 11px -8px oklch(2% .03 252/.85),inset 0 2px 2px oklch(100% 0 0/.18)}[data-game-board=checkers] [data-last-destination=true] .game-piece{animation:.29s cubic-bezier(.16,.88,.22,1.1) both spectacle-mark-land}[data-game-board=checkers] [data-capture-square=true]:after{content:"";pointer-events:none;background:radial-gradient(circle,oklch(70% .22 28/.35),#0000 65%);border:1px solid oklch(70% .22 28/.45);border-radius:999px;animation:.42s ease-out both spectacle-capture-flash;position:absolute;inset:17%}[data-game-board=checkers] [data-crowned=true] .game-piece{box-shadow:0 0 0 2px oklch(86% .16 83/.42),0 0 20px oklch(86% .16 83/.2),inset 0 2px 2px oklch(100% 0 0/.22)}[data-game-board=checkers] [data-crowned=true] .game-piece:after{content:"✦";color:var(--spectacle-gold);text-shadow:0 0 8px var(--spectacle-gold);animation:.48s ease-out both spectacle-crown;position:absolute;top:-42%}[data-game-board=gomoku] .gomoku-cell{position:relative;overflow:visible}[data-game-board=gomoku] .gomoku-stone{position:relative;box-shadow:0 5px 9px -6px oklch(2% .02 252/.85),inset 0 1px 2px oklch(100% 0 0/.18)}[data-game-board=gomoku] .gomoku-stone:after{content:"";border:1px solid oklch(86% .16 83/.3);border-radius:999px;animation:.48s ease-out both spectacle-stone-wave;position:absolute;inset:-35%}[data-game-board=hex] .hex-cell{transition:transform .16s,filter .16s}[data-game-board=hex] .hex-cell:not([aria-disabled=true]):is(:hover,:focus-visible){filter:brightness(1.12);transform:translateY(-2px)scale(1.04)}[data-game-board=hex] .hex-stone{position:relative;box-shadow:0 0 0 2px oklch(100% 0 0/.08),0 0 14px}[data-game-board=hex] .hex-stone:after{content:"";border:1px solid oklch(83% .18 190/.3);border-radius:999px;animation:.44s ease-out both spectacle-stone-wave;position:absolute;inset:-50%}[data-game-board=hex] .hex-cell:has(.hex-stone){animation:.43s ease-out both spectacle-hex-bridge}[data-game-board=dots-and-boxes] .dots-edge-line[data-taken=true]{animation:.42s ease-out both spectacle-line-energy;box-shadow:0 0 8px oklch(83% .18 190/.3)}[data-game-board=dots-and-boxes] .game-box-claimed:not(:empty){animation:.33s cubic-bezier(.16,.86,.22,1.08) both spectacle-box-claim;box-shadow:inset 0 0 20px oklch(83% .18 190/.055)}[data-game-board=dots-and-boxes] .dots-node{box-shadow:0 0 6px oklch(90% .05 210/.12)}[data-game-board=mancala] .game-pit,[data-game-board=mancala] .game-store{transition:transform .18s,box-shadow .18s,filter .18s;overflow:visible}[data-game-board=mancala] .game-pit{box-shadow:inset 0 8px 13px oklch(4% .04 52/.18),inset 0 -1px 1px oklch(100% 0 0/.08)}[data-game-board=mancala] .game-pit:not([aria-disabled=true]):is(:hover,:focus-visible){transform:translateY(-2px)scale(1.04);box-shadow:inset 0 7px 12px oklch(4% .04 52/.14),0 8px 14px -10px oklch(86% .16 83/.35)}:is([data-game-board=mancala] .strategy-spectacle-stones+*,[data-game-board=mancala] .game-pit:has(>.strategy-spectacle-stones),[data-game-board=mancala] .game-store:has(>.strategy-spectacle-stones)){animation:.36s ease-out both spectacle-stones-jump}[data-game-board=mancala] .game-store{box-shadow:inset 0 12px 20px oklch(4% .04 52/.17),0 0 16px oklch(73% .2 304/.045)}[data-game-board=battleships]{isolation:isolate;position:relative}[data-game-board=battleships][data-board-side=enemy]:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid oklch(76% .17 235/.16);border-radius:999px;width:36%;animation:3.2s linear infinite spectacle-sonar;position:absolute;top:50%;left:50%}[data-game-board=battleships] .battle-cell{position:relative;overflow:visible}[data-game-board=battleships] .battle-cell[data-shot=hit]{color:oklch(96% .04 50);text-shadow:0 0 10px var(--spectacle-red);box-shadow:inset 0 0 18px oklch(70% .22 28/.22)}[data-game-board=battleships] .battle-cell[data-shot=hit]:before{content:"✦";z-index:4;color:oklch(90% .18 67);text-shadow:0 0 8px oklch(70% .22 28),0 0 14px oklch(90% .18 67/.65);pointer-events:none;font-size:clamp(.75rem,4vw,1.35rem);animation:.44s ease-out both spectacle-hit-fire;position:absolute;top:50%;left:50%}[data-game-board=battleships] .battle-cell[data-shot=miss]:before{content:"";aspect-ratio:1;pointer-events:none;border:1.5px solid oklch(76% .17 235/.55);border-radius:999px;width:70%;animation:.39s ease-out both spectacle-splash;position:absolute;top:50%;left:50%;box-shadow:0 0 10px oklch(76% .17 235/.25)}[data-game-board=battleships] .battle-cell[data-fleet-cell=true]{background-image:linear-gradient(145deg,oklch(76% .17 235/.14),oklch(10% .04 252/.08));box-shadow:inset 0 0 0 1px oklch(76% .17 235/.08)}[data-game-board=battleships][data-board-side=enemy] .battle-cell[data-shot=unknown]:not([aria-disabled=true]):is(:hover,:focus-visible){background:radial-gradient(circle,oklch(76% .17 235/.16),oklch(76% .17 235/.05) 50%,#0000 70%);box-shadow:inset 0 0 12px oklch(76% .17 235/.08)}@media (prefers-reduced-motion:reduce){.strategy-spectacle-burst{display:none!important}[data-game-board] *,[data-game-board]:before,[data-game-board]:after{animation:none!important}}.a11y-still .strategy-spectacle-burst{display:none!important}.a11y-still [data-game-board] *,.a11y-still [data-game-board]:before,.a11y-still [data-game-board]:after{animation:none!important}.a11y-contrast .strategy-spectacle-burst,.a11y-contrast [data-game-board] .battle-cell:before,.a11y-contrast [data-game-board] .game-cell:before,.a11y-contrast [data-game-board] .game-cell:after,.a11y-contrast [data-game-board]:before{display:none!important}