.jig-table{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--color-border) / var(--tw-border-opacity,1));aspect-ratio:2/3;border-radius:var(--radius-lg);background:radial-gradient(120% 80% at 50% 0%, rgb(var(--color-accent) / .08), transparent 70%), rgb(var(--color-bg-subtle));touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;margin-left:auto;margin-right:auto;position:relative;overflow:hidden;container-type:size}@media (orientation:landscape){.jig-table{aspect-ratio:16/10}}@media (orientation:portrait){.game-panel.is-fullscreen .jig-table{aspect-ratio:auto;flex:auto;min-height:20rem}.game-panel.is-fullscreen:has(.jig-table){row-gap:.5rem}.game-panel.is-fullscreen .jig-sizes{margin-top:0}.game-panel.is-fullscreen .jig-sizes legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-panel.is-fullscreen:has(.jig-table) .game-status{min-height:0;font-size:.8125rem}.game-panel.is-fullscreen:has(.jig-table) .section-actions{gap:.5rem;margin-top:0}.game-panel.is-fullscreen:has(.jig-table) .stat-row strong{font-size:1.125rem}}.jig-tray{border-radius:var(--radius);background:rgb(var(--color-bg) / .55);box-shadow:inset 0 0 0 1px rgb(var(--color-border));position:absolute}.jig-frame{background-color:rgb(var(--color-card));background-image:linear-gradient(to right, rgb(var(--color-border)) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--color-border)) 1px, transparent 1px);background-size:var(--cell) var(--cell);box-shadow:0 0 0 2px rgb(var(--color-border)), 0 12px 30px -18px #00000073;border-radius:6px;transition:box-shadow .4s;position:absolute}.jig-ghost{pointer-events:none;border-radius:inherit;background:var(--jig-image) center / 100% 100% no-repeat;opacity:0;transition:opacity .3s;position:absolute;inset:0}.jig-table.show-ghost .jig-ghost{opacity:.28}.jig-flash,.jig-cursor{pointer-events:none;z-index:1;width:var(--cell);height:var(--cell);border-radius:6px;position:absolute;top:0;left:0}.jig-flash{background:rgb(var(--color-mark) / .3);box-shadow:0 0 0 3px rgb(var(--color-mark)), 0 0 24px rgb(var(--color-mark) / .8)}.jig-flash.is-on{animation:.6s ease-in-out 3 jig-flash}@keyframes jig-flash{50%{opacity:.35}}.jig-cursor{box-shadow:0 0 0 3px rgb(var(--color-accent));background:rgb(var(--color-accent) / .14);transition:transform .12s}.jig-pieces{pointer-events:none;position:absolute;inset:0}.jig-piece{pointer-events:none;width:calc(var(--cell) * (1 + 2 * var(--jig-reach)));aspect-ratio:1;transform-origin:50%;filter:drop-shadow(0 2px 2px #00000059)drop-shadow(0 6px 8px #0000002e);outline:none;transition:transform .22s cubic-bezier(.2,.9,.3,1.2),filter .2s;position:absolute;top:0;left:0}.jig-piece-img{pointer-events:auto;cursor:grab;background-image:var(--jig-image);background-repeat:no-repeat;background-size:calc(var(--cell) * var(--jig-side)) calc(var(--cell) * var(--jig-side));background-position:calc(var(--cell) * (var(--jig-reach) - var(--c))) calc(var(--cell) * (var(--jig-reach) - var(--r)));touch-action:none;position:absolute;inset:0}.jig-piece-edge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.jig-piece-edge path{fill:none;stroke:#fff9;stroke-width:1.25px;transition:stroke .2s,stroke-width .2s}.jig-piece:focus-visible .jig-piece-edge path,.jig-piece.is-selected .jig-piece-edge path{stroke:rgb(var(--color-mark));stroke-width:3px}.jig-piece.is-selected,.jig-piece.is-lifted{filter:drop-shadow(0 4px 4px #00000059)drop-shadow(0 14px 18px #0000004d)}.jig-piece.is-dragging{transition:filter .2s}.jig-piece.is-dragging .jig-piece-img{cursor:grabbing}.jig-piece.is-home{filter:none}.jig-piece.is-home .jig-piece-img{pointer-events:none;cursor:default}.jig-piece.is-home .jig-piece-edge path{stroke:#ffffff38;stroke-width:1px}.jig-piece.is-wrong>*{animation:.35s jig-shake}@keyframes jig-shake{25%{transform:translate(-6%)}75%{transform:translate(6%)}}.jig-table.is-done .jig-frame{z-index:1}.jig-table.is-done .jig-ghost{opacity:1;transition-duration:.8s}.jig-table.is-done .jig-frame{box-shadow:0 0 0 3px rgb(var(--color-ok)), 0 0 36px rgb(var(--color-ok) / .55)}.jig-burst{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.jig-burst span{opacity:0;font-size:clamp(1.2rem,6cqmin,2.6rem);line-height:1;animation:1.7s cubic-bezier(.2,.7,.3,1) forwards jig-burst;position:absolute;top:60%;left:50%}@keyframes jig-burst{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--spin)) scale(1)}}.jig-defs{width:0;height:0;position:absolute}@media (prefers-reduced-motion:reduce){.jig-piece,.jig-cursor,.jig-frame,.jig-ghost{transition:none}.jig-flash.is-on,.jig-piece.is-wrong>*{animation:none}}