: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}.dark .background{fill:var(--background)}.dark .kw-board-frame{--color-tile-cell-divider:color-mix(in srgb, currentColor 14%, transparent)}.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)}.tilerdle-tutorial-pointer{z-index:20;top:0;left:0}.tilerdle-tutorial-pointer:after{content:"";opacity:0;border:2px solid;border-radius:999px;width:1rem;height:1rem;animation:3s ease-out infinite tilerdle-tutorial-click;position:absolute;top:-.28rem;left:-.28rem;transform:scale(.35)}.tilerdle-tutorial-rotate-tile{transform-origin:50%;animation:tilerdle-tutorial-rotate-tile 3s var(--ease-out-back) infinite}.tilerdle-tutorial-rotate-letter{transform-origin:50%;animation:tilerdle-tutorial-rotate-letter 3s var(--ease-out-back) infinite;display:block}.tilerdle-tutorial-rotate-pointer{animation:3s ease-in-out infinite tilerdle-tutorial-rotate-pointer}.tilerdle-tutorial-join-tile{animation:3s cubic-bezier(.4,0,.2,1) infinite tilerdle-tutorial-join-tile}.tilerdle-tutorial-join-pointer{animation:3s cubic-bezier(.4,0,.2,1) infinite tilerdle-tutorial-join-pointer}.tilerdle-tutorial-victory-board{animation:3s ease-in-out infinite tilerdle-tutorial-victory-board}.tilerdle-tutorial-victory-grid{background-image:linear-gradient(to right, color-mix(in srgb, currentColor 13%, transparent) 2px, transparent 2px), linear-gradient(to bottom, color-mix(in srgb, currentColor 13%, transparent) 2px, transparent 2px);background-position:-.15rem -.15rem;background-size:1.7rem 1.7rem}.tilerdle-tutorial-victory-last-tile{animation:3s cubic-bezier(.4,0,.2,1) infinite tilerdle-tutorial-victory-last-tile}.tilerdle-tutorial-victory-pointer{animation:3s cubic-bezier(.4,0,.2,1) infinite tilerdle-tutorial-victory-pointer}.tilerdle-tutorial-victory-badge{opacity:0;animation:tilerdle-tutorial-victory-badge 3s var(--ease-out-back) infinite;transform:scale(.7)rotate(-8deg)}.tilerdle-tutorial-flip-cell{transform-origin:50%;animation-duration:3s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}.tilerdle-tutorial-flip-old{opacity:1;animation-duration:3s;animation-timing-function:step-end;animation-iteration-count:infinite}.tilerdle-tutorial-flip-delay-0{animation-name:tilerdle-tutorial-cell-flip-0}.tilerdle-tutorial-flip-delay-0 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-0}.tilerdle-tutorial-flip-delay-1{animation-name:tilerdle-tutorial-cell-flip-1}.tilerdle-tutorial-flip-delay-1 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-1}.tilerdle-tutorial-flip-delay-2{animation-name:tilerdle-tutorial-cell-flip-2}.tilerdle-tutorial-flip-delay-2 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-2}.tilerdle-tutorial-flip-delay-3{animation-name:tilerdle-tutorial-cell-flip-3}.tilerdle-tutorial-flip-delay-3 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-3}.tilerdle-tutorial-flip-delay-4{animation-name:tilerdle-tutorial-cell-flip-4}.tilerdle-tutorial-flip-delay-4 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-4}.tilerdle-tutorial-flip-delay-5{animation-name:tilerdle-tutorial-cell-flip-5}.tilerdle-tutorial-flip-delay-5 .tilerdle-tutorial-flip-old{animation-name:tilerdle-tutorial-old-face-5}@keyframes tilerdle-tutorial-click{0%,17%,34%,to{opacity:0;transform:scale(.35)}20%{opacity:.75;transform:scale(.45)}33%{opacity:0;transform:scale(1.45)}}@keyframes tilerdle-tutorial-rotate-tile{0%,28%{transform:rotate(-90deg)}46%,99.9%{transform:rotate(0)}to{transform:rotate(-90deg)}}@keyframes tilerdle-tutorial-rotate-letter{0%,28%{transform:rotate(90deg)}46%,99.9%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes tilerdle-tutorial-rotate-pointer{0%,99.9%{transform:translate(4.7rem,3.15rem)}to{transform:translate(4.7rem,3.15rem)}}@keyframes tilerdle-tutorial-join-tile{0%,23%{transform:translate(2.25rem)}45%,99.9%{transform:translate(0)}to{transform:translate(2.25rem)}}@keyframes tilerdle-tutorial-join-pointer{0%,23%{transform:translate(9.8rem,3.75rem)}45%,99.9%{transform:translate(7.55rem,3.75rem)}to{transform:translate(9.8rem,3.75rem)}}@keyframes tilerdle-tutorial-victory-board{0%,50%{transform:scale(.52)}60%,99.9%{transform:scale(.535)}to{transform:scale(.52)}}@keyframes tilerdle-tutorial-victory-last-tile{0%,23%{transform:translate(0)}48%,99.9%{transform:translate(6.525rem)}to{transform:translate(0)}}@keyframes tilerdle-tutorial-victory-pointer{0%,23%{transform:translate(3.15rem,5.3rem)}48%,99.9%{transform:translate(6.55rem,5.3rem)}to{transform:translate(3.15rem,5.3rem)}}@keyframes tilerdle-tutorial-victory-badge{0%,52%{opacity:0;transform:scale(.7)rotate(-8deg)}64%,99.9%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.7)rotate(-8deg)}}@keyframes tilerdle-tutorial-cell-flip-0{0%,52%,69%,to{transform:scaleY(1)}60.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-0{0%,60.49%{opacity:1}60.5%,99.9%{opacity:0}to{opacity:1}}@keyframes tilerdle-tutorial-cell-flip-1{0%,54%,71%,to{transform:scaleY(1)}62.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-1{0%,62.49%{opacity:1}62.5%,99.9%{opacity:0}to{opacity:1}}@keyframes tilerdle-tutorial-cell-flip-2{0%,56%,73%,to{transform:scaleY(1)}64.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-2{0%,64.49%{opacity:1}64.5%,99.9%{opacity:0}to{opacity:1}}@keyframes tilerdle-tutorial-cell-flip-3{0%,58%,75%,to{transform:scaleY(1)}66.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-3{0%,66.49%{opacity:1}66.5%,99.9%{opacity:0}to{opacity:1}}@keyframes tilerdle-tutorial-cell-flip-4{0%,60%,77%,to{transform:scaleY(1)}68.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-4{0%,68.49%{opacity:1}68.5%,99.9%{opacity:0}to{opacity:1}}@keyframes tilerdle-tutorial-cell-flip-5{0%,62%,79%,to{transform:scaleY(1)}70.5%{transform:scaleY(.05)}}@keyframes tilerdle-tutorial-old-face-5{0%,70.49%{opacity:1}70.5%,99.9%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.tilerdle-tutorial-pointer,.tilerdle-tutorial-pointer:after,.tilerdle-tutorial-rotate-tile,.tilerdle-tutorial-rotate-letter,.tilerdle-tutorial-join-tile,.tilerdle-tutorial-victory-board,.tilerdle-tutorial-victory-last-tile,.tilerdle-tutorial-victory-badge,.tilerdle-tutorial-flip-cell,.tilerdle-tutorial-flip-old{animation:none}.tilerdle-tutorial-rotate-tile,.tilerdle-tutorial-rotate-letter,.tilerdle-tutorial-join-tile,.tilerdle-tutorial-victory-board,.tilerdle-tutorial-victory-last-tile,.tilerdle-tutorial-victory-badge,.tilerdle-tutorial-flip-cell{transform:none}.tilerdle-tutorial-victory-board{transform:scale(.52)}.tilerdle-tutorial-victory-last-tile{transform:translate(6.525rem)}.tilerdle-tutorial-rotate-pointer{transform:translate(4.7rem,3.15rem)}.tilerdle-tutorial-join-pointer{transform:translate(7.55rem,3.75rem)}.tilerdle-tutorial-victory-pointer{transform:translate(6.55rem,5.3rem)}.tilerdle-tutorial-victory-badge{opacity:1}.tilerdle-tutorial-flip-old{opacity:0}}.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}