div.svelte-1rj8vfl{position:absolute;font-family:var(--default-font);display:flex;flex-direction:column;align-items:center;padding:calc(var(--grid-size) * 8 * .03) calc(var(--grid-size));margin-bottom:calc(var(--grid-size) * 2);font-size:calc(var(--grid-size) * 8 * .04);color:var(--main-text);background-color:var(--bg);filter:drop-shadow(8px 8px 20px var(--off-black));border-radius:calc(var(--grid-size) * 8 * .05);max-height:calc(var(--grid-size) * 8 * .8)}.dropdown-content.svelte-1q6zbzr{display:block;position:absolute;z-index:1;font-size:18px;margin-top:.25em;border-radius:10px;padding:.2em;filter:drop-shadow(0 0 8px var(--off-black));background-color:var(--dark-2)}div.svelte-1ortige.svelte-1ortige{display:grid;column-gap:calc(var(--grid-size) * .3);row-gap:calc(var(--grid-size) * .1);grid-template-columns:repeat(2,1fr);margin-bottom:calc(var(--grid-size) * .1);align-items:center}button.svelte-1ortige.svelte-1ortige{font-size:max(calc(var(--grid-size) * .17),12px)}span.svelte-1ortige.svelte-1ortige,li.svelte-1ortige>button.svelte-1ortige{font-family:var(--default-font);text-transform:capitalize}.selected.svelte-1ortige.svelte-1ortige{background-color:var(--dark-5)}span.svelte-1ortige.svelte-1ortige{font-size:max(calc(var(--grid-size) * .17),12px)}.player-controller.svelte-1ortige.svelte-1ortige{font-size:max(calc(var(--grid-size) * .4),16px);text-align:right}ul.svelte-1ortige.svelte-1ortige{list-style-type:none;padding:0;margin:0}.icon.svelte-y2saz0{width:clamp(15px,3vw,30px);color:#d3d3d3;margin:0 clamp(5px,1.5vw,15px);transition:transform .2s,color .2s;cursor:pointer}.icon.svelte-y2saz0:hover{transform:rotate(45deg) scale(1.1);color:#ececec}.icon.open.svelte-y2saz0{transform:rotate(90deg) scale(1.2);color:#fff}.side-bar.svelte-70289x.svelte-70289x{height:calc(var(--grid-size) * 8);margin-left:calc(var(--grid-size) * .2);display:grid;grid-template-rows:auto 1fr auto;background-color:#313134;border-radius:calc(var(--grid-size) * .05);width:var(--side-bar-size);font-size:clamp(11px,calc(var(--side-bar-size) / 6),40px);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);filter:drop-shadow(0 0 10px var(--dark-overlay))}@media (orientation: portrait){.side-bar.svelte-70289x.svelte-70289x{margin-top:calc(var(--grid-size) * .2);margin-left:0;height:calc(var(--grid-size));width:calc(var(--grid-size) * 8)}}.footer.svelte-70289x.svelte-70289x,.header.svelte-70289x.svelte-70289x{--h-padding:calc(var(--side-bar-size) / 15);--v-padding:calc(var(--side-bar-size) / 30);padding:var(--v-padding) var(--h-padding);min-height:calc(var(--grid-size) - var(--v-padding) * 2);text-align:center;display:flex;gap:calc(var(--side-bar-size) / 30);align-items:center;justify-content:center}.header.svelte-70289x.svelte-70289x{background-color:#222223;filter:drop-shadow(0 5px 5px rgba(0,0,0,.1));font-size:calc(var(--side-bar-size) / 11)}.content.svelte-70289x.svelte-70289x{color:#d3d3d3;background-position-x:-1px;--bg-grid-size:calc(var(--grid-size) / 3);font-size:var(--bg-grid-size);background-size:var(--bg-grid-size) var(--bg-grid-size);--grid-color:rgb(59, 59, 62);background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);overflow-y:scroll}.move.svelte-70289x.svelte-70289x{display:flex;align-items:center;gap:calc(var(--bg-grid-size) / 8)}.move.svelte-70289x img.svelte-70289x{height:var(--bg-grid-size)}.move.svelte-70289x p.svelte-70289x{margin:0;font-size:.6em}.footer.svelte-70289x.svelte-70289x{background-color:#37373b;filter:drop-shadow(0 -6px 5px rgba(0,0,0,.1))}button.svelte-70289x.svelte-70289x{font-size:calc(var(--grid-size) / 3.5);border-radius:.15em;background-color:var(--bg)}button.svelte-70289x.svelte-70289x:hover{background-color:var(--dark-bg)}.restart-game.svelte-70289x.svelte-70289x{padding-top:calc(var(--grid-size) * .04);padding-bottom:calc(var(--grid-size) * .01);padding-right:calc(var(--grid-size) * .1);padding-left:calc(var(--grid-size) * .1)}.restart-game.svelte-70289x svg{width:calc(var(--grid-size) / 2)}h1.svelte-waoauz.svelte-waoauz.svelte-waoauz{color:var(--text-main);margin-top:0;margin-bottom:.1em}img.svelte-waoauz.svelte-waoauz.svelte-waoauz{width:calc(var(--grid-size) * 1.25)}.play-again.svelte-waoauz.svelte-waoauz.svelte-waoauz{font-size:calc(var(--grid-size) * .175)}.promotion-options.svelte-waoauz>button.svelte-waoauz>img.svelte-waoauz{width:calc(var(--grid-size) * .871)}.promotion-options.svelte-waoauz.svelte-waoauz.svelte-waoauz{margin:1rem 0}.grayed-out.svelte-waoauz.svelte-waoauz.svelte-waoauz{opacity:.5}.wrapper.svelte-waoauz.svelte-waoauz.svelte-waoauz{height:100vh;--side-bar-size:30vw;--grid-size:calc(min(85vw - var(--side-bar-size), 90vh)/8)}.wrapper.svelte-waoauz.svelte-waoauz.svelte-waoauz,.inner-wrapper.svelte-waoauz.svelte-waoauz.svelte-waoauz{display:flex;justify-content:center;align-items:center}@media (orientation: portrait){.wrapper.svelte-waoauz.svelte-waoauz.svelte-waoauz{flex-direction:column;--grid-size:10.625vw}}.icon.svelte-waoauz.svelte-waoauz.svelte-waoauz{display:flex;height:calc(var(--grid-size) * 8);align-items:flex-start}.board.svelte-waoauz.svelte-waoauz.svelte-waoauz{position:absolute;display:grid;grid-template-columns:repeat(8,var(--grid-size));grid-template-rows:repeat(8,var(--grid-size));grid-auto-flow:row;filter:drop-shadow(0 0 10px var(--off-black));transition:opacity .5s}.board-wrapper.svelte-waoauz.svelte-waoauz.svelte-waoauz{width:calc(8 * var(--grid-size));height:calc(8 * var(--grid-size))}.board-settings.svelte-waoauz.svelte-waoauz.svelte-waoauz{width:calc(8 * var(--grid-size));height:calc(8 * var(--grid-size));position:absolute;background-color:#242426;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:calc(var(--grid-size) / 4)}.board-grid-bg.svelte-waoauz.svelte-waoauz.svelte-waoauz{width:calc(8 * var(--grid-size));height:calc(8 * var(--grid-size));position:absolute;display:flex;align-items:center;flex-direction:column;background-size:calc(var(--grid-size) - 1px/4) calc(var(--grid-size) - 1px/4);--grid-color:rgb(47, 47, 50);background-image:linear-gradient(to right,var(--grid-color) 2px,transparent 2px),linear-gradient(to bottom,var(--grid-color) 2px,transparent 2px)}.board-settings.svelte-waoauz h1.svelte-waoauz.svelte-waoauz{margin-top:calc(var(--grid-size) / 8)}.board-settings.svelte-waoauz ul.svelte-waoauz.svelte-waoauz{margin-top:calc(var(--grid-size) / 8);font-size:calc(var(--grid-size) / 5);color:#d3d3d3;padding-left:0}li.svelte-waoauz.svelte-waoauz.svelte-waoauz{list-style:none;padding:calc(var(--grid-size) / 14) calc(var(--grid-size) / 4);border-radius:calc(var(--grid-size) / 8);cursor:pointer;transition:padding-left .2s,color .2s}li.svelte-waoauz.svelte-waoauz.svelte-waoauz:hover{padding-left:calc(var(--grid-size) / 3);color:#fff}li.selected.svelte-waoauz.svelte-waoauz.svelte-waoauz{background-color:#19191a}.ai-controllers.svelte-waoauz.svelte-waoauz.svelte-waoauz{margin-top:calc(var(--grid-size) / 2.75);display:flex;gap:var(--grid-size);color:#e7e7e7}.white-controller.svelte-waoauz.svelte-waoauz.svelte-waoauz,.black-controller.svelte-waoauz.svelte-waoauz.svelte-waoauz{background-color:var(--semi-offset-bg);padding:calc(var(--grid-size) / 8) calc(var(--grid-size) / 2);border-radius:calc(var(--grid-size) / 8)}h2.svelte-waoauz.svelte-waoauz.svelte-waoauz{margin:calc(var(--grid-size) / 8)}input.svelte-waoauz.svelte-waoauz.svelte-waoauz{margin:0;padding:calc(var(--grid-size) / 16);width:calc(var(--grid-size) * 4.5);font-size:calc(var(--grid-size) / 5);color:#d3d3d3;background-color:var(--dark-bg);border:none;border-radius:calc(var(--grid-size) / 12);outline-width:0}.start-game.svelte-waoauz.svelte-waoauz.svelte-waoauz{margin-top:calc(var(--grid-size) / 1.28);background-color:var(--dark-bg);font-family:var(--default-font);font-size:calc(var(--grid-size) / 2.75);border-radius:calc(var(--grid-size) / 7)}.start-game.svelte-waoauz.svelte-waoauz.svelte-waoauz:hover{background-color:var(--dark3-bg)}.link-button.svelte-waoauz.svelte-waoauz.svelte-waoauz{display:flex;opacity:.5;gap:.5vw;font-size:clamp(10px,1vw,15px)}.links.svelte-waoauz.svelte-waoauz.svelte-waoauz{position:absolute;bottom:0;left:0;gap:.5vw;margin:.2vw}.links.svelte-waoauz button.svelte-waoauz.svelte-waoauz{padding:.3vw 1vw;background-color:transparent}.links.svelte-waoauz button.svelte-waoauz.svelte-waoauz:hover{background-color:var(--semi-offset-bg)}.link-button.svelte-waoauz svg{height:clamp(15px,1.5vw,20px)}