.cb-root{--cb-draw-shift:var(--color-draw-shift);--cb-draw-alt:var(--color-draw-alt);--cb-draw-ctrl:var(--color-draw-ctrl);width:100%;position:relative;container-type:inline-size}.cb-root[data-coords=outside]{box-sizing:border-box;padding:0 0 1.25rem 1.25rem}.cb-frame{aspect-ratio:1;-webkit-user-select:none;user-select:none;background:repeating-conic-gradient(var(--cb-dark) 0 25%, var(--cb-light) 0 50%) 0 0 / 25% 25%;border-radius:2px;width:100%;position:relative;overflow:hidden}.cb-square{width:100%;height:100%;position:relative}.cb-square[data-movable=true]{cursor:pointer}.cb-piece-layer{z-index:2;width:100%;height:100%;position:relative}.cb-mark,.cb-dot{pointer-events:none;position:absolute}.cb-mark{z-index:0;inset:0}.cb-mark[data-kind=lastMove]{background:var(--cb-last-move)}.cb-mark[data-kind=select]{background:var(--cb-highlight)}.cb-mark[data-kind=check]{background:color-mix(in oklab, var(--cb-check) 42%, transparent);box-shadow:inset 0 0 0 3px var(--cb-check)}.cb-mark[data-kind=premove]{background:#407bc58c;background:lab(50.5212% -1.27023 -45.028/.55)}.cb-mark[data-kind=hint]{box-shadow:inset 0 0 0 3px var(--cb-arrow)}.cb-mark[data-kind=correct]{background:color-mix(in oklab, var(--color-correct,#00856e) 45%, transparent);box-shadow:inset 0 0 0 3px var(--color-correct,#00856e)}@supports (color:lab(0% 0 0)){.cb-mark[data-kind=correct]{background:color-mix(in oklab, var(--color-correct,lab(49.222% -38.887 3.35286)) 45%, transparent);box-shadow:inset 0 0 0 3px var(--color-correct,lab(49.222% -38.887 3.35286))}}.cb-mark[data-kind=wrong]{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--color-wrong,#ba2b28) 50%, transparent) 0 6px, color-mix(in oklab, var(--color-wrong,#ba2b28) 25%, transparent) 6px 12px);box-shadow:inset 0 0 0 3px var(--color-wrong,#ba2b28)}@supports (color:lab(0% 0 0)){.cb-mark[data-kind=wrong]{background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--color-wrong,lab(42.5342% 56.5687 38.8104)) 50%, transparent) 0 6px, color-mix(in oklab, var(--color-wrong,lab(42.5342% 56.5687 38.8104)) 25%, transparent) 6px 12px);box-shadow:inset 0 0 0 3px var(--color-wrong,lab(42.5342% 56.5687 38.8104))}}.cb-ring{z-index:3;box-shadow:inset 0 0 0 max(3px, .8cqi) var(--ring);pointer-events:none;--ring:var(--cb-arrow);border-radius:50%;position:absolute;inset:5%}.cb-ring[data-color=shift]{--ring:var(--cb-draw-shift)}.cb-ring[data-color=alt]{--ring:var(--cb-draw-alt)}.cb-ring[data-color=ctrl]{--ring:var(--cb-draw-ctrl)}.cb-dot{z-index:3;background:var(--cb-dot);border-radius:50%;width:28%;height:28%;top:50%;left:50%;translate:-50% -50%}.cb-flash{z-index:20;pointer-events:none;box-shadow:inset 0 0 0 max(4px, 1cqi) var(--flash-color);position:absolute;inset:0}.cb-flash[data-kind=correct]{--flash-color:var(--color-correct,#00856e);background:color-mix(in oklab, var(--flash-color) 14%, transparent)}@supports (color:lab(0% 0 0)){.cb-flash[data-kind=correct]{--flash-color:var(--color-correct,lab(49.222% -38.887 3.35286))}}.cb-flash[data-kind=wrong]{--flash-color:var(--color-wrong,#ba2b28);background:repeating-linear-gradient(135deg, color-mix(in oklab, var(--flash-color) 18%, transparent) 0 10px, transparent 10px 20px)}@supports (color:lab(0% 0 0)){.cb-flash[data-kind=wrong]{--flash-color:var(--color-wrong,lab(42.5342% 56.5687 38.8104))}}@media (prefers-reduced-motion:no-preference){.cb-flash{animation:cb-flash-out .9s var(--ease-out,ease-out) forwards}.cb-root[data-flash=wrong] .cb-frame{animation:cb-nudge .26s var(--ease-out,ease-out)}}@keyframes cb-flash-out{0%,35%{opacity:1}to{opacity:0}}@keyframes cb-nudge{0%,to{translate:0}30%{translate:-.6cqi}65%{translate:.6cqi}}.cb-square[data-feedback]{z-index:4}.cb-badge{z-index:5;aspect-ratio:1;background:var(--color-correct,#00856e);width:44%;color:var(--color-correct-text,#fcfcfc);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:-5%;right:-5%;box-shadow:0 2px 8px #00000059;box-shadow:0 2px 8px lab(0% 0 0/.35)}@supports (color:lab(0% 0 0)){.cb-badge{background:var(--color-correct,lab(49.222% -38.887 3.35286));color:var(--color-correct-text,lab(98.84% .0000298023 -.0000119209))}}.cb-badge svg{width:62%;height:62%}@media (prefers-reduced-motion:no-preference){.cb-square[data-feedback=confirm] [data-piece]{animation:cb-pop .55s var(--ease-out,ease-out) both}.cb-badge{animation:.5s cubic-bezier(.2,1.6,.4,1) .12s both cb-badge-in}.cb-square[data-feedback=reject] [data-piece]{animation:cb-shake .42s var(--ease-out,ease-out)}.cb-badge[data-kind=reject]{animation:cb-x 1.6s var(--ease-out,ease-out) both}}.cb-rejected{z-index:1;background:color-mix(in oklab, var(--color-wrong,#ed756a) 52%, transparent);box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--color-wrong,#ed756a) 85%, #000)}@supports (color:lab(0% 0 0)){.cb-rejected{background:color-mix(in oklab, var(--color-wrong,lab(63.7748% 46.489 28.8968)) 52%, transparent);box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--color-wrong,lab(63.7748% 46.489 28.8968)) 85%, lab(0% 0 0))}}.cb-badge[data-kind=reject]{width:33%;box-shadow:none;color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);filter:drop-shadow(0 0 1.5px #400d0a)drop-shadow(0 1px 1px #00000080);filter:drop-shadow(0 0 1.5px lab(12.2129% 25.0798 14.7445))drop-shadow(0 1px 1px lab(0% 0 0/.5));background:0 0;border-radius:0;top:3%;right:3%}.cb-badge[data-kind=reject] svg{width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.cb-rejected{animation:cb-tint 1.6s var(--ease-out,ease-out) both}}@media (prefers-reduced-motion:reduce){.cb-badge[data-kind=reject],.cb-rejected{animation:1.6s linear both cb-x-fade}}@keyframes cb-tint{0%{opacity:0}8%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes cb-x{0%{opacity:0;scale:.4}14%{opacity:1;scale:1}80%{opacity:1}to{opacity:0}}@keyframes cb-x-fade{0%,80%{opacity:1}to{opacity:0}}@keyframes cb-pop{0%{scale:.82}55%{scale:1.1}to{scale:1}}@keyframes cb-badge-in{0%{scale:0}to{scale:1}}@keyframes cb-shake{0%,to{translate:0}20%{translate:-9%}40%{translate:8%}60%{translate:-5%}80%{translate:3%}}.cb-promo-backdrop{z-index:30;cursor:default;background:#080c0f73;background:lab(3.03964% -.478722 -2.0547/.45);border:0;padding:0;position:absolute;inset:0}.cb-promo{z-index:31;background:#f8f5ef;background:lab(96.5523% .22459 3.04749);border:0;border-radius:4px;flex-direction:column;width:12.5%;min-width:0;height:50%;margin:0;padding:0;display:flex;position:absolute;box-shadow:0 6px 24px #050c1359;box-shadow:0 6px 24px lab(3.01922% -.727452 -4.46609/.35)}.cb-promo[data-edge=top]{top:0}.cb-promo[data-edge=bottom]{flex-direction:column-reverse;bottom:0}.cb-promo-option{cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;min-height:0;padding:6%}.cb-promo-option[data-piece=q]{background:#e7ddc8;background:lab(88.5088% 1.0595 11.5849)}.cb-promo-option img{width:100%;height:100%;display:block}.cb-promo-option:hover,.cb-promo-option:focus-visible{background:#c2dbf1;background:lab(86.0745% -5.07656 -13.5943);outline:none}.cb-promo-option:focus-visible{box-shadow:inset 0 0 0 2px #005991;box-shadow:inset 0 0 0 2px lab(35.7602% -6.53732 -38.8476)}.cb-coords{font:600 .7rem / 1 var(--font-sans,system-ui);color:var(--color-muted,#615d56);pointer-events:none;display:flex;position:absolute}@supports (color:lab(0% 0 0)){.cb-coords{color:var(--color-muted,lab(39.7252% .395209 4.61195))}}.cb-coords>span{flex:1;place-items:center;display:grid}.cb-coords-files{height:1.25rem;bottom:0;left:1.25rem;right:0}.cb-coords-ranks{flex-direction:column;width:1.25rem;top:0;bottom:1.25rem;left:0}.cb-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cb-thumb{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;background:conic-gradient(from 270deg, var(--cb-thumb-light) 25%, var(--cb-thumb-dark) 0 50%, var(--cb-thumb-light) 0 75%, var(--cb-thumb-dark) 0) 0 0 / 25% 25%;border-radius:2px;grid-template:repeat(8,1fr)/repeat(8,1fr);width:100%;display:grid;overflow:hidden}.cb-thumb .p{background-position:50%;background-repeat:no-repeat;background-size:contain}.cb-thumb-lm{background:var(--cb-thumb-last)}