.column-controls[data-v-d57926be]{--cols:var(--v716871a1);--cell-max:50px;--gap-max:6px;--edge-pad-max:10px;--gap:clamp(4px,1.8cqw,var(--gap-max));--edge-pad:clamp(8px,3cqw,var(--edge-pad-max));--outer-max:calc(var(--cols)*(var(--cell-max) + var(--gap-max)) - var(--gap-max) + var(--edge-pad-max)*2);container-type:inline-size;width:min(100%,var(--outer-max))}@media(min-width:768px)and (max-height:760px){.column-controls[data-v-d57926be]{--cell-max:43px;--gap-max:5px;--edge-pad-max:8px}}.column-controls-grid[data-v-d57926be]{--cell:min(var(--cell-max),calc((100cqw - var(--edge-pad)*2 - (var(--cols) - 1)*var(--gap))/var(--cols)));padding-inline:var(--edge-pad);gap:var(--gap);grid-template-columns:repeat(var(--cols),var(--cell))}.column-button[data-v-d57926be]{width:var(--cell);height:var(--cell)}.board-shell[data-v-eb657d03]{--cols:var(--v6b4c8fda);--rows:var(--v6b3eea0e);--cell-max:50px;--gap-max:6px;--edge-pad-max:10px;--gap:clamp(4px,1.8cqw,var(--gap-max));--edge-pad:clamp(8px,3cqw,var(--edge-pad-max));--hole-inset:clamp(4px,1.6cqw,6px);--chip-gap:clamp(2px,1cqw,4px);--board-blue-start:#15379f;--board-blue-end:#1e4fe0;--board-shadow:rgba(7,23,84,.18);--chip-red-color:var(--color-error-500,#fb2c36);--chip-yellow-color:var(--color-warning-400,#facc15);--outer-max:calc(var(--cols)*(var(--cell-max) + var(--gap-max)) - var(--gap-max) + var(--edge-pad-max)*2);--cell:min(var(--cell-max),calc((100cqw - var(--edge-pad)*2 - (var(--cols) - 1)*var(--gap))/var(--cols)));--board-w:calc(var(--cols)*(var(--cell) + var(--gap)) - var(--gap));--board-h:calc(var(--rows)*(var(--cell) + var(--gap)) - var(--gap));--drop-offset:calc(var(--rows)*var(--cell)*-1 + (var(--rows) - 1)*var(--gap)*-1);container-type:inline-size;width:min(100%,var(--outer-max))}.board[data-v-eb657d03]{background:linear-gradient(145deg,var(--board-blue-start),var(--board-blue-end));box-shadow:0 20px 25px -5px var(--board-shadow),0 8px 10px -6px var(--board-shadow)}@media(min-width:768px)and (max-height:760px){.board-shell[data-v-eb657d03]{--cell-max:43px;--gap-max:5px;--edge-pad-max:8px}}.board-hole[data-v-eb657d03]{background:#0a1527f0;box-shadow:inset 0 0 0 1px #93c5fd24}.board-plate[data-v-eb657d03]{--hole-radius:calc((var(--cell) - 2*var(--hole-inset))/2);--hole-edge:calc(var(--hole-radius) - .5px);--hole-mask:radial-gradient(circle var(--hole-radius) at center,transparent 0 var(--hole-edge),#000 var(--hole-radius));left:var(--edge-pad);top:var(--edge-pad);width:var(--board-w);height:var(--board-h);border-radius:14px;background:linear-gradient(145deg,var(--board-blue-start),var(--board-blue-end));mask-image:var(--hole-mask);mask-position:calc(var(--gap)*-1/2) calc(var(--gap)*-1/2);mask-repeat:repeat;mask-size:calc(var(--cell) + var(--gap)) calc(var(--cell) + var(--gap));-webkit-mask-image:var(--hole-mask);-webkit-mask-position:calc(var(--gap)*-1/2) calc(var(--gap)*-1/2);-webkit-mask-repeat:repeat;-webkit-mask-size:calc(var(--cell) + var(--gap)) calc(var(--cell) + var(--gap))}.playable-cell[data-v-eb657d03]:after{content:"";position:absolute;inset:0;margin:var(--hole-inset);border-radius:calc(infinity*1px);box-shadow:inset 0 0 0 2px #ffffff5c;background:#ffffff12}.board-grid[data-v-eb657d03]{padding:var(--edge-pad);gap:var(--gap);grid-template-columns:repeat(var(--cols),var(--cell));grid-template-rows:repeat(var(--rows),var(--cell))}.chip[data-v-eb657d03]{position:relative;overflow:hidden;width:calc(var(--cell) - var(--hole-inset)*2 - var(--chip-gap));height:calc(var(--cell) - var(--hole-inset)*2 - var(--chip-gap));box-shadow:inset 0 0 0 1px var(--chip-ring-color),inset -.1rem -.12rem .2rem #00000026}.chip-red[data-v-eb657d03]{--chip-ring-color:rgba(127,29,29,.4);background:var(--chip-red-color)}.chip-yellow[data-v-eb657d03]{--chip-ring-color:rgba(146,64,14,.4);background:var(--chip-yellow-color)}.chip[data-v-eb657d03]:before{inset:10%;background:radial-gradient(circle at 34% 24%,hsla(0,0%,100%,.26),hsla(0,0%,100%,.1) 24%,transparent 44%),linear-gradient(160deg,hsla(0,0%,100%,.12),transparent 42%);box-shadow:inset .1rem .12rem .16rem #fff3,inset -.16rem -.2rem .22rem #0000002e}.chip[data-v-eb657d03]:before,.win-cell[data-v-eb657d03]:after{content:"";position:absolute;border-radius:inherit;pointer-events:none}.win-cell[data-v-eb657d03]:after{inset:0;box-shadow:inset 0 0 0 2px #fffffff2,inset 0 0 8px #ffffff73}.drop-enter-active[data-v-eb657d03],.drop-leave-active[data-v-eb657d03]{transition:transform .4s ease-out;will-change:transform}.drop-enter-from[data-v-eb657d03]{transform:translateY(var(--drop-offset))}.drop-enter-to[data-v-eb657d03],.drop-leave-from[data-v-eb657d03]{transform:translateY(0)}.drop-leave-to[data-v-eb657d03]{transform:translateY(var(--drop-offset))}