@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap";.modal-container.svelte-1b6pqw0.svelte-1b6pqw0{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-container.svelte-1b6pqw0 .modal.svelte-1b6pqw0{display:flex;background:white;border-radius:1rem;flex-direction:column;align-content:center;width:80%;height:80%}.modal-container.svelte-1b6pqw0 .modal .heading.svelte-1b6pqw0{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #ccc}.modal-container.svelte-1b6pqw0 .modal .heading button.svelte-1b6pqw0{background:transparent;padding:.5rem 0;margin:0;border:0;font-size:2.5rem}.modal-container.svelte-1b6pqw0 .modal .body.svelte-1b6pqw0{height:100%;padding:1rem}.intersection.svelte-1y5vs4n.svelte-1y5vs4n{position:relative;background:transparent;border:none;padding:0;width:var(--cellSize);height:var(--cellSize);cursor:default}@media screen and (min-width: 1024px){.intersection.interactive.svelte-1y5vs4n.svelte-1y5vs4n:hover{cursor:pointer}}.intersection.star.svelte-1y5vs4n.svelte-1y5vs4n:before{content:"";position:absolute;top:52%;left:51%;transform:translate(-50%,-50%);width:20%;height:20%;background-color:#000;border-radius:50%}.intersection.top.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n,.intersection.bottom.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n{height:50%}.intersection.top.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n{top:50%}.intersection.bottom.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n{top:0%}.intersection.left.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n,.intersection.right.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n{width:50%}.intersection.left.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n{left:50%}.intersection.right.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n{left:0%}.intersection.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n{background-color:#000;position:absolute;z-index:3}.intersection.svelte-1y5vs4n .horizontal-line.svelte-1y5vs4n{width:100%;height:1.5px;top:50%;left:0}.intersection.svelte-1y5vs4n .vertical-line.svelte-1y5vs4n{width:1.5px;height:100%;top:0;left:50%}.intersection.svelte-1y5vs4n .move.svelte-1y5vs4n{position:relative;z-index:9;width:90%;height:90%}.intersection.svelte-1y5vs4n .move.last-played.black.svelte-1y5vs4n:before,.intersection.svelte-1y5vs4n .move.last-played.white.svelte-1y5vs4n:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%}.intersection.svelte-1y5vs4n .move.last-played.black.svelte-1y5vs4n:before{background-color:#fff}.intersection.svelte-1y5vs4n .move.last-played.white.svelte-1y5vs4n:before{background-color:#000}.intersection.svelte-1y5vs4n .move.black.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.white.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.black-hover.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.white-hover.svelte-1y5vs4n{border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:.1rem .1rem .4rem .2rem #0003}.intersection.svelte-1y5vs4n .move.black.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.black-hover.svelte-1y5vs4n{background-color:#242424}.intersection.svelte-1y5vs4n .move.white.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.white-hover.svelte-1y5vs4n{width:calc(90% - 3px);height:calc(90% - 3px);background-color:#fff;border:1px solid lightgray}.intersection.svelte-1y5vs4n .move.black-hover.svelte-1y5vs4n,.intersection.svelte-1y5vs4n .move.white-hover.svelte-1y5vs4n{opacity:0}.intersection.svelte-1y5vs4n .move.black-hover.svelte-1y5vs4n:hover,.intersection.svelte-1y5vs4n .move.white-hover.svelte-1y5vs4n:hover{opacity:.2}.board-container.svelte-16p7v8o.svelte-16p7v8o{position:relative;width:fit-content;margin:auto}.board-container.svelte-16p7v8o .controls-container.svelte-16p7v8o{display:flex;height:2rem}.board-container.svelte-16p7v8o .controls-container .arrow.svelte-16p7v8o{flex-basis:50%;background:bisque;color:#000;border:1px solid salmon}.board-container.svelte-16p7v8o .board-button.svelte-16p7v8o{position:absolute;top:0;width:50%;height:100%;background:none;border:none;z-index:99;cursor:default}.board-container.svelte-16p7v8o .board-button.svelte-16p7v8o:focus{outline:none}@media screen and (min-width: 1024px){.board-container.svelte-16p7v8o .board-button.svelte-16p7v8o:hover{cursor:pointer}}.board-container.svelte-16p7v8o .board-button-left.svelte-16p7v8o{left:0}.board-container.svelte-16p7v8o .board-button-right.svelte-16p7v8o{right:0}.board-container.svelte-16p7v8o .board.svelte-16p7v8o{width:fit-content;background-image:var(--boardBackgroundImage);background-size:cover;background-repeat:no-repeat}.board-container.svelte-16p7v8o .board.top.svelte-16p7v8o{padding-top:calc(var(--cellSize) / 2);border-top:1px solid gray}.board-container.svelte-16p7v8o .board.left.svelte-16p7v8o{padding-left:calc(var(--cellSize) / 2);border-left:1px solid gray}.board-container.svelte-16p7v8o .board.bottom.svelte-16p7v8o{padding-bottom:calc(var(--cellSize) / 2);border-bottom:1px solid gray}.board-container.svelte-16p7v8o .board.right.svelte-16p7v8o{padding-right:calc(var(--cellSize) / 2);border-right:1px solid gray}.board-container.svelte-16p7v8o .board .row.svelte-16p7v8o{display:flex;margin:0;padding:0;height:fit-content}.board-container.svelte-16p7v8o .board .row .cell.svelte-16p7v8o{margin:0;height:var(--cellSize);width:var(--cellSize)}