:root{--tilerdle-correct:#6aaa64;--tilerdle-present:#c9b458;--tilerdle-absent:#787c7e;--tilerdle-non-prefix:#d68a8a;--tilerdle-danger:#d44;--color-grid-background:transparent;--color-cell-background:color-mix(in srgb, currentColor 6%, transparent);--color-tile-background:var(--background,#fff);--color-tile-border:color-mix(in srgb, currentColor 35%, transparent);--color-tile-cell-divider:color-mix(in srgb, currentColor 22%, transparent);--color-tile-text:currentColor;--color-tile-shadow:color-mix(in srgb, currentColor 25%, transparent);--color-tile-success:var(--tilerdle-correct);--color-tile-merge-outline:var(--tilerdle-correct);--color-warning:var(--tilerdle-present);--color-danger:var(--tilerdle-danger);--color-cell-green:var(--tilerdle-correct);--color-cell-green-text:#fff;--color-cell-yellow:var(--tilerdle-present);--color-cell-yellow-text:#fff;--color-cell-gray:var(--tilerdle-absent);--color-cell-gray-text:#fff;--color-cell-non-prefix:var(--tilerdle-non-prefix);--color-cell-non-prefix-text:#fff;--color-cell-shadow:#0000002e;--color-interactive:currentColor;--color-interactive-secondary:color-mix(in srgb, currentColor 50%, transparent);--shadow-opacity:1;--max-puzzle-size:min(60vmin, 640px);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1)}.dark{--tilerdle-correct:#538d4e;--tilerdle-present:#b59f3b;--tilerdle-absent:#565758;--tilerdle-non-prefix:#b56464;--color-cell-shadow:#0000008c}.board-container{width:100%}.board{aspect-ratio:1;width:100%;height:auto;max-height:var(--max-puzzle-size);pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible}.background{fill:#dcdcdc;stroke:var(--color-grid-background);stroke-width:2px;rx:1px}.grid-cell{fill:var(--color-cell-background);stroke:none;rx:.375px;transform-box:fill-box;transform-origin:50%;transform:scale(.95)}.tile{pointer-events:auto;--drag-x:0px;--drag-y:0px;transform:translate(calc(var(--x) * var(--scale) + var(--drag-x)), calc(var(--y) * var(--scale) + var(--drag-y)));transform-box:fill-box;transform-origin:0 0;transition:transform .1s ease-out,scale .1s ease-out}.tile.selected{transition:none}.tile.not-interactive{pointer-events:none}.rotation-wrapper{transform:rotate(calc(var(--rotations,0) * 90deg));transform-box:fill-box;transform-origin:50%;transition:transform .2s var(--ease-out-back)}.tile-inner-wrapper{transform-box:fill-box;transform-origin:50%;transition:transform .1s ease-out,opacity .1s ease-out}.tile.selected .tile-inner-wrapper{opacity:.85;transform:scale(1.05)rotate(-.7deg)}.cell{--cell-border-color:var(--color-tile-border);transform:translate(calc(var(--x) * var(--scale)), calc(var(--y) * var(--scale)));transform-box:fill-box;transform-origin:0 0;cursor:pointer}.tile.selected .cell{cursor:grabbing}.not-interactive *{cursor:default!important}.cell-border{stroke:var(--cell-border-color);stroke-width:.5px;fill:none;pointer-events:none;transition:stroke .2s ease-out,stroke-width .2s ease-out}@keyframes cell-flip{0%{transform:scaleY(1)}50%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes cell-old-face{0%,49.999%{opacity:1}50%,to{opacity:0}}.cell-flip-wrapper{transform-box:fill-box;transform-origin:50%}.cell-flip-wrapper.flipping{animation:.5s cubic-bezier(.4,0,.2,1) both cell-flip;animation-delay:var(--flip-delay,0s)}.cell-flip-wrapper.flipping .cell-face-old{animation:.5s step-end both cell-old-face;animation-delay:var(--flip-delay,0s)}.cell-face{--cell-border-color:var(--color-tile-border);pointer-events:none}.fill{fill:var(--color-tile-background);rx:.5px;cursor:pointer;filter:drop-shadow(0 .25px .4px var(--color-cell-shadow))}.shadow .fill{fill:var(--color-tile-shadow);opacity:var(--shadow-opacity)}.shadow .cell{--cell-border-color:var(--color-tile-shadow)}.shadow.invalid .fill{fill:var(--color-danger);opacity:.45}.shadow.invalid .cell{--cell-border-color:var(--color-danger)}.cell-text-wrapper{transform:rotate(calc(var(--rotations,0) * -90deg));transform-box:fill-box;transform-origin:50%;transition:transform .2s var(--ease-out-back)}.rotation-wrapper-background,.tile-drag-box{opacity:0;pointer-events:none}.tile-drag-box{pointer-events:auto;fill:#0000}.cell-text{text-transform:uppercase;fill:var(--color-tile-text);pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:550;transition:fill .2s ease-out}.cell-letter-correct,.cell-green{--hint-fill:var(--color-cell-green);--hint-text:var(--color-cell-green-text)}.cell-letter-present{--hint-fill:var(--color-cell-yellow);--hint-text:var(--color-cell-yellow-text)}.cell-letter-absent{--hint-fill:var(--color-cell-gray);--hint-text:var(--color-cell-gray-text)}.cell-letter-non-prefix{--hint-fill:var(--color-cell-non-prefix);--hint-text:var(--color-cell-non-prefix-text)}:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix,.cell-green){--cell-border-color:var(--hint-fill)}.cell:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix,.cell-green)>.cell-flip-wrapper>.fill,.cell-face:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix,.cell-green)>.fill{fill:var(--hint-fill)}.cell:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix,.cell-green)>.cell-flip-wrapper>.cell-text-wrapper>.cell-text,.cell-face:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix,.cell-green) .cell-text{fill:var(--hint-text)}.cell:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix)>.cell-flip-wrapper>.cell-text-wrapper>.cell-text,.cell-face:is(.cell-letter-correct,.cell-letter-present,.cell-letter-absent,.cell-letter-non-prefix) .cell-text{font-weight:700}.merged-tile.merged-aligned .cell{--cell-border-color:var(--color-tile-merge-outline)}.merged-tile.merged-aligned .cell .cell-border{stroke-width:.6px}.merged-tile.merged-aligned .cell .cell-text{fill:var(--color-tile-merge-outline)}.merged-tile.merged-rotated .cell{--cell-border-color:var(--color-warning)}.merged-tile.merged-rotated .cell .cell-border{stroke-width:.8px;stroke-dasharray:1.2 .8}.connection-edge{stroke:var(--cell-border-color);stroke-width:.6px;stroke-dasharray:1.4 .8;pointer-events:none}@keyframes board-merged-edge-march{to{stroke-dashoffset:-2.2px}}@keyframes board-merged-edge-pulse{0%,to{opacity:.75}50%{opacity:1}}.merged-tile.merged-aligned .connection-edge{animation:1.2s linear infinite board-merged-edge-march,1.4s ease-in-out infinite board-merged-edge-pulse}@media (prefers-reduced-motion:reduce){.merged-tile.merged-aligned .connection-edge{animation:none}}@keyframes solved-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.board-container.solved .merged-tile .tile-inner-wrapper{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite solved-pulse}@keyframes failed-to-rotate{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(10deg)}}.failed-to-rotate .tile-inner-wrapper{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out both failed-to-rotate}