.mosaic.svelte-16kpm04{--muted:color-mix(in srgb, var(--text-color) 65%, var(--primary-color));box-sizing:border-box;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100%;padding-inline:max(0px,round(down,50% - 600px,1px));container-type:inline-size}svg.svelte-16kpm04{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.stage.svelte-16kpm04{--pad:12px;--gap:2px;--edges:calc(2 * (var(--pad) + var(--border-size)));--fit-w:calc((min(100cqw, 1000px) - var(--edges) - (var(--w) - 1) * var(--gap)) / var(--w));--fit-h:calc((max(100svh - 340px, 200px) - var(--edges) - (var(--h) - 1) * var(--gap)) / var(--h));--cell:round(down, clamp(9px, min(var(--fit-w), var(--fit-h)), 44px), 1px);--slot:round(down, clamp(22px, calc(var(--cell) * .9), 36px), 1px);--dot:calc(var(--cell) - 2 * round(calc(var(--cell) * .2), 1px));--board-w:calc(var(--w) * var(--cell) + (var(--w) - 1) * var(--gap) + 2 * var(--pad));--board-h:calc(var(--h) * var(--cell) + (var(--h) - 1) * var(--gap) + 2 * var(--pad));flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;display:flex}@media (width<=500px){.stage.svelte-16kpm04{--pad:4px;--gap:1px;--cell:round(down, clamp(9px, var(--fit-w), 44px), 1px)}}.board-wrap.svelte-16kpm04{--card-w:calc(var(--board-w) + 2 * var(--border-size));--inner-r:calc(10px - var(--border-size));--snap-w:var(--card-w);width:var(--card-w);flex-direction:column;align-items:flex-start;max-width:100%;display:flex}.board.svelte-16kpm04{grid-template-columns:repeat(var(--w), var(--cell));gap:var(--gap);padding:var(--pad);-webkit-user-select:none;user-select:none;transform-origin:0 0;display:grid}.board-view.svelte-16kpm04{width:var(--board-w);height:var(--board-h);touch-action:none;isolation:isolate;border-radius:var(--inner-r) var(--inner-r) 0 0;position:relative;overflow:hidden}.board-view.zoomed.svelte-16kpm04{cursor:grab}.board-view.dragging.svelte-16kpm04{cursor:grabbing}.under.svelte-16kpm04{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;margin-top:8px;display:flex}.count.svelte-16kpm04{color:var(--muted);padding:0 4px;font-family:Courier,monospace;font-size:12px;font-weight:700}.count.svelte-16kpm04 .warn:where(.svelte-16kpm04){color:var(--accent-color)}.zoom-ctl.svelte-16kpm04{gap:6px;display:flex}.zoom-btn.svelte-16kpm04{place-items:center;width:34px;height:34px;padding:0;font-size:18px;font-weight:700;line-height:1;display:grid}.zoom-btn.svelte-16kpm04 svg:where(.svelte-16kpm04){width:16px;height:16px}.zoom-btn.svelte-16kpm04:disabled{opacity:.4;cursor:default}.cell.svelte-16kpm04{width:var(--cell);height:var(--cell);border-radius:3px;outline:none;position:relative}.cell.covered.svelte-16kpm04,.cell.open.svelte-16kpm04,.cell.filled.svelte-16kpm04{background:var(--c)}.cell.covered.svelte-16kpm04,.cell.open.svelte-16kpm04,.cell.pending.svelte-16kpm04{cursor:pointer}.cell.open.svelte-16kpm04:after,.cell.pending.svelte-16kpm04:after{--shade:color-mix(in srgb, var(--c), var(--ink) 40%);--stripe:max(1px, round(calc(var(--cell) * .07), 1px));content:"";inset:round(calc(var(--cell) * .17), 1px);background:repeating-linear-gradient(var(--turn,0deg), var(--shade) 0 var(--stripe), transparent var(--stripe) calc(var(--stripe) * 2 + 1px));border-radius:2px;position:absolute;rotate:45deg}.cell.alt.svelte-16kpm04:after{--turn:90deg}.cell.region-hover.svelte-16kpm04,.cell.fill-preview.svelte-16kpm04{box-shadow:inset 0 0 0 2px var(--text-color)}.cell.fill-preview.svelte-16kpm04:after{inset:round(calc(var(--cell) * .2), 1px);background:color-mix(in srgb, var(--c) 60%, #fff);box-shadow:0 0 0 2px var(--text-color);border-radius:50%;rotate:none}.cell.svelte-16kpm04:focus-visible{box-shadow:inset 0 0 0 3px var(--accent-color)}.board.won.svelte-16kpm04 .cell:where(.svelte-16kpm04){border-radius:0}.gem.svelte-16kpm04,.fx.svelte-16kpm04 .flyer{background:var(--c);--ring:max(1px, round(calc(var(--cell) * .06), 1px));box-shadow:0 0 0 var(--ring) #00000073;border-radius:50%}.fx.svelte-16kpm04 .flyer{--ring:max(1px, round(calc(var(--slot) * .04), 1px))}.cell.svelte-16kpm04 .gem:where(.svelte-16kpm04){inset:round(calc(var(--cell) * .2), 1px);z-index:1;position:absolute}.gem.ghost.svelte-16kpm04{visibility:hidden}.gem.hl.svelte-16kpm04{outline:max(2px, round(calc(var(--ring) * 1.5), 1px)) dashed var(--text-color);outline-offset:var(--ring)}.gem.sel.svelte-16kpm04{box-shadow:0 0 0 calc(var(--ring) * 2) var(--text-color);z-index:3}.gem.sel.center.svelte-16kpm04{box-shadow:0 0 0 calc(var(--ring) * 2) var(--accent-color);z-index:4}.tray-area.svelte-16kpm04{--tray-gap:round(calc(var(--slot) * .14), 1px);--room:calc(var(--board-w) - 16px);border-radius:0 0 var(--inner-r) var(--inner-r);display:grid}.tray-area.svelte-16kpm04>*{grid-area:1/1}.tray.svelte-16kpm04{--row-w:min(calc(round(down, calc(var(--room) + var(--tray-gap)), calc(var(--slot) + var(--tray-gap))) - var(--tray-gap)), calc(var(--n) * var(--slot) + (var(--n) - 1) * var(--tray-gap)));gap:var(--tray-gap);padding:8px;padding-left:calc(8px + round(down, calc((var(--room) - var(--row-w)) / 2), 1px));cursor:default;flex-wrap:wrap;display:flex}.slot.svelte-16kpm04{width:var(--slot);height:var(--slot);background:color-mix(in srgb, var(--text-color) 18%, transparent);border-radius:50%;position:relative}.slot.svelte-16kpm04:empty:after{--shade:color-mix(in srgb, var(--text-color) 55%, transparent);--stripe:max(1px, round(calc(var(--slot) * .08), 1px));--side:calc(round(down, calc(var(--slot) * .5), calc(var(--stripe) * 2 + 1px)) + var(--stripe));content:"";width:var(--side);height:var(--side);left:round(down, calc((var(--slot) - var(--side)) / 2), 1px);top:round(down, calc((var(--slot) - var(--side)) / 2), 1px);background:repeating-linear-gradient(var(--turn,0deg), var(--shade) 0 var(--stripe), transparent var(--stripe) calc(var(--stripe) * 2 + 1px));border-radius:2px;position:absolute;rotate:45deg}.slot.svelte-16kpm04:nth-child(2n):after{--turn:90deg}.slot.svelte-16kpm04 .gem:where(.svelte-16kpm04){width:var(--dot);height:var(--dot);left:round(down, calc((var(--slot) - var(--dot)) / 2), 1px);top:round(down, calc((var(--slot) - var(--dot)) / 2), 1px);position:absolute}.slot.svelte-16kpm04:has(.gem:where(.svelte-16kpm04)){cursor:pointer}.tray.warn.svelte-16kpm04 .slot:where(.svelte-16kpm04):empty:after{--shade:color-mix(in srgb, var(--accent-color) 80%, transparent)}.slot.drop.svelte-16kpm04{cursor:pointer}.slot.fill-preview.svelte-16kpm04{box-shadow:0 0 0 2px var(--text-color)}.slot.group-start.svelte-16kpm04:before{--bar-h:round(calc(var(--slot) * .6), 1px);content:"";width:1px;height:var(--bar-h);top:round(down, calc((var(--slot) - var(--bar-h)) / 2), 1px);left:calc(-1 * round(up, calc((var(--tray-gap) + 1px) / 2), 1px));background:color-mix(in srgb, var(--text-color) 35%, transparent);pointer-events:none;position:absolute}.tray.hidden.svelte-16kpm04{visibility:hidden}.board-wrap.nofit.svelte-16kpm04{--edge:var(--accent-color)}.nofit.svelte-16kpm04 .tray-area:where(.svelte-16kpm04){background:color-mix(in srgb, var(--accent-color) 22%, var(--primary-color));--ring:var(--text-color-st);box-shadow:inset 2px 0 var(--ring), inset -2px 0 var(--ring), inset 0 -2px var(--ring)}.fx.svelte-16kpm04{pointer-events:none;z-index:50;position:fixed;inset:0}.fx.svelte-16kpm04 .flyer{will-change:transform;margin:0;position:fixed}@media (width<=500px){body .content:has(>.mosaic){padding-left:6px;padding-right:6px}}