@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";.row.svelte-906xsv.svelte-906xsv{display:flex;justify-content:space-between;padding-bottom:.75rem}.row.bottom-row.svelte-906xsv.svelte-906xsv{align-items:flex-end}.users-color.svelte-906xsv.svelte-906xsv{display:flex;flex-direction:column;gap:.5rem}.users-color.svelte-906xsv .users-color-options.svelte-906xsv{display:flex;gap:1rem}.board-area.svelte-906xsv.svelte-906xsv{margin-top:1rem;width:100%}.board-area.svelte-906xsv .board-container.svelte-906xsv{position:relative;width:max-content;margin:auto}@keyframes svelte-906xsv-flash{0%{opacity:80%}10%{opacity:0%}50%{opacity:80%}to{opacity:0%}}.board-area.svelte-906xsv .board-container .x.svelte-906xsv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:500px;animation:svelte-906xsv-flash .25s;z-index:99}.board-area.svelte-906xsv .board-container .x.svelte-906xsv:before,.board-area.svelte-906xsv .board-container .x.svelte-906xsv:after{border-radius:1rem;position:absolute;left:50%;content:" ";height:500px;width:1rem;background-color:red}.board-area.svelte-906xsv .board-container .x.svelte-906xsv:before{transform:rotate(45deg)}.board-area.svelte-906xsv .board-container .x.svelte-906xsv:after{transform:rotate(-45deg)}.board-area.svelte-906xsv .board-container .hint.svelte-906xsv{position:absolute;width:calc(var(--board-cell-size) * var(--hint-size));height:calc(var(--board-cell-size) * var(--hint-size));top:calc(var(--board-cell-size) / 2 + 2px + var(--board-cell-size) * var(--hint-y-offset));left:calc(var(--board-cell-size) / 2 + 2px + var(--board-cell-size) * var(--hint-x-offset));z-index:99;background-color:#87cefa;opacity:.4;border-radius:1rem;pointer-events:none}.board-area.svelte-906xsv .board-container .next-move.svelte-906xsv{position:absolute;z-index:100;width:var(--board-cell-size);height:var(--board-cell-size);border-radius:50%;top:calc(var(--board-cell-size) / 2 + 2px + var(--board-cell-size) * var(--next-move-y));left:calc(var(--board-cell-size) / 2 + 2px + var(--board-cell-size) * var(--next-move-x));opacity:.6;pointer-events:none}.board-area.svelte-906xsv .board-container .next-move.black.svelte-906xsv{background-color:#000}.board-area.svelte-906xsv .board-container .next-move.white.svelte-906xsv{background-color:#fff}.modal-body.svelte-906xsv.svelte-906xsv{height:100%;display:flex;flex-direction:column;justify-content:space-between}.modal-body.svelte-906xsv button.svelte-906xsv{width:100%}.modal-body.svelte-906xsv .share-container.svelte-906xsv{display:flex;gap:1rem;align-items:center;justify-content:flex-end}.modal-body.svelte-906xsv .share-container .share-links-container.svelte-906xsv{display:flex;gap:.5rem}.modal-body.svelte-906xsv .share-container .share-links-container a.svelte-906xsv{text-align:center;flex-grow:1;width:40px}