.sb-root{font-family:var(--font-body,system-ui, sans-serif);color:var(--color-text,#1a1a1a);background:var(--color-surface,#fff);box-sizing:border-box;border-radius:.5rem;max-width:100%;padding:.5rem}.sb-root [hidden],.sb-mini [hidden]{display:none!important}.sb-layout{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.sb-boardcol{flex:320px;min-width:0;max-width:560px}.sb-side{flex-direction:column;flex:240px;gap:.75rem;min-width:220px;display:flex}.sb-view{flex-direction:column;gap:.375rem;display:flex}.sb-boardwrap{position:relative}.sb-boardwrap--coords{padding-top:1.25rem;padding-right:1.1rem}.sb-row{display:contents}#board:empty{min-height:714px}@media (width<=700px){#board:empty{min-height:796px}}.sb-grid{grid-template-columns:repeat(var(--sb-files,9), 1fr);grid-template-rows:repeat(var(--sb-ranks,9), 1fr);aspect-ratio:var(--sb-files,9) / calc(var(--sb-ranks,9) * 1.08);border:2px solid var(--board-line,#7a5b3a);background-color:var(--board-wood,#e8c48e);box-sizing:border-box;touch-action:manipulation;background-image:url(/boards/tile_wood1.png);background-size:160px;width:100%;display:grid}.sb-grid:focus{outline:none}.sb-sq{border-right:1px solid var(--board-line,#7a5b3a);border-bottom:1px solid var(--board-line,#7a5b3a);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:relative}.sb-sq:focus{outline:none}.sb-sq:focus-visible,.sb-sq.is-focus:focus{outline:3px solid var(--color-accent,#b0413e);outline-offset:-3px;z-index:2}.sb-piece{object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;width:88%;height:88%}.sb-sq.is-selected{background-color:var(--board-highlight,#2e8b5766)}.sb-sq.is-lastmove{background-color:var(--board-lastmove,#f0b43c59)}.sb-sq.is-check{background-color:var(--board-check,#c8282873)}.sb-sq.is-target:after{content:"";background-color:var(--board-highlight,#2e8b5766);pointer-events:none;border-radius:50%;width:28%;height:28%;position:absolute;box-shadow:0 0 0 1px #00000026}.sb-sq.is-target:has(.sb-piece):after{border:3px solid var(--board-highlight,#2e8b5766);width:82%;height:82%;box-shadow:none;box-sizing:border-box;background-color:#0000}.sb-coords{color:var(--color-text,#1a1a1a);opacity:.75;pointer-events:none;font-size:.7rem;line-height:1;display:flex;position:absolute}.sb-coords--top{top:.15rem;left:0;right:1.1rem}.sb-coords--top span{text-align:center;flex:1}.sb-coords--right{flex-direction:column;width:1.1rem;top:1.25rem;bottom:0;right:0}.sb-coords--right span{flex:1;justify-content:center;align-items:center;display:flex}.sb-hand{background:var(--color-surface,#fff);border:1px solid var(--board-line,#7a5b3a);box-sizing:border-box;border-radius:.375rem;flex-wrap:wrap;gap:.25rem;min-height:2.5rem;padding:.25rem;display:flex}.sb-hand-piece{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;justify-content:center;align-items:center;width:2.5rem;min-width:40px;height:2.5rem;min-height:40px;padding:.1rem;display:flex;position:relative}.sb-hand-piece .sb-piece{width:100%;height:100%}.sb-hand-piece.is-selected{background-color:var(--board-highlight,#2e8b5766);border-color:var(--board-line,#7a5b3a)}.sb-hand-piece:focus-visible{outline:2px solid var(--color-accent,#b0413e)}.sb-hand-count{background:var(--color-accent,#b0413e);color:#fff;text-align:center;box-sizing:border-box;border-radius:.6rem;min-width:1rem;height:1rem;padding:0 .15rem;font-size:.65rem;font-weight:700;line-height:1rem;position:absolute;bottom:-.1rem;right:-.1rem}.sb-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.sb-boardwrap--coords .sb-overlay{width:calc(100% - 1.1rem);height:calc(100% - 1.25rem);top:1.25rem;right:1.1rem}.sb-arrow{stroke:var(--color-accent,#b0413e);stroke-width:1.4px;stroke-linecap:round;opacity:.85}.sb-arrow-head{fill:var(--color-accent,#b0413e);opacity:.85}.sb-arrow-ring{fill:none;stroke:var(--color-accent,#b0413e);stroke-width:1.2px;opacity:.85}.sb-drag-ghost{pointer-events:none;z-index:1000;opacity:.9;position:fixed;transform:translate(-50%,-60%)}.sb-view.is-dragging{cursor:grabbing}.sb-controls{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.sb-btn{border:1px solid var(--board-line,#7a5b3a);background:var(--color-surface,#fff);min-height:40px;color:var(--color-text,#1a1a1a);cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;font-family:inherit;font-size:.85rem}.sb-btn:hover{border-color:var(--color-accent,#b0413e)}.sb-btn:focus-visible{outline:2px solid var(--color-accent,#b0413e);outline-offset:1px}.sb-btn:disabled{opacity:.5;cursor:default}.sb-btn--primary{background:var(--color-accent,#b0413e);border-color:var(--color-accent,#b0413e);color:#fff}.sb-select,.sb-input{border:1px solid var(--board-line,#7a5b3a);background:var(--color-surface,#fff);min-height:40px;color:var(--color-text,#1a1a1a);box-sizing:border-box;border-radius:.375rem;padding:.25rem .5rem;font-family:inherit;font-size:.85rem}.sb-label{align-items:center;gap:.3rem;font-size:.85rem;display:inline-flex}.sb-status{min-height:1.3rem;font-size:.9rem}.sb-counter{font-variant-numeric:tabular-nums;font-size:.9rem}.sb-thinking{opacity:.85;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.sb-thinking:before{content:"";border:2px solid var(--color-accent,#b0413e);border-top-color:#0000;border-radius:50%;width:.75rem;height:.75rem;animation:.9s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-toast{background:var(--color-text,#1a1a1a);color:var(--color-surface,#fff);text-align:center;z-index:6;pointer-events:none;border-radius:.375rem;max-width:90%;padding:.4rem .8rem;font-size:.85rem;position:absolute;bottom:.75rem;left:50%;transform:translate(-50%)}.sb-promo-backdrop{z-index:5;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sb-promo{background:var(--color-surface,#fff);color:var(--color-text,#1a1a1a);text-align:center;border-radius:.5rem;padding:.75rem;box-shadow:0 4px 16px #0000004d}.sb-promo p{margin:0 0 .5rem;font-size:.9rem}.sb-promo-choices{justify-content:center;gap:.5rem;display:flex}.sb-promo-btn{border:2px solid var(--board-line,#7a5b3a);background:var(--color-surface,#fff);cursor:pointer;width:4rem;height:4.5rem;color:var(--color-text,#1a1a1a);border-radius:.375rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.25rem;font-size:.7rem;display:flex}.sb-promo-btn img{object-fit:contain;width:2.5rem;height:2.5rem}.sb-promo-btn:hover,.sb-promo-btn:focus-visible{border-color:var(--color-accent,#b0413e);outline:none}.sb-end{z-index:5;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sb-end-card{background:var(--color-surface,#fff);color:var(--color-text,#1a1a1a);text-align:center;border-radius:.5rem;max-width:85%;padding:1rem 1.5rem;box-shadow:0 4px 16px #0000004d}.sb-end-card h2{margin:0 0 .25rem;font-size:1.15rem}.sb-end-card p{margin:0 0 .75rem;font-size:.9rem}.sb-movelist{background:var(--color-surface,#fff);border:1px solid var(--board-line,#7a5b3a);border-radius:.375rem;max-height:16rem;padding:.5rem;font-size:.85rem;overflow-y:auto}.sb-movelist ol{margin:0;padding-left:1.5rem}.sb-movelist li{padding:.1rem 0}.sb-movelist li.is-current{color:var(--color-accent,#b0413e);font-weight:700}.sb-movelist-empty{opacity:.6}.sb-palette{flex-direction:column;gap:.25rem;display:flex}.sb-palette-row{flex-wrap:wrap;gap:.2rem;display:flex}.sb-palette-piece{border:1px solid var(--board-line,#7a5b3a);background:var(--color-surface,#fff);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;width:2.5rem;min-width:40px;height:2.5rem;min-height:40px;padding:.1rem;display:flex}.sb-palette-piece img{object-fit:contain;pointer-events:none;width:100%;height:100%}.sb-palette-piece.is-selected{background-color:var(--board-highlight,#2e8b5766);border-color:var(--color-accent,#b0413e)}.sb-palette-piece:focus-visible{outline:2px solid var(--color-accent,#b0413e)}.sb-sfen-out{width:100%;font-family:ui-monospace,monospace;font-size:.75rem}.sb-annotation{background:var(--color-surface,#fff);border:1px solid var(--board-line,#7a5b3a);box-sizing:border-box;border-radius:.375rem;min-height:2.25rem;padding:.5rem .75rem;font-size:.9rem}.sb-success{background:var(--board-highlight,#2e8b5766);border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem}.sb-shake{animation:.3s sb-shake}@keyframes sb-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sb-mini{max-width:100%}.sb-mini svg{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.sb-root *,.sb-mini *,.sb-view *{transition:none!important;animation:none!important}.sb-shake{animation:none}.sb-thinking:before{border-top-color:var(--color-accent,#b0413e);animation:none}}@media (width<=480px){.sb-layout{flex-direction:column}.sb-boardcol,.sb-side{flex:auto;width:100%;max-width:none}}