.ls-board{--_light: var(--ls-light, #ecdab9);--_dark: var(--ls-dark, #c5a076);--_ms: var(--ls-move-ms, .18s);--_ease: var(--ls-ease, cubic-bezier(.2, .7, .25, 1));--_last: var(--ls-last, rgba(255, 235, 0, .5));--_select: var(--ls-select, rgba(245, 158, 11, .2));--_select-edge: var(--ls-select-edge, rgba(245, 158, 11, .9));--_check: var(--ls-check, rgba(220, 38, 38, .78));--_target: var(--ls-target, rgba(0, 0, 0, .2));--_hover: var(--ls-hover, var(--_target));--_premove: var(--ls-premove, rgba(90, 90, 90, .45));position:relative;width:100%;width:round(down,100%,8px);max-width:round(down,100%,8px);aspect-ratio:1;background:var(--_light) var(--ls-board-image, none) center / 100% 100% no-repeat;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;container:lightsquare / inline-size;contain:layout style inline-size;isolation:isolate}.ls-board.ls-interactive{touch-action:none}.ls-layer{position:absolute;inset:0;pointer-events:none}.ls-squares{width:100%;height:100%;fill:var(--_dark);will-change:transform}.ls-marks{z-index:1}.ls-pieces{z-index:2}.ls-coords{z-index:3}.ls-shapes{z-index:4}.ls-over{z-index:5}.ls-overlay{z-index:6}.ls-pieces.ls-lift{z-index:7}.ls-promotion{z-index:8}.ls-piece,.ls-mark,.ls-coord{position:absolute;left:0;top:0;width:12.5%;height:12.5%}.ls-piece{background:center / var(--ls-piece-size, 100%) var(--ls-piece-size, 100%) no-repeat}.ls-wk{background-image:var(--ls-wk)}.ls-wq{background-image:var(--ls-wq)}.ls-wr{background-image:var(--ls-wr)}.ls-wb{background-image:var(--ls-wb)}.ls-wn{background-image:var(--ls-wn)}.ls-wp{background-image:var(--ls-wp)}.ls-bk{background-image:var(--ls-bk)}.ls-bq{background-image:var(--ls-bq)}.ls-br{background-image:var(--ls-br)}.ls-bb{background-image:var(--ls-bb)}.ls-bn{background-image:var(--ls-bn)}.ls-bp{background-image:var(--ls-bp)}.ls-piece.ls-slide{transition:transform var(--_ms) var(--_ease)}.ls-piece.ls-top{z-index:1}.ls-piece.ls-gone{opacity:0;transition:opacity var(--_ms) linear}.ls-piece.ls-dragging{z-index:2;will-change:transform}.ls-mark-last{background:var(--_last)}.ls-mark-premove{background:var(--_premove)}.ls-mark-select{background:var(--_select);box-shadow:inset 0 0 0 max(2px,.5cqw) var(--_select-edge)}.ls-mark-check{background:radial-gradient(circle,var(--_check) 0 30%,transparent 70%)}.ls-mark-dot{background:radial-gradient(circle closest-side,var(--_target) 0 calc(var(--ls-dot-size, .3) * 100% - 2%),transparent calc(var(--ls-dot-size, .3) * 100%))}.ls-mark-take{background:linear-gradient(135deg,var(--_target) 0 11%,transparent 11.6%),linear-gradient(225deg,var(--_target) 0 11%,transparent 11.6%),linear-gradient(315deg,var(--_target) 0 11%,transparent 11.6%),linear-gradient(45deg,var(--_target) 0 11%,transparent 11.6%)}.ls-mark-hover{background:var(--_hover)}@media(hover:hover)and (pointer:fine){.ls-mark-dot,.ls-mark-take{pointer-events:auto;cursor:var(--ls-piece-cursor, pointer)}.ls-mark-dot:hover,.ls-mark-take:hover{background:var(--_hover)}.ls-white-moves .ls-piece[class*=" ls-w"],.ls-black-moves .ls-piece[class*=" ls-b"]{pointer-events:auto;cursor:var(--ls-piece-cursor, pointer)}.ls-board:has(.ls-dragging){cursor:grabbing}}@media(pointer:coarse){.ls-mark-hover{background:none}.ls-mark-hover:after{content:"";position:absolute;inset:-55%;border-radius:50%;background:var(--_hover)}}.ls-coord{box-sizing:border-box;display:flex;padding:.6cqw .9cqw;font-family:var(--ls-coord-font, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);font-size:var(--ls-coord-size, clamp(7px, calc(2.4cqw + 1px) , 12px));font-weight:var(--ls-coord-weight, 600);line-height:1;letter-spacing:.02em}.ls-coord-file{align-items:flex-end;justify-content:flex-end}.ls-coord-light{color:var(--_dark);color:var(--ls-coord-on-light, color-mix(in srgb, var(--_dark) 93%, #000))}.ls-coord-dark{color:var(--_light);color:var(--ls-coord-on-dark, color-mix(in srgb, var(--_light) 95%, #fff))}.ls-shapes{width:100%;height:100%;overflow:hidden}.ls-arrow,.ls-circle{transition:opacity .14s linear,transform .18s var(--_ease)}.ls-arrow stop{stop-color:var(--_shape);stop-opacity:var(--ls-head-opacity, .82)}.ls-arrow stop:first-child{stop-opacity:var(--ls-tail-opacity, .14)}.ls-arrow-preview{opacity:.65;transition:none}.ls-arrow text{fill:#fff;fill:var(--ls-label-text, color-mix(in srgb, var(--_shape) 12%, #fff));stroke:#000;stroke:var(--ls-label-rim, color-mix(in srgb, var(--_shape) 72%, #000));stroke-opacity:.4;stroke-width:.045;stroke-linejoin:round;paint-order:stroke;font-family:ui-rounded,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;text-anchor:middle}.ls-circle{fill:none;stroke:var(--_shape);stroke-width:var(--ls-circle-stroke, .05);opacity:var(--ls-head-opacity, .82)}@starting-style{.ls-arrow:not(.ls-arrow-preview),.ls-circle{opacity:0;transform:scale(.8)}}.ls-promotion{pointer-events:auto}.ls-picker{position:absolute;left:0;top:0;width:12.5%;height:calc(var(--ls-picks, 4) * 12.5%);display:flex;flex-direction:column;overflow:hidden;border-radius:.8cqw;background:var(--_light);background:color-mix(in srgb,var(--_light) 94%,#fff);box-shadow:0 0 0 1px #78552d59,0 .9cqw 2.8cqw #28190a73;transition:opacity .14s linear}.ls-picker-up{flex-direction:column-reverse}.ls-choice{flex:1;margin:0;padding:0;border:0;background-color:transparent;background-position:center;background-size:88% 88%;background-repeat:no-repeat;cursor:pointer}.ls-choice:hover,.ls-choice:focus-visible{background-color:#f59e0b33;outline:none}@starting-style{.ls-picker{opacity:0}}.ls-anchor{position:absolute;left:0;top:0;width:12.5%;height:12.5%}.ls-anchor>*{pointer-events:auto}.ls-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ls-cursor{--_c: var(--ls-cursor, var(--_select-edge));--_w: max(2px, .6cqw);position:absolute;left:0;top:0;z-index:6;width:12.5%;height:12.5%;background:linear-gradient(var(--_c) 0 0) left top / 30% var(--_w),linear-gradient(var(--_c) 0 0) left top / var(--_w) 30%,linear-gradient(var(--_c) 0 0) right top / 30% var(--_w),linear-gradient(var(--_c) 0 0) right top / var(--_w) 30%,linear-gradient(var(--_c) 0 0) left bottom / 30% var(--_w),linear-gradient(var(--_c) 0 0) left bottom / var(--_w) 30%,linear-gradient(var(--_c) 0 0) right bottom / 30% var(--_w),linear-gradient(var(--_c) 0 0) right bottom / var(--_w) 30%;background-repeat:no-repeat;pointer-events:none}.ls-board:focus{outline:none}@media(prefers-reduced-motion:reduce){.ls-board{--_ms: 0ms}.ls-arrow,.ls-circle{transition:none}}