:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:color-mix(in srgb, var(--theme-dark,#888) 8%, transparent);overflow-x:hidden}body{background:color-mix(in srgb, var(--theme-dark,#888) 8%, transparent);min-height:100dvh;margin:0;font-family:system-ui,sans-serif;overflow-x:hidden}select,button{font:inherit}select{appearance:none;background-color:color-mix(in srgb, var(--theme-dark,#888) 20%, Canvas);color:inherit;border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px;border-radius:6px;padding:.4rem 1.75rem .4rem .6rem}.app{box-sizing:border-box;text-align:center;width:100%;max-width:900px;margin:0 auto;padding:1.5rem}.game{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.board-column{flex-direction:column;align-items:center;display:flex}.board-wrapper{line-height:0;position:relative;box-shadow:0 2px 12px #0000004d}.board-wrapper canvas{cursor:pointer;display:block}.captured-row{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;min-height:4rem;display:flex}.captured-pieces{align-items:center;gap:.15rem;display:flex}.captured-piece-icon{width:2.5rem;height:2.5rem}@media (prefers-color-scheme:dark){.captured-piece-icon-black{filter:drop-shadow(1px 0 #fff)drop-shadow(-1px 0 #fff)drop-shadow(0 1px #fff)drop-shadow(0 -1px #fff)}}.promotion-overlay{color:#fff;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.promotion-choices{gap:.5rem;display:flex}.promotion-choices button{cursor:pointer;padding:.5rem .75rem}.game-info{box-sizing:border-box;text-align:left;grid-template-columns:1fr 1fr;gap:1rem;min-width:200px;display:grid}.info-left-column{flex-direction:column;gap:.75rem;display:flex}@media (width<=640px){.game-info{grid-template-columns:1fr}.info-left-column{display:contents}.legend-box{order:1}.status{order:2}.move-history-box{order:3}.controls-grid{order:4}.controls{order:5}}.board-theme-select,.mode-select,.color-select,.difficulty-select{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;border-radius:6px;min-height:2.85rem;padding:.4rem .75rem}.board-theme-select{align-items:center;gap:.5rem;display:flex}.mode-select,.color-select{align-items:center;display:flex}.difficulty-select{align-items:center;gap:.5rem;display:flex}.controls-grid{flex-direction:column;gap:.75rem;display:flex}.toggle-switch{align-items:center;gap:.5rem;display:flex}.toggle-switch span{white-space:nowrap;cursor:pointer;font-weight:500}.toggle-switch span.active{font-weight:700}.switch{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#80808066;border-radius:22px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--theme-dark,#c9a227)}input:checked+.slider:before{transform:translate(18px)}.status{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;border-radius:6px;align-items:center;min-height:2.85rem;margin:0;padding:.4rem .75rem;font-weight:600;display:flex}.controls{gap:.5rem;display:flex}.controls button{cursor:pointer;background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);color:inherit;border-radius:6px;flex:1;padding:.5rem 1rem}.controls button:hover:not(:disabled){background:color-mix(in srgb, var(--theme-dark,#888) 30%, transparent)}.controls button:disabled{opacity:.5;cursor:default}.move-history-box{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;max-height:var(--info-left-column-height,none);border-radius:6px;flex-direction:column;padding:.5rem .7rem;display:flex}.move-history-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;display:flex}.move-history-heading h3{margin:0;font-size:1rem;font-weight:400}.move-history-heading button{cursor:pointer;background-color:color-mix(in srgb, var(--theme-dark,#888) 20%, Canvas);border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);color:inherit;border-radius:6px;padding:.2rem .6rem;font-size:1rem}.move-history-heading button:hover{background-color:color-mix(in srgb, var(--theme-dark,#888) 32%, Canvas)}.move-history-scroll{flex:1;min-height:0;overflow-y:auto}@media (width<=640px){.move-history-box{max-height:none}.move-history-scroll{max-height:300px}}.move-history-table{border-collapse:collapse;width:100%}.move-history-table td{padding:.15rem .4rem .15rem 0}.move-history-table td.move-number{padding-right:.3rem}.legend-box{background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);box-sizing:border-box;border-radius:6px;padding:.5rem .7rem}.legend-heading{margin:0 0 .4rem;font-size:1rem;font-weight:400}.piece-value-legend{margin:0}.legend-piece-icon{vertical-align:middle;width:1.8rem;height:1.8rem}.app-footer{margin-top:2rem}.app-footer p{margin:.25rem 0}.footer-link-button{font:inherit;color:linktext;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:underline}.info-modal{background:color-mix(in srgb, var(--theme-dark,#888) 20%, Canvas);color:canvastext;z-index:2000;overscroll-behavior:contain;box-sizing:border-box;padding:calc(2rem + 4px) calc(1.5rem + 4px);position:fixed;inset:-4px;overflow-y:auto}.info-modal-content{text-align:left;max-width:700px;margin:0 auto}.info-modal-header{border-bottom:2px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.info-modal-header h2{margin:0;font-size:1.2rem}.info-modal-close{cursor:pointer;background:color-mix(in srgb, var(--theme-dark,#888) 18%, transparent);border:1px solid color-mix(in srgb, var(--theme-dark,#888) 45%, transparent);color:inherit;border-radius:6px;padding:.5rem 1rem;font-size:1rem}.info-modal-close:hover{background:color-mix(in srgb, var(--theme-dark,#888) 30%, transparent)}.info-modal-text{font-size:1rem;line-height:1.6}.info-modal-text p{margin:0 0 1rem}.info-modal-text h3,.info-modal-text h4,.info-modal-text h5,.info-modal-text h6{margin:1.5rem 0 .75rem}.info-modal-text ol,.info-modal-text ul{margin:0 0 1rem;padding-left:1.5rem}.info-modal-text li{margin-bottom:.5rem}.info-modal-text code{background:#80808026;border-radius:3px;padding:.1em .3em;font-family:monospace;font-size:.9em}.markdown-code code{background:0 0;padding:0}.markdown-code{white-space:pre-wrap;word-break:break-word;background:#8080801f;border-radius:4px;margin:0 0 1rem;padding:1rem;font-family:monospace;font-size:.85rem;line-height:1.5}.markdown-table{border-collapse:collapse;margin:0 0 1rem;font-size:.95rem}.markdown-table th,.markdown-table td{text-align:left;border:1px solid;padding:.4rem .6rem}.info-modal-footer{text-align:right;border-top:2px solid;margin-top:1.5rem;padding-top:1rem}