.clock-grid[data-v-33f2ad3c]{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.clock-side[data-v-33f2ad3c]{border:2px solid var(--color-border-medium);box-shadow:2px 2px 0 var(--color-surface-shadow);justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.clock-side.side-white[data-v-33f2ad3c]{background-color:var(--color-board-light);color:var(--color-board-dark)}.clock-side.side-black[data-v-33f2ad3c]{background-color:var(--color-board-dark);color:var(--color-board-light)}.clock-side.is-active[data-v-33f2ad3c]{border-color:var(--color-highlight)}.clock-side.is-low-time[data-v-33f2ad3c]{border-color:var(--color-danger,#dc3545)}.clock-time[data-v-33f2ad3c]{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:1rem}.clock-time.text-low-time[data-v-33f2ad3c]{color:var(--color-danger,#dc3545);font-weight:700}.dialogue-card[data-v-91fe8b70]{background:var(--color-page-bg);align-items:flex-start;gap:12px;padding:12px;display:flex}.ai-avatar[data-v-91fe8b70]{flex-shrink:0;overflow:hidden}.avatar-img[data-v-91fe8b70]{object-fit:cover;width:90px;height:90px;display:block}.dialogue-bubble[data-v-91fe8b70]{word-break:break-word;white-space:pre-wrap;flex:1;min-width:0;padding:5px 0;font-size:.9rem;line-height:1.6;position:relative}.sidebar[data-v-a6ecf305]{width:100%;max-width:350px;color:var(--color-text-primary);flex-direction:column;gap:1rem;padding:1rem;display:flex;position:relative}.game-status[data-v-a6ecf305]{text-align:center;padding:.75rem;font-weight:700;transition:background-color .2s,color .2s}.game-status.turn-black[data-v-a6ecf305]{background-color:var(--color-board-dark);color:var(--color-board-light)}.game-status.turn-black .status-message[data-v-a6ecf305],.game-status.turn-black .current-turn[data-v-a6ecf305]{color:var(--color-board-light)}.game-status.turn-white[data-v-a6ecf305]{background-color:var(--color-board-light);color:var(--color-board-dark)}.game-status.turn-white .status-message[data-v-a6ecf305],.game-status.turn-white .current-turn[data-v-a6ecf305]{color:var(--color-board-dark)}.status-message[data-v-a6ecf305],.current-turn[data-v-a6ecf305]{font-size:.9rem}.material-row[data-v-a6ecf305]{justify-content:space-between;align-items:center;width:100%;display:flex}.material-diff[data-v-a6ecf305]{flex:1;align-items:center;min-height:1.5rem;margin-left:2px;font-size:1rem;line-height:1.5rem;display:flex}.flip-sidebar-btn[data-v-a6ecf305]{flex-shrink:0;padding:.2rem .5rem}.button-group[data-v-a6ecf305]{flex-direction:row;gap:.5rem;width:100%;display:flex}.button-group .btn[data-v-a6ecf305]{flex:1;width:auto;padding:.35rem .15rem}.modal-backdrop[data-v-a6ecf305]{background-color:var(--color-overlay-heavy);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box[data-v-a6ecf305]{background:var(--color-surface);text-align:center;width:90%;max-width:280px;padding:1.5rem}.dialog-message[data-v-a6ecf305]{margin-bottom:1rem;font-size:.85rem}.dialog-buttons[data-v-a6ecf305]{justify-content:space-around;gap:.5rem;display:flex}.dialog-buttons .btn[data-v-a6ecf305]{flex:1;padding:.25rem .5rem;font-size:.9rem}.settings-list[data-v-a6ecf305]{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.setting-item[data-v-a6ecf305]{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.setting-label[data-v-a6ecf305]{font-weight:700}.custom-checkbox[data-v-a6ecf305]{cursor:pointer;width:1rem;height:1rem}.select-wrapper[data-v-a6ecf305]{width:auto}.btn-flip[data-v-a6ecf305]{justify-content:center;align-items:center;gap:.2rem;padding:.4rem .6rem;line-height:1;display:inline-flex}.btn-flip .btn-icon[data-v-a6ecf305]{flex-shrink:0;justify-content:center;align-items:center;width:1.8em;height:1.8rem;display:inline-flex}.btn-icon[data-v-a6ecf305] svg{width:100%;height:100%;display:block}.button-group .btn[data-v-a6ecf305]{justify-content:center;align-items:center;gap:.15em;display:inline-flex}.modal-backdrop[data-v-12c188ac]{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-12c188ac]{background:var(--color-surface);text-align:center;width:90%;max-width:280px;box-shadow:none;padding:1.5rem}.dialog-title[data-v-12c188ac]{margin-bottom:1rem;font-weight:700}.dialog-buttons[data-v-12c188ac]{justify-content:space-around;gap:.5rem;display:flex}.dialog-buttons .btn[data-v-12c188ac]{flex:1;padding:.25rem .5rem;font-size:.8rem}.settings-list[data-v-12c188ac]{text-align:left;flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.setting-item[data-v-12c188ac]{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.setting-label[data-v-12c188ac]{font-weight:700}.custom-checkbox[data-v-12c188ac]{cursor:pointer;width:1rem;height:1rem}.select-wrapper[data-v-12c188ac]{width:auto}.home-panel[data-v-f12035ed]{text-align:center;flex-direction:column;align-items:center;gap:40px;display:flex}.title-section[data-v-f12035ed]{flex-direction:column;align-items:center;gap:8px;display:flex}.title-img[data-v-f12035ed]{object-fit:contain;width:100%;max-width:min(80vw,500px);height:auto;max-height:30vh}.home-buttons[data-v-f12035ed]{flex-direction:column;gap:16px;width:260px;display:flex}.btn-home[data-v-f12035ed]{width:100%;padding:14px 0;font-size:1.15rem;font-weight:600}.setup-panel[data-v-f12035ed]{-webkit-overflow-scrolling:touch;background:var(--color-surface);min-width:min(560px,100%);box-shadow:2px 2px 0 var(--color-surface-shadow);flex-direction:column;padding:20px;display:flex;overflow-y:auto}.title[data-v-f12035ed]{text-align:center;margin:0 0 12px;font-size:1.2rem;font-weight:700}.setup-section[data-v-f12035ed]{margin-bottom:16px}.setup-section h3[data-v-f12035ed]{margin:0 0 8px;font-size:1rem}.option-group[data-v-f12035ed]{box-sizing:border-box;flex-wrap:nowrap;gap:10px;width:100%;min-width:0;max-width:100%;padding-bottom:6px;display:flex;overflow:auto hidden}.option-card-btn[data-v-f12035ed]{border:2px solid var(--color-border-light);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;transition:all .1s;display:inline-flex}.option-card-btn input[type=radio][data-v-f12035ed]{display:none}.difficulty-card-btn[data-v-f12035ed]{justify-content:center;width:40px;height:40px;padding:0}.option-card-btn.active[data-v-f12035ed]{border:2px solid var(--color-highlight)}.card-icon[data-v-f12035ed]{flex-shrink:0;width:1.8em;height:1.8rem}.starter-card-btn[data-v-f12035ed]{flex-direction:column;min-width:80px;padding:12px 16px}.starter-icon[data-v-f12035ed]{object-fit:contain;width:100%;height:100%}.fen-input[data-v-f12035ed]{width:100%;margin-top:10px}.fen-hint[data-v-f12035ed]{color:var(--color-error);margin:4px 0 0;font-size:.85rem}.slider-row[data-v-f12035ed]{grid-template-columns:100px 1fr 100px;align-items:center;gap:16px;margin-bottom:12px;display:grid}.slider-row input[type=range][data-v-f12035ed]{width:100%}.slider-row strong[data-v-f12035ed]{text-align:right;white-space:nowrap}.preset-clock-group[data-v-f12035ed]{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.preset-btn[data-v-f12035ed]{background-color:#0000;padding:2px 4px;font-family:Unifont,system-ui,-apple-system,sans-serif;font-size:.8rem}@media (width<=480px){.slider-row[data-v-f12035ed]{flex-wrap:wrap;justify-content:space-between;gap:8px 0;display:flex}.slider-row span[data-v-f12035ed]{font-weight:500}.slider-row strong[data-v-f12035ed]{text-align:right}.slider-row input[type=range][data-v-f12035ed]{order:3;width:100%;margin-top:4px}}.error-message[data-v-f12035ed]{color:var(--color-error);margin:0 0 12px;font-size:.95rem}.setup-actions[data-v-f12035ed]{gap:12px;display:flex}.start-btn[data-v-f12035ed]{flex:1}.promotion[data-v-907b317c]{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-907b317c]{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-907b317c]:hover{background:var(--color-overlay-hover)}.promote-btn img[data-v-907b317c]{object-fit:contain;box-sizing:border-box;width:100%;height:100%}.game-panel[data-v-19bd4185]{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:80vmin;display:flex}.board-frame[data-v-19bd4185]{aspect-ratio:1;box-sizing:border-box;width:80vmin;max-width:calc(100vh - 120px);margin:0 auto;position:relative;overflow:visible}.board-frame.coordinates-outside[data-v-19bd4185]{padding:0}.board-grid[data-v-19bd4185]{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-19bd4185]{cursor:default;background:0 0;border:none;padding:0;position:relative;overflow:visible}.board-square[data-v-19bd4185]:focus,.board-square[data-v-19bd4185]:focus-visible,.board-square[data-v-19bd4185]:active{box-shadow:none!important;outline:none!important}.board-square.draggable-piece[data-v-19bd4185]{cursor:grab}.square-background[data-v-19bd4185],.piece[data-v-19bd4185]{display:block}.square-background.base[data-v-19bd4185]{object-fit:cover;width:100%;height:100%}.square-background.overlay[data-v-19bd4185]{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.piece[data-v-19bd4185]{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-19bd4185]{opacity:0}.floating-piece[data-v-19bd4185]{pointer-events:none;z-index:9999;transform:translate(-50%, -50%) scale(var(--piece-scale));position:fixed}.coordinate-label[data-v-19bd4185]{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-19bd4185]{pointer-events:none;position:absolute;inset:0}.coordinate-bottom-row[data-v-19bd4185]{height:1rem;position:absolute;bottom:-1.25rem;left:0;right:0}.coordinate-side-col[data-v-19bd4185]{width:1rem;position:absolute;top:0;bottom:0;left:-1.25rem}.coordinate-label.outer-file[data-v-19bd4185]{color:var(--color-text-secondary);text-align:center;font-size:.85rem;position:absolute;transform:translate(-50%)}.coordinate-label.outer-rank[data-v-19bd4185]{color:var(--color-text-secondary);text-align:center;width:100%;font-size:.85rem;position:absolute;transform:translateY(-50%)}.coordinate-label.rank[data-v-19bd4185]{top:2px;left:4px}.coordinate-label.file[data-v-19bd4185]{bottom:3px;right:4px}.coordinate-label.text-black[data-v-19bd4185]{color:var(--color-board-dark)}.coordinate-label.text-white[data-v-19bd4185]{color:var(--color-board-light)}.promotion-overlay[data-v-19bd4185]{background:var(--color-overlay-medium);z-index:50;position:absolute;inset:0}.game-container[data-v-7bda43db]{box-sizing:border-box;width:100%;min-height:100vh;color:var(--color-text-primary);cursor:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;padding:60px 20px 20px;font-family:Unifont,system-ui,-apple-system,sans-serif;display:flex;position:relative}.game-container.global-dragging[data-v-7bda43db],.game-container.global-dragging[data-v-7bda43db] *{cursor:grabbing!important}.top-right-fabs[data-v-7bda43db]{z-index:10000;gap:10px;display:flex;position:absolute;top:16px;right:16px}.fab-btn[data-v-7bda43db]{width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.4rem;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.fab-btn:hover .fab-icon[data-v-7bda43db] svg{opacity:.8}.fab-icon[data-v-7bda43db]{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.fab-icon[data-v-7bda43db] svg{width:100%;height:100%;display:block}: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-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}body,html,canvas,img{image-rendering:pixelated;image-rendering:crisp-edges;-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;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;-ms-interpolation-mode:nearest-neighbor}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}.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-border);border:2px solid var(--color-border-light);box-sizing:border-box;caret-color:var(--color-border);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:#2b2b2b;width:2px;height:2px;position:absolute;top:45%;right:22px;transform:translateY(-50%);box-shadow:8px 0 #2b2b2b,2px 2px #2b2b2b,6px 2px #2b2b2b,4px 4px #2b2b2b}