@font-face{font-family:Mulish;src:url(../../../fonts/Mulish/Mulish-VariableFont_wght.ttf)}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf);font-weight:300}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf);font-weight:400}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf);font-weight:500}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf);font-weight:600}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf);font-weight:700}.svelte-u2todx{position:relative}:root,button.svelte-u2todx{font-family:Mulish,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8;letter-spacing:.03em}:root{width:100%}h4.svelte-u2todx,h5.svelte-u2todx{margin:0;font-family:IBMPlexMono,monospace}h4.svelte-u2todx,h5.svelte-u2todx{font-size:18px;font-weight:500;padding-top:12px}p.svelte-u2todx{padding:4px 0;margin:0}.comical-button.svelte-u2todx{padding:4px 8px;border:4px solid black;background-color:#fff;box-shadow:3px 3px #000;font-family:IBMPlexMono;font-weight:500;cursor:pointer}.comical-button.svelte-u2todx:hover{background-color:#dff6e9}.comical-button.svelte-u2todx:active{transform:translate(3px,3px);box-shadow:none}.game-canvas.svelte-u2todx,.pgn-close-button.svelte-u2todx,.pgn-popup-content.svelte-u2todx{border:4px solid black}.lightblue-grid.svelte-u2todx{flex-shrink:0;display:grid;grid-template-columns:1fr;grid-template-rows:100px 1fr 100px;align-items:stretch;justify-content:center;gap:24px;width:100%;padding:30px;overflow:hidden;box-sizing:border-box}@media (min-width: 500px){.lightblue-grid.svelte-u2todx{width:440px}}.lightblue-grid.svelte-u2todx>div:where(.svelte-u2todx){background-color:#fff;border:4px solid black}img.lightblue-face.svelte-u2todx{width:auto;height:100%;padding:8px 12px;-webkit-user-select:none;user-select:none;box-sizing:border-box}.computer-stats.svelte-u2todx,.bot-message.svelte-u2todx{flex-grow:1;display:flex;flex-direction:column;justify-content:center;padding:0 24px;font-family:IBMPlexMono,monospace;font-weight:500;font-size:15px}.start-buttons.svelte-u2todx{display:flex;flex-direction:column;gap:24px;align-items:stretch;padding:36px}.start-buttons.svelte-u2todx button.white-button:where(.svelte-u2todx){background-color:#fff}.start-buttons.svelte-u2todx button.white-button:where(.svelte-u2todx):hover{background-color:#dff6e9}.start-buttons.svelte-u2todx button.black-button:where(.svelte-u2todx){background-color:#000;color:#fff}.start-buttons.svelte-u2todx button.black-button:where(.svelte-u2todx):hover{background-color:#333}.pgn-popup.svelte-u2todx{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0006}.pgn-popup.hidden.svelte-u2todx{display:none}.pgn-popup-content.svelte-u2todx{width:500px;height:400px;max-width:90%;display:flex;flex-direction:column;gap:24px;padding:24px;background-color:#9cd5f8}.pgn-popup-header.svelte-u2todx{display:flex;flex-direction:row;justify-content:space-between}.copy-pgn-button.svelte-u2todx{width:96px}.pgn-close-button.svelte-u2todx{padding:6px;background-color:#ef4444;font-weight:600;width:40px;height:40px;cursor:pointer}.pgn-close-button.svelte-u2todx:hover{background-color:#f87171}.pgn-close-button.svelte-u2todx:active{background-color:#fca5a5}.pgn-textarea.svelte-u2todx{flex-grow:1;width:100%;height:100%;padding:12px;font-family:IBMPlexMono,monospace;font-size:14px;font-weight:500;resize:none;box-sizing:border-box}.game-container.svelte-u2todx{flex-shrink:1;flex-grow:1;align-self:stretch;display:flex;flex-direction:column;justify-content:space-evenly;align-content:stretch;width:100%;height:100%;padding-top:69px;background-color:#404040;overflow:hidden;box-sizing:border-box}@media (min-width: 768px){.game-container.svelte-u2todx{flex-direction:row;max-height:100vh}}.game-container.svelte-u2todx .comical-button:where(.svelte-u2todx){padding:12px 24px;font-size:16px}.canvas-wrapper.svelte-u2todx{flex-grow:1;flex-shrink:1;display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:100%;max-height:100%;padding:0 48px;overflow:hidden}@media (min-width: 1024px){.canvas-wrapper.svelte-u2todx{flex-grow:0}}.game-canvas.svelte-u2todx{-webkit-user-select:none;user-select:none}.bot-state.svelte-u2todx{display:flex;flex-direction:row;justify-content:space-between;line-height:1.4}.bot-message.svelte-u2todx{align-items:center;text-align:center}.computer-stats.svelte-u2todx{align-items:flex-end}.sidebar-grid.svelte-u2todx{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:stretch;overflow:hidden}@media (min-width: 768px){.sidebar-grid.svelte-u2todx{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}.sidebar-left.svelte-u2todx{display:flex;flex-direction:column;gap:12px;padding:12px}.sidebar-left.svelte-u2todx button:where(.svelte-u2todx){width:100%;padding:12px 0!important;box-sizing:border-box;white-space:nowrap}.game-over-message.svelte-u2todx{padding:12px;font-family:IBMPlexMono,monospace;background-color:#51b8f8;font-weight:600;text-align:center;font-size:1.25rem}.game-controls.svelte-u2todx{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:12px;padding:12px;overflow-y:scroll}.move-notation.svelte-u2todx{padding:0 6px;background-color:#fed7aa;font-weight:700}.score-display.svelte-u2todx{display:flex;flex-direction:column}.score-value.svelte-u2todx{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25rem;font-family:IBMPlexMono,monospace;font-weight:500}.score-bar.svelte-u2todx{height:35px;display:flex;flex-direction:row;background-color:#000;border-top:4px solid black}.score-bar-white.svelte-u2todx{background-color:#fff}