.modal-backdrop[data-v-f244c9cb]{background-color:var(--color-overlay-heavy);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-dialog[data-v-f244c9cb]{background:var(--color-surface);text-align:center;width:90%;max-width:280px;box-shadow:none;padding:1.5rem}.dialog-title[data-v-f244c9cb]{margin-bottom:1rem;font-weight:700}.dialog-buttons[data-v-f244c9cb]{justify-content:space-around;gap:.5rem;display:flex}.dialog-buttons .btn[data-v-f244c9cb]{flex:1;padding:.25rem .5rem;font-size:.8rem}.settings-list[data-v-f244c9cb]{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.setting-item[data-v-f244c9cb]{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.setting-label[data-v-f244c9cb]{font-weight:700}.custom-checkbox[data-v-f244c9cb]{cursor:pointer;width:1rem;height:1rem}.select-wrapper[data-v-f244c9cb]{width:auto}.promotion[data-v-cd8abf02]{background:var(--color-surface);z-index:60;flex-direction:column;justify-content:flex-start;align-items:stretch;display:flex;position:absolute;overflow:hidden}.promote-btn[data-v-cd8abf02]{all:unset;box-sizing:border-box;aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;width:100%;display:flex}.promote-btn[data-v-cd8abf02]:hover{background:var(--color-overlay-hover)}.promote-btn img[data-v-cd8abf02]{object-fit:contain;box-sizing:border-box;width:100%;height:100%}.game-panel[data-v-5288571e]{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:max-content;max-width:none;display:flex}.board-frame[data-v-5288571e]{aspect-ratio:1;box-sizing:border-box;width:80vmin;max-width:min(100vw - 32px,100vh - 120px);margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.board-resize-handle[data-v-5288571e]{cursor:nwse-resize;touch-action:none;z-index:20;background:0 0;border:0;width:28px;height:28px;padding:0;position:absolute;bottom:-20px;right:-20px}.board-resize-icon[data-v-5288571e]{color:var(--color-text-primary);opacity:.75;pointer-events:none;place-items:center;display:grid;position:absolute;inset:10px}.board-resize-icon[data-v-5288571e] svg{width:100%;height:100%;display:block}@media (width<=767px){.board-resize-handle[data-v-5288571e]{display:none}}.board-resize-handle[data-v-5288571e]:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:1px}.board-frame.coordinates-outside[data-v-5288571e]{padding:0}.board-grid[data-v-5288571e]{touch-action:none;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:0;width:100%;height:100%;display:grid;position:relative}.board-square[data-v-5288571e]{cursor:default;background:0 0;border:none;padding:0;position:relative;overflow:visible}.board-square[data-v-5288571e]:focus,.board-square[data-v-5288571e]:focus-visible,.board-square[data-v-5288571e]:active{box-shadow:none!important;outline:none!important}.board-square.draggable-piece[data-v-5288571e]{cursor:grab}.board-grid.promotion-active .piece[data-v-5288571e]{pointer-events:none;cursor:default}.square-background[data-v-5288571e],.piece[data-v-5288571e]{display:block}.square-background.base[data-v-5288571e]{object-fit:cover;width:100%;height:100%}.square-background.overlay[data-v-5288571e]{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.square-background.overlay.placeable-mirror[data-v-5288571e]{transform:scaleY(-1)}.piece[data-v-5288571e]{transform:translateX(-50%) scale(var(--piece-scale));transform-origin:bottom;pointer-events:auto;cursor:grab;z-index:10;will-change:transform;backface-visibility:hidden;transition:opacity .1s;position:absolute;bottom:15%;left:50%}.piece.dragging-hidden[data-v-5288571e]{opacity:0}.marker[data-v-5288571e]{object-fit:contain;pointer-events:none;z-index:5;width:52%;height:52%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.floating-piece[data-v-5288571e]{pointer-events:none;z-index:9999;transform:translate(-50%, -50%) scale(var(--piece-scale));position:fixed}.coordinate-label[data-v-5288571e]{pointer-events:none;z-index:5;font-family:Unifont,monospace;font-size:.75rem;font-weight:700;line-height:1;position:absolute}.coordinates-outside-layer[data-v-5288571e]{pointer-events:none;position:absolute;inset:0}.coordinate-bottom-row[data-v-5288571e]{height:2cqi;position:absolute;bottom:-2.8cqi;left:0;right:0}.coordinate-side-col[data-v-5288571e]{width:2cqi;position:absolute;top:0;bottom:0;left:-2.8cqi}.coordinate-label.outer-file[data-v-5288571e]{color:var(--color-text-secondary);text-align:center;font-size:1.7cqi;position:absolute;transform:translate(-50%)}.coordinate-label.outer-rank[data-v-5288571e]{color:var(--color-text-secondary);text-align:center;width:100%;font-size:1.7cqi;position:absolute;transform:translateY(-50%)}.coordinate-label.rank[data-v-5288571e]{top:2px;left:4px}.coordinate-label.file[data-v-5288571e]{bottom:3px;right:4px}.coordinate-label.text-black[data-v-5288571e]{color:var(--color-coord-on-light)}.coordinate-label.text-white[data-v-5288571e]{color:var(--color-coord-on-dark)}.promotion-overlay[data-v-5288571e]{background:var(--color-overlay-medium);z-index:50;position:absolute;inset:0}:root{--color-page-bg:#f0f0f0;--color-surface:#fff;--color-surface-border:#212529;--color-surface-shadow:#909294;--color-text-primary:#212529;--color-text-secondary:#333;--color-text-muted:#666;--color-text-on-primary:#fff;--color-text-inverse:#f3f9fc;--color-board-light:#f3f9fc;--color-board-dark:#484a4b;--color-coord-on-light:var(--color-board-dark);--color-coord-on-dark:var(--color-board-light);--color-input-track-bg:#b3b4b6;--color-input-slider-bg:#e7e7e7;--color-btn-bg:#e7e7e7;--color-btn-primary:#209cee;--color-btn-danger:#e76e55;--color-btn-warning:#deca14;--color-btn-success:#1cb221;--color-border-light:#d0d0d0;--color-border-medium:#adafbc;--color-border-secondary:#888;--color-highlight:#ffd33d;--color-error:#c33;--color-overlay-hover:#00000014;--color-overlay-medium:#00000073;--color-overlay-heavy:#00000080}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-page-bg:#1c1c1e;--color-surface:#2a2a2c;--color-surface-border:#e7e7e7;--color-surface-shadow:#3f3f41;--color-text-primary:#fff;--color-text-secondary:#e7e7e7;--color-text-muted:#a0a0a0;--color-text-on-primary:#fff;--color-text-inverse:#f3f9fc;--color-coord-on-light:#fff;--color-coord-on-dark:#fff;--color-input-track-bg:#444446;--color-input-slider-bg:#e7e7e7;--color-btn-bg:#3a3a3c;--color-border-light:#4d4d4d;--color-border-medium:#7a7a7a;--color-border-secondary:#b0b0b0;--color-error:#ff6b6b;--color-overlay-hover:#ffffff1f;--color-overlay-medium:#0009;--color-overlay-heavy:#000000b3}canvas,img{image-rendering:pixelated;-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale}body,html{background-color:var(--color-page-bg);-webkit-user-select:none;user-select:none;width:100%;height:100%;margin:0;padding:0}@font-face{font-family:Unifont;src:url(/ChessDragon/assets/unifont-Iy140JfM.otf);font-weight:400;font-style:normal;font-display:swap}img{-webkit-user-drag:none;user-drag:none}input,textarea,[contenteditable=true],.can-select{-webkit-user-select:text;user-select:text}.card{border:2px solid var(--color-surface-border);background-color:var(--color-surface);box-shadow:2px 2px 0 var(--color-surface-shadow);padding:1rem}.card.with-title{padding-top:0}.btn{white-space:nowrap;border:2px solid var(--color-surface-border);background-color:var(--color-btn-bg);color:var(--color-text-primary);cursor:pointer;text-align:center;box-shadow:2px 2px 0 var(--color-surface-shadow);padding:8px;font-family:Unifont,system-ui,-apple-system,sans-serif;font-size:.8rem;text-decoration:none}.btn-primary{background-color:var(--color-btn-primary);color:var(--color-text-on-primary)}.btn-danger{background-color:var(--color-btn-danger);color:var(--color-text-on-primary)}.btn-warning{background-color:var(--color-btn-warning);color:var(--color-text-on-primary)}.btn-success{background-color:var(--color-btn-success);color:var(--color-text-on-primary)}.btn:not(:disabled):hover{box-shadow:1px 1px 0 var(--color-surface-shadow);transform:translateY(1px)}.btn:focus{outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea{appearance:none;color:var(--color-text-primary);border:2px solid var(--color-border-light);box-sizing:border-box;caret-color:var(--color-text-primary);background-color:#0000;border-radius:0;outline:none;margin:3px;padding:8px;font-family:Unifont,monospace}input:disabled,textarea:disabled{background-color:var(--color-border-light);opacity:.5;cursor:not-allowed}input[type=checkbox]{appearance:none;border:2px solid var(--color-surface-border);width:16px;height:16px;box-shadow:1px 1px 0 var(--color-surface-shadow);cursor:pointer;vertical-align:middle;image-rendering:pixelated;background-color:#0000;margin:3px;position:relative}input[type=checkbox]:checked:after{content:"";background-color:var(--color-surface-border);width:2px;height:2px;box-shadow:2px 2px 0 var(--color-surface-border), 4px 4px 0 var(--color-surface-border), 6px 2px 0 var(--color-surface-border), 8px 0px 0 var(--color-surface-border), 10px -2px 0 var(--color-surface-border);position:absolute;top:4.5px}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:var(--color-input-track-bg);border:2px solid var(--color-surface-border);height:20px;box-shadow:inset 2px 2px 0 var(--color-surface-shadow)}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--color-input-slider-bg);width:24px;height:15px;box-shadow:1px 1px 0 var(--color-surface-shadow)}input[type=range]::-moz-range-track{background-color:var(--color-input-track-bg);border:2px solid var(--color-surface-border);height:20px;box-shadow:inset 2px 2px 0 var(--color-surface-shadow);box-sizing:border-box;margin-left:-2px;margin-right:-2px}input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--color-input-slider-bg);width:24px;height:15px;box-shadow:1px 1px 0 var(--color-surface-shadow);border:none;border-radius:0%;transform:translateY(-.5px)}select{appearance:none;background-color:var(--color-btn-bg);color:var(--color-text-primary);border:2px solid var(--color-surface-border);box-shadow:1px 1px 0 var(--color-surface-shadow);cursor:pointer;border-radius:0;outline:none;margin:3px;padding:4px 30px 4px 10px;font-family:Unifont,system-ui,-apple-system,sans-serif}.select-wrapper{display:inline-block;position:relative}.select-wrapper:after{content:"";pointer-events:none;background-color:var(--color-text-primary);width:2px;height:2px;box-shadow:8px 0 0 var(--color-text-primary), 2px 2px 0 var(--color-text-primary), 6px 2px 0 var(--color-text-primary), 4px 4px 0 var(--color-text-primary);position:absolute;top:45%;right:22px;transform:translateY(-50%)}