*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@layer tokens{:root[data-theme=light-cyan]{--background-color: #fff;--piece-color: #dcf1f9;--border-color: rgb(45.8536585366, 171.3414634146, 219.1463414634);--text-color: rgb(45.8536585366, 171.3414634146, 219.1463414634)}:root[data-theme=dark-cyan]{--background-color: #121212;--piece-color: #002b3c;--border-color: rgb(45.8536585366, 171.3414634146, 219.1463414634);--text-color: rgb(45.8536585366, 171.3414634146, 219.1463414634)}:root[data-theme=light-orange]{--background-color: #fff;--piece-color: #ffbc95;--border-color: rgb(200, 73.5849056604, 0);--text-color: rgb(200, 73.5849056604, 0)}:root[data-theme=dark-orange]{--background-color: #121212;--piece-color: #682f00;--border-color: rgb(255, 123.5283018868, 47);--text-color: rgb(255, 123.5283018868, 47)}:root[data-theme=light-green]{--background-color: #fff;--piece-color: #40ff9c;--border-color: rgb(0, 115, 55.3926701571);--text-color: rgb(0, 115, 55.3926701571)}:root[data-theme=dark-green]{--background-color: #121212;--piece-color: #0e502b;--border-color: rgb(0, 217, 104.5235602094);--text-color: rgb(0, 217, 104.5235602094)}:root[data-theme=light-violet]{--background-color: #fff;--piece-color: #d9bcf9;--border-color: rgb(111.7123287671, 19.1506849315, 213.8493150685);--text-color: rgb(111.7123287671, 19.1506849315, 213.8493150685)}:root[data-theme=dark-violet]{--background-color: #121212;--piece-color: #380081;--border-color: rgb(163.904109589, 94.3835616438, 240.6164383562);--text-color: rgb(163.904109589, 94.3835616438, 240.6164383562)}}.button.svelte-1cfya5p,.select.svelte-19smeal{cursor:pointer;padding:8px 16px;border-radius:4px;border:1px solid var(--border-color);background-color:var(--background-color);text-transform:uppercase;font-size:16px;color:var(--text-color)}.piece.svelte-1rix6x5{--piece-size: 48px;--piece-cell-ratio: .8;cursor:grab;width:var(--piece-size);height:var(--piece-size);border-radius:50%;background-color:var(--piece-color);border:1px solid var(--border-color);opacity:calc(1 - var(--over-piece-progress));touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.piece.dragging.svelte-1rix6x5{cursor:grabbing;position:absolute;top:calc(var(--position-y) - var(--piece-size) / 2);left:calc(var(--position-x) - var(--piece-size) / 2);z-index:1000}@media (max-width: 650px){.piece.svelte-1rix6x5{--piece-size: calc((100vw / var(--board-size-x) * var(--piece-cell-ratio)) - var(--cell-alignment-offset))}}.board.svelte-1q06kzl{--cell-alignment-offset: 3px;border-collapse:collapse}.board__cell.svelte-1q06kzl{--board-cell-size: 64px;width:var(--board-cell-size);height:var(--board-cell-size)}.board__cell--playable.svelte-1q06kzl{border:1px solid var(--border-color)}.board__cell--next-position.svelte-1q06kzl .board__cell-content:where(.svelte-1q06kzl):after{content:"";display:block;width:var(--piece-size);height:var(--piece-size);border-radius:50%;background-color:var(--piece-color);opacity:.5}.board__cell-content.svelte-1q06kzl{display:flex;align-items:center;justify-content:center;width:var(--board-cell-size);height:var(--board-cell-size)}@media (max-width: 650px){.board__cell.svelte-1q06kzl{--board-cell-size: calc((100vw / var(--board-size-x)) - var(--cell-alignment-offset))}}.control-panel.svelte-1a2k1or{display:flex;gap:8px;margin-bottom:24px}@media (max-width: 950px){.control-panel.svelte-1a2k1or{flex-direction:column}}.main-page.svelte-1j6ppri{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:var(--background-color)}.main-page__content.svelte-1j6ppri{padding-block:24px;display:flex;flex-direction:column}.main-page__board-container.svelte-1j6ppri{display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media (max-width: 650px){.main-page.svelte-1j6ppri{justify-content:flex-start}}