.tile.svelte-4lsiak{display:inline-flex;align-items:center;justify-content:center;width:var(--tile-size);height:var(--tile-size);background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-surface-alt) 100%);border:2px solid var(--color-border);border-radius:4px;box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 2px 4px var(--shadow-dark);cursor:pointer;position:relative;transition:all .2s ease}.tile.svelte-4lsiak:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 4px 6px var(--shadow-darker)}.tile.svelte-4lsiak input[type=checkbox]:where(.svelte-4lsiak){position:absolute;opacity:0;pointer-events:none}.tile-letter.svelte-4lsiak{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);text-shadow:0 1px 1px var(--shadow-light);-webkit-user-select:none;user-select:none;pointer-events:none}.tile.svelte-4lsiak input[type=checkbox]:where(.svelte-4lsiak):checked+.tile-letter:where(.svelte-4lsiak),.tile.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked) .tile-letter:where(.svelte-4lsiak){color:var(--color-primary-text)}.tile.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked){background:linear-gradient(135deg,var(--color-primary-bg) 0%,var(--color-primary-bg-alt) 100%);border-color:var(--color-primary);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--color-primary-shadow),0 2px 4px var(--color-primary-shadow)}.tile.svelte-4lsiak:active{transform:translateY(0);box-shadow:inset 0 1px 2px var(--shadow-dark),inset 0 -1px 2px var(--shadow-light),0 1px 2px var(--shadow-dark)}.tile.faded.svelte-4lsiak{opacity:.5;transition:opacity 1s ease-out}.tile.green-zone.svelte-4lsiak{background:linear-gradient(135deg,var(--color-green-bg) 0%,var(--color-green-bg-alt) 100%);border-color:var(--color-green-border)}.tile.green-zone.svelte-4lsiak:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 4px 6px var(--color-green-zone-shadow)}.tile.green-transitioning.svelte-4lsiak:not(.green-transitioning-top){background:linear-gradient(to bottom,var(--color-green-bg) 0%,var(--color-green-bg-alt) calc(var(--green-progress) * 100%),var(--color-surface) calc(var(--green-progress) * 100%),var(--color-surface-alt) 100%);border-color:var(--color-green-border)}.tile.green-transitioning.green-transitioning-top.svelte-4lsiak,.tile.green-transitioning.green-transitioning-top-up.svelte-4lsiak{background:linear-gradient(to bottom,var(--color-surface) 0%,var(--color-surface-alt) calc((1 - var(--green-progress)) * 100%),var(--color-green-bg) calc((1 - var(--green-progress)) * 100%),var(--color-green-bg-alt) 100%);border-color:var(--color-green-border)}.tile.initial-selectable.svelte-4lsiak:not(.selected):not(.error):not(.success){background:linear-gradient(135deg,var(--color-green-bg) 0%,var(--color-green-bg-alt) 100%)}.tile.initial-selectable.svelte-4lsiak:not(.selected):not(.error):not(.success):not(.previous-turn){border-color:var(--color-green-border)}.tile.bonus-tile.initial-selectable.svelte-4lsiak:not(.selected):not(.error):not(.success):not(.previous-turn){border-color:var(--color-yellow);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-yellow-shadow),0 2px 4px var(--shadow-dark)}.tile.initial-selectable.svelte-4lsiak:hover{transform:translateY(-1px);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 4px 6px var(--color-green-zone-shadow)}.tile.bonus-tile.initial-selectable.svelte-4lsiak:hover{box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-yellow-shadow),0 4px 6px var(--color-yellow-shadow)}.tile.adjacent-selectable.svelte-4lsiak{position:relative}.tile.adjacent-selectable.svelte-4lsiak:before{content:"";position:absolute;inset:-3px;border-radius:4px;padding:3px;background:repeating-linear-gradient(90deg,var(--color-text-on-dark) 0px,var(--color-text-on-dark) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(0deg,var(--color-text-on-dark) 0px,var(--color-text-on-dark) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(270deg,var(--color-text-on-dark) 0px,var(--color-text-on-dark) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(180deg,var(--color-text-on-dark) 0px,var(--color-text-on-dark) 8px,transparent 8px,transparent 16px);background-size:16px 3px,3px 16px,16px 3px,3px 16px;background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:svelte-4lsiak-marching-ants .8s linear infinite;pointer-events:none;opacity:.9}.tile.adjacent-selectable.svelte-4lsiak:before{clip-path:inset(3px)}.tile.adjacent-selectable.is-to-left.svelte-4lsiak:before{clip-path:inset(3px 3px 3px 0)}.tile.adjacent-selectable.is-to-right.svelte-4lsiak:before{clip-path:inset(3px 0 3px 3px)}.tile.adjacent-selectable.is-to-left.show-top-border.svelte-4lsiak:before{clip-path:inset(0 3px 3px 0)}.tile.adjacent-selectable.is-to-left.show-bottom-border.svelte-4lsiak:before{clip-path:inset(3px 3px 0 0)}.tile.adjacent-selectable.is-to-right.show-top-border.svelte-4lsiak:before{clip-path:inset(0 0 3px 3px)}.tile.adjacent-selectable.is-to-right.show-bottom-border.svelte-4lsiak:before{clip-path:inset(3px 0 0 3px)}.tile.adjacent-selectable.is-to-left.show-top-border.show-bottom-border.svelte-4lsiak:before{clip-path:inset(0 3px 0 0)}.tile.adjacent-selectable.is-to-right.show-top-border.show-bottom-border.svelte-4lsiak:before{clip-path:inset(0 0 0 3px)}.tile.adjacent-selectable.show-top-border.svelte-4lsiak:not(.is-to-left):not(.is-to-right):before{clip-path:inset(0 3px 3px 3px)}.tile.adjacent-selectable.show-bottom-border.svelte-4lsiak:not(.is-to-left):not(.is-to-right):before{clip-path:inset(3px 3px 0 3px)}.tile.adjacent-selectable.show-top-half-left-right.svelte-4lsiak:before{clip-path:inset(0 0 50% 0)}.tile.adjacent-selectable.show-bottom-half-left-right.svelte-4lsiak:before{clip-path:inset(50% 0 0 0)}@keyframes svelte-4lsiak-marching-ants{0%{background-position:0 0,100% 0,100% 100%,0 100%}to{background-position:16px 0,100% 16px,calc(100% - 16px) 100%,0 calc(100% - 16px)}}.tile.error.svelte-4lsiak{background:linear-gradient(135deg,var(--color-error-bg) 0%,var(--color-error-bg-alt) 100%);border-color:var(--color-error);animation:svelte-4lsiak-shake .3s ease-in-out}.tile.error.svelte-4lsiak .tile-letter:where(.svelte-4lsiak){color:var(--color-error-dark)}.tile.success.svelte-4lsiak{background:linear-gradient(135deg,var(--color-yellow-bg) 0%,var(--color-yellow-bg-alt) 100%);border-color:var(--color-yellow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;transform-origin:center;animation:svelte-4lsiak-success-pop .4s ease}.tile.success.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked){background:linear-gradient(135deg,var(--color-yellow-bg) 0%,var(--color-yellow-bg-alt) 100%);border-color:var(--color-yellow);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--color-yellow-shadow),0 2px 4px var(--color-yellow-shadow)}.tile.success.svelte-4lsiak .tile-letter:where(.svelte-4lsiak),.tile.success.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked) .tile-letter:where(.svelte-4lsiak){color:var(--color-yellow-text);transition:color .3s ease}@keyframes svelte-4lsiak-success-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tile.success.success-themed.svelte-4lsiak{position:relative;z-index:10;transform-origin:calc(var(--success-origin-x, .5) * var(--tile-size)) calc(var(--success-origin-y, .5) * var(--tile-size));animation:svelte-4lsiak-success-themed-pop .48s ease forwards}@keyframes svelte-4lsiak-success-themed-pop{0%{transform:scale(1)}35%{transform:scale(1.1)}to{transform:scale(2)}}.tile.previous-turn.svelte-4lsiak{border:2px solid var(--color-primary-subtle)!important;box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-primary-shadow),0 2px 4px var(--shadow-dark)}.tile.shake.svelte-4lsiak{animation:svelte-4lsiak-shake .3s ease-in-out}@keyframes svelte-4lsiak-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.tile.bonus-tile.svelte-4lsiak{border-color:var(--color-yellow);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-yellow-shadow),0 2px 4px var(--shadow-dark)}.tile.bonus-tile.svelte-4lsiak:after{content:"";position:absolute;inset:0;border-radius:2px;background:linear-gradient(135deg,#ffc10726,#ff98001a,#ffc10726);pointer-events:none;z-index:1}.tile.bonus-tile.green-transitioning.svelte-4lsiak,.tile.bonus-tile.green-zone.svelte-4lsiak{border-color:var(--color-yellow);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-yellow-shadow),0 2px 4px var(--shadow-dark)}.tile.bonus-tile.green-zone.svelte-4lsiak:hover{box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 6px var(--color-yellow-shadow),0 4px 6px var(--color-yellow-shadow)}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark) .tile.bonus-tile.svelte-4lsiak,:root:not(.light):not(.dark) .tile.bonus-tile.green-zone.svelte-4lsiak,:root:not(.light):not(.dark) .tile.bonus-tile.green-transitioning.svelte-4lsiak,:root:not(.light):not(.dark) .tile.bonus-tile.initial-selectable.svelte-4lsiak{border-color:var(--color-yellow-darker);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 4px #ffa00033,0 2px 4px var(--shadow-dark)}:root:not(.light):not(.dark) .tile.bonus-tile.svelte-4lsiak:after{background:linear-gradient(135deg,#ffa00014,#ff78000d,#ffa00014)}}:root.dark .tile.bonus-tile.svelte-4lsiak,:root.dark .tile.bonus-tile.green-zone.svelte-4lsiak,:root.dark .tile.bonus-tile.green-transitioning.svelte-4lsiak,:root.dark .tile.bonus-tile.initial-selectable.svelte-4lsiak{border-color:var(--color-yellow-darker);box-shadow:inset 0 1px 2px var(--shadow-light),inset 0 -1px 2px var(--shadow-dark),0 0 4px #ffa00033,0 2px 4px var(--shadow-dark)}:root.dark .tile.bonus-tile.svelte-4lsiak:after{background:linear-gradient(135deg,#ffa00014,#ff78000d,#ffa00014)}.tile.bonus-tile.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked):after,.tile.bonus-tile.error.svelte-4lsiak:after,.tile.bonus-tile.success.svelte-4lsiak:after{display:none}.tile.bonus-tile.svelte-4lsiak:has(input[type=checkbox]:where(.svelte-4lsiak):checked){border-color:var(--color-primary)}.crossover-counter.svelte-4lsiak{position:absolute;top:-.25rem;right:-.25rem;background:var(--color-primary);color:var(--color-text-on-dark);border-radius:50%;width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;line-height:1;box-shadow:0 1px 3px var(--shadow-darkest);z-index:10;border:1.5px solid var(--color-text-on-dark)}.board.svelte-jpc25w{display:flex;justify-content:center;align-items:flex-start}.board-columns.svelte-jpc25w{display:flex;gap:0;align-items:flex-start}.column.svelte-jpc25w{display:flex;flex-direction:column;gap:0;margin-top:calc(var(--column-offset) * var(--tile-size))}
