.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{user-select:none;background-size:cover;width:100%;height:100%;line-height:0;position:absolute;top:0;left:0}.cg-wrap.manipulable cg-board{cursor:pointer}cg-board square{pointer-events:none;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board square.move-dest{pointer-events:auto}cg-board square.last-move{will-change:transform}.cg-wrap piece{z-index:2;will-change:transform;pointer-events:none;background-size:cover;width:12.5%;height:12.5%;position:absolute;top:0;left:0}cg-board piece.dragging{cursor:move;z-index:11!important}piece.anim{z-index:8}piece.fading{z-index:1;opacity:.5}.cg-wrap piece.ghost{opacity:.3}.cg-wrap piece svg{pointer-events:none;z-index:2;opacity:.6;width:100%;height:100%;position:relative;top:0;left:0;overflow:hidden}.cg-wrap cg-auto-pieces,.cg-wrap .cg-shapes,.cg-wrap .cg-custom-svgs{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.cg-wrap cg-auto-pieces{z-index:2}.cg-wrap cg-auto-pieces piece{opacity:.3}.cg-wrap .cg-shapes{opacity:.6;z-index:2;overflow:hidden}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg{overflow:visible}.cg-wrap coords{pointer-events:none;opacity:.8;font-family:sans-serif;font-size:9px;display:flex;position:absolute}.cg-wrap coords.ranks{flex-flow:column-reverse;width:12px;height:100%;top:-20px;left:4px}.cg-wrap coords.ranks.left{align-items:flex-end;left:-15px}.cg-wrap coords.files{text-transform:uppercase;text-align:center;flex-flow:row;width:100%;height:16px;bottom:-4px;left:24px}.cg-wrap coords coord{flex:auto}.cg-wrap coords.squares{text-transform:uppercase;text-align:right;flex-flow:column-reverse;width:12.5%;height:100%;bottom:0;left:0}.cg-wrap coords.squares.black{flex-flow:column}.cg-wrap coords.squares.left{text-align:left}.cg-wrap coords.squares coord{padding:6% 4%}.cg-wrap coords.squares.rank2{transform:translate(100%)}.cg-wrap coords.squares.rank3{transform:translate(200%)}.cg-wrap coords.squares.rank4{transform:translate(300%)}.cg-wrap coords.squares.rank5{transform:translate(400%)}.cg-wrap coords.squares.rank6{transform:translate(500%)}.cg-wrap coords.squares.rank7{transform:translate(600%)}.cg-wrap coords.squares.rank8{transform:translate(700%)}.mcc-board{width:100%;max-width:var(--mcc-board-max);padding:var(--mcc-board-inset) var(--mcc-board-inset) calc(var(--mcc-board-inset) + var(--mcc-coord-gutter)) calc(var(--mcc-board-inset) + var(--mcc-coord-gutter));border:3px solid var(--mcc-board-border);box-shadow:var(--shadow-board);border-radius:2px;margin-inline:auto}.mcc-board-host{aspect-ratio:1;width:100%;display:block}.cg-wrap cg-container{margin:auto;inset:0}cg-board{background-color:var(--mcc-board-light);background-image:repeating-conic-gradient(var(--mcc-board-dark) 0% 25%, var(--mcc-board-light) 0% 50%);background-position:0 0;background-size:25% 25%}cg-board:before{content:"";background-image:var(--mcc-board-texture);pointer-events:none;position:absolute;inset:0}cg-board square.last-move{background-color:var(--mcc-board-last-move)}cg-board square.selected{background-color:var(--mcc-board-selected)}cg-board square.check{background:radial-gradient(ellipse at center, var(--mcc-board-check) 0%, var(--mcc-board-check) 32%, #9f3c2d00 78%)}cg-board square.move-dest{background:radial-gradient(var(--mcc-board-hint) 20%, #0000 22%)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%, transparent 79%, var(--mcc-board-hint) 80%)}cg-board square.mcc-pulse{animation:mcc-square-pulse var(--motion-transition) var(--ease-transition) 1}@keyframes mcc-square-pulse{0%{box-shadow:inset 0 0 0 .28em var(--mcc-board-pulse)}to{box-shadow:inset 0 0 0 .28em #0000}}@media (prefers-reduced-motion:reduce){cg-board square.mcc-pulse{box-shadow:inset 0 0 0 .28em var(--mcc-board-pulse);animation:none}}.mcc-board{--mcc-coord-gutter:1.15rem;--mcc-board-inset:.4rem}.cg-wrap coords{color:var(--mcc-board-coord);font-family:var(--font-notation);opacity:1;pointer-events:none;font-size:.6875rem;font-weight:600;display:flex;position:absolute}.cg-wrap coords.files{inset:auto 0 calc(-1 * var(--mcc-coord-gutter)) 0;width:auto;height:var(--mcc-coord-gutter);text-transform:none;flex-flow:row;align-items:center}.cg-wrap coords.files.black{flex-flow:row-reverse}.cg-wrap coords.ranks{inset:0 auto 0 calc(-1 * var(--mcc-coord-gutter));width:var(--mcc-coord-gutter);flex-flow:column-reverse;align-items:center;height:auto}.cg-wrap coords.ranks.black{flex-flow:column}.cg-wrap coords coord{flex:1 1 0;justify-content:center;align-items:center;display:flex}.cg-wrap coords.ranks coord{transform:none}@media (prefers-reduced-motion:reduce){.cg-wrap piece.anim{transition:none!important}}.mcc-board-block{margin-block:.75rem}.mcc-board-tag{color:var(--mcc-text-secondary);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.mcc-board-block-demo{border-left:2px solid var(--mcc-border-subtle);padding-left:.75rem}.mcc-board-block-exercise{border-left:3px solid var(--mcc-accent-strong);padding-left:.75rem}.mcc-board-tag-active{color:var(--mcc-accent-text)}.mcc-board-tag-active:before{content:"";background-color:var(--mcc-accent-strong);border-radius:50%;width:.55em;height:.55em}.mcc-replayer{align-items:start;gap:1.5rem;display:grid}@media (width>=56rem){.mcc-replayer{grid-template-columns:minmax(0, var(--mcc-board-max)) minmax(14rem, 1fr);gap:2rem}}.mcc-replayer-board{min-width:0}.mcc-controls{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.mcc-controls button{background-color:var(--mcc-surface-raised);min-height:2.75rem;color:var(--mcc-text-primary);border:1px solid var(--mcc-border-strong);border-radius:var(--radius-card);cursor:pointer;transition:background-color var(--motion-response) var(--ease-response);flex:1 1 0;padding:.5rem .75rem;font-size:1rem;line-height:1}.mcc-controls button:hover:not(:disabled){background-color:var(--mcc-surface-sunken)}.mcc-controls button:disabled{opacity:.4;cursor:default}.mcc-replayer-hint{color:var(--mcc-text-secondary);text-align:center;margin:.75rem 0 0;font-size:.8125rem}@media (hover:none) and (pointer:coarse){.mcc-replayer-hint{display:none}}.mcc-side-heading{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--mcc-text-secondary);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.mcc-movelist{background-color:var(--mcc-surface-raised);border:1px solid var(--mcc-border-subtle);border-radius:var(--radius-card);max-height:18rem;font-family:var(--font-notation);margin:0 0 1.25rem;padding:.5rem;font-size:.9375rem;list-style:none;overflow-y:auto}.mcc-move-row{grid-template-columns:2.5rem 1fr 1fr;align-items:center;gap:.25rem;display:grid}.mcc-move-number{color:var(--mcc-text-secondary);text-align:right;padding-inline-end:.4rem;font-size:.8125rem}.mcc-move{color:var(--mcc-text-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:.3rem .4rem}.mcc-move:hover{background-color:var(--mcc-surface-sunken)}.mcc-move[data-current=true]{background-color:var(--mcc-primary);border-color:var(--mcc-primary);color:var(--mcc-primary-contrast);font-weight:600}.mcc-move-empty{cursor:default}.mcc-commentary{background-color:var(--mcc-surface-sunken);border-inline-start:3px solid var(--mcc-accent);border-radius:var(--radius-card);min-height:6rem;padding:1rem}.mcc-commentary p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.6}.mcc-commentary p:last-child{margin-bottom:0}.mcc-commentary-empty{color:var(--mcc-text-secondary);font-family:var(--font-notation)}.mcc-mate{color:var(--mcc-accent-text);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:.8125rem!important}.mcc-replay-launch{border:1px solid var(--mcc-primary);border-radius:var(--radius-card);background-color:var(--mcc-primary);min-height:44px;color:var(--mcc-primary-contrast);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:500;display:inline-flex}.mcc-replay-launch:hover{background-color:var(--mcc-primary-hover)}.mcc-replay-launch:focus-visible{outline:2px solid var(--mcc-focus-ring);outline-offset:2px}.mcc-controls button{min-width:44px;min-height:44px;box-shadow:0 var(--motion-press-y) 0 var(--mcc-press-shadow);transition:transform var(--motion-response) var(--ease-response), box-shadow var(--motion-response) var(--ease-response), background-color var(--motion-response) var(--ease-response), border-color var(--motion-response) var(--ease-response)}.mcc-controls button:active{transform:translateY(var(--motion-press-y));box-shadow:0 0 0 var(--mcc-press-shadow)}.mcc-move-input{gap:.35rem;display:grid}.mcc-move-input-label{color:var(--mcc-text-secondary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.mcc-move-input-row{gap:.5rem;display:flex}.mcc-move-input-field{background-color:var(--mcc-surface-raised);min-width:0;min-height:2.75rem;color:var(--mcc-text-primary);border:1px solid var(--mcc-border-strong);border-radius:var(--radius-card);font-family:var(--font-notation);flex:auto;padding:.5rem .7rem;font-size:1rem}.mcc-move-input-field::placeholder{color:var(--mcc-text-secondary);opacity:1}.mcc-move-input-field[aria-invalid=true]{border-color:var(--mcc-danger-text);border-width:2px}.mcc-move-input-field:disabled{opacity:.55;cursor:not-allowed}.mcc-move-input-submit{background-color:var(--mcc-primary);min-height:2.75rem;color:var(--mcc-primary-contrast);border:1px solid var(--mcc-primary);border-radius:var(--radius-card);font:inherit;cursor:pointer;flex:none;padding:.5rem 1rem;font-size:.9375rem;font-weight:500}.mcc-move-input-submit:hover:not(:disabled){background-color:var(--mcc-primary-hover)}.mcc-move-input-submit:disabled{opacity:.55;cursor:not-allowed}.mcc-move-input-error{min-height:1.25rem;color:var(--mcc-danger-text);margin:0;font-size:.8125rem;font-weight:600;line-height:1.25}.mcc-move-input-help{color:var(--mcc-text-secondary);margin:0;font-size:.75rem;line-height:1.45}@media (width<=767.98px){.mcc-move-input-help{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mcc-move-input:focus-within .mcc-move-input-help{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;position:static;overflow:visible}}.mcc-exercise{align-items:start;gap:1.5rem;display:grid}@media (width>=56rem){.mcc-exercise{grid-template-columns:minmax(0, var(--mcc-board-max)) minmax(15rem, 1fr);gap:2rem}}.mcc-exercise-board{min-width:0}.mcc-exercise-surface{outline-offset:4px;transition:outline-color var(--motion-transition) var(--ease-transition);border-radius:3px;outline:3px solid #0000}.mcc-fb-correct{outline-color:var(--mcc-primary)}.mcc-fb-wrong,.mcc-fb-off-line{outline-color:var(--mcc-board-check)}.mcc-fb-solved{outline-color:var(--mcc-accent)}.mcc-exercise-surface[data-shake=true]{animation:mcc-shake calc(var(--motion-response) * 4) var(--ease-transition)}@keyframes mcc-shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.mcc-fb-solved{animation:mcc-settle var(--motion-transition) var(--ease-transition)}@keyframes mcc-settle{0%{outline-color:var(--mcc-primary);outline-offset:4px}to{outline-color:var(--mcc-accent);outline-offset:4px}}.mcc-exercise-solved{animation:mcc-badge-in var(--motion-transition) var(--ease-transition) var(--motion-transition) both}@keyframes mcc-badge-in{0%{opacity:0;transform:translateY(.4rem)scale(.96)}to{opacity:1;transform:none}}.mcc-exercise-hint,.mcc-exercise-message{animation:mcc-reveal var(--motion-transition) var(--ease-transition)}@keyframes mcc-reveal{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}.mcc-meter-value[data-hop=true]{animation:mcc-hop var(--motion-response) var(--ease-response)}@keyframes mcc-hop{0%{transform:translateY(0)}45%{transform:translateY(-.3rem)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mcc-exercise-surface[data-shake=true],.mcc-fb-solved,.mcc-exercise-hint,.mcc-exercise-message,.mcc-meter-value[data-hop=true]{animation:none}.mcc-exercise-solved{opacity:1;animation:none;transform:none}.mcc-exercise-surface{transition:none}}.mcc-exercise-side{align-content:start;gap:1.25rem;display:grid}.mcc-exercise-meters{gap:1.5rem;display:flex}.mcc-meter{gap:.15rem;margin:0;display:grid}.mcc-meter-label{color:var(--mcc-text-secondary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:600}.mcc-meter-value{font-family:var(--font-notation);font-variant-numeric:tabular-nums;font-size:1.125rem;display:inline-block}.mcc-exercise-turn{color:var(--mcc-text-secondary);text-align:center;margin:1rem 0 0;font-size:.9375rem}.mcc-exercise-loading{color:var(--mcc-text-secondary);text-align:center;margin:.35rem 0 0;font-size:.8125rem}.mcc-exercise-status{background-color:var(--mcc-surface-sunken);border-inline-start:3px solid var(--mcc-border-subtle);border-radius:var(--radius-card);min-height:6.5rem;transition:border-color var(--motion-response) var(--ease-response);padding:1rem}.mcc-exercise-status p{margin:0 0 .5rem;font-size:.9375rem;line-height:1.6}.mcc-exercise-status p:last-child{margin-bottom:0}.mcc-exercise-message{font-weight:600}.mcc-message-correct{color:var(--mcc-primary)}.mcc-message-wrong,.mcc-message-off-line{color:var(--mcc-danger-text)}.mcc-exercise-note,.mcc-exercise-instructions{color:var(--mcc-text-secondary);font-size:.875rem!important}.mcc-exercise-solved{color:var(--mcc-primary);font-family:var(--font-display);font-weight:600;font-size:1.25rem!important}.mcc-exercise-reward{flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0 0;display:flex}.mcc-exercise-points,.mcc-exercise-streak{border-radius:var(--radius-pill);background-color:var(--mcc-surface-sunken);font-size:var(--text-2xs);letter-spacing:.03em;font-variant-numeric:tabular-nums;align-items:center;padding:.15rem .55rem;font-weight:600;display:inline-flex}.mcc-exercise-points{color:var(--mcc-accent-text)}.mcc-exercise-streak{color:var(--mcc-text-secondary);font-weight:500}.mcc-exercise-mate{color:var(--mcc-accent-text);letter-spacing:.08em;text-transform:uppercase;font-weight:600;font-size:.8125rem!important}.mcc-exercise-button{background-color:var(--mcc-surface-raised);min-height:2.75rem;color:var(--mcc-text-primary);border:1px solid var(--mcc-border-strong);border-radius:var(--radius-card);font:inherit;cursor:pointer;box-shadow:0 var(--motion-press-y) 0 var(--mcc-press-shadow);transition:transform var(--motion-response) var(--ease-response), box-shadow var(--motion-response) var(--ease-response), background-color var(--motion-response) var(--ease-response), border-color var(--motion-response) var(--ease-response);justify-self:start;padding:.6rem 1.1rem;font-size:.9375rem}.mcc-exercise-button:active{transform:translateY(var(--motion-press-y));box-shadow:0 0 0 var(--mcc-press-shadow)}.mcc-exercise-button:hover{background-color:var(--mcc-surface-sunken)}.mcc-exercise-hint{background-color:var(--mcc-surface-raised);border:1px solid var(--mcc-border-subtle);border-radius:var(--radius-card);padding:.9rem 1rem}.mcc-exercise-hint p{margin:0;font-size:.9375rem;line-height:1.6}.mcc-solution-list{background-color:var(--mcc-surface-raised);border:1px solid var(--mcc-border-subtle);border-radius:var(--radius-card);font-family:var(--font-notation);flex-wrap:wrap;gap:.25rem;margin:0 0 .6rem;padding:.5rem;font-size:.9375rem;list-style:none;display:flex}.mcc-solution-list .mcc-move[data-by=opponent]{color:var(--mcc-text-secondary);font-style:italic}@media (width<=767.98px){.mcc-exercise{gap:.75rem}.mcc-exercise-turn{margin-top:.4rem}.mcc-exercise-side{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;display:flex}.mcc-exercise-meters{flex:none;order:1;gap:.85rem}.mcc-exercise-side>.mcc-exercise-button{flex:none;order:2;padding-inline:.85rem;font-size:.875rem}.mcc-exercise-status{flex:1 0 100%;order:3}.mcc-exercise-hint{flex:1 0 100%;order:4}.mcc-exercise-solution{flex:1 0 100%;order:5}.mcc-move-input{flex:1 0 100%;order:6}.mcc-meter{align-items:baseline;gap:.35rem;display:flex}.mcc-meter-value{font-size:1rem}.mcc-exercise-status{min-height:5.25rem;padding:.8rem .9rem}}.mcc-play{align-items:start;gap:1.5rem;display:grid}@media (width>=56rem){.mcc-play{grid-template-columns:minmax(0, var(--mcc-board-max)) minmax(15rem, 1fr);gap:2rem}}.mcc-play-board{min-width:0}.mcc-play-side{align-content:start;gap:1.25rem;display:grid}.mcc-play-setup{display:block}.mcc-play-form{gap:1.5rem;max-width:32rem;display:grid}.mcc-play-fieldset{background-color:var(--mcc-surface-raised);border:1px solid var(--mcc-border-subtle);border-radius:var(--radius-card);margin:0;padding:1rem 1.1rem 1.1rem}.mcc-play-fieldset legend{color:var(--mcc-text-secondary);font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding-inline:.4rem;font-size:.6875rem;font-weight:600}.mcc-play-options{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.mcc-play-option{cursor:pointer;align-items:center;gap:.45rem;min-height:2.75rem;font-size:.9375rem;display:flex}.mcc-play-option input{width:1.15rem;height:1.15rem;accent-color:var(--mcc-primary);cursor:pointer}.mcc-play-fieldset:disabled{opacity:.6}.mcc-play-start{background-color:var(--mcc-primary);min-height:2.75rem;color:var(--mcc-primary-contrast);border:1px solid var(--mcc-primary);border-radius:var(--radius-card);font:inherit;cursor:pointer;justify-self:start;padding:.7rem 1.6rem;font-size:1rem;font-weight:500}.mcc-play-start:hover:not(:disabled){background-color:var(--mcc-primary-hover)}.mcc-play-start:disabled{opacity:.6;cursor:progress}.mcc-play-note{max-width:44ch;color:var(--mcc-text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.mcc-play-error{min-height:1.25rem;color:var(--mcc-danger-text);margin:0;font-size:.875rem;font-weight:600}.mcc-play-turn{color:var(--mcc-text-secondary);text-align:center;min-height:1.4rem;margin:1rem 0 0;font-size:.9375rem}.mcc-play-status{background-color:var(--mcc-surface-sunken);border-inline-start:3px solid var(--mcc-border-subtle);border-radius:var(--radius-card);min-height:4.5rem;padding:1rem}.mcc-play-status p{margin:0;font-size:.9375rem;line-height:1.55}.mcc-play-result{color:var(--mcc-primary);font-family:var(--font-display);font-weight:600;font-size:1.125rem!important}.mcc-play-check{color:var(--mcc-accent-text);letter-spacing:.06em;text-transform:uppercase;font-weight:600;font-size:.8125rem!important}.mcc-play-quiet{color:var(--mcc-text-secondary)}.mcc-play-actions{flex-wrap:wrap;gap:.5rem;display:flex}.mcc-play-button{background-color:var(--mcc-surface-raised);min-height:2.75rem;color:var(--mcc-text-primary);border:1px solid var(--mcc-border-strong);border-radius:var(--radius-card);font:inherit;cursor:pointer;padding:.6rem 1.1rem;font-size:.9375rem}.mcc-play-button:hover{background-color:var(--mcc-surface-sunken)}.mcc-play .mcc-movelist .mcc-move{cursor:default}.mcc-play-button{box-shadow:0 var(--motion-press-y) 0 var(--mcc-press-shadow);transition:transform var(--motion-response) var(--ease-response), box-shadow var(--motion-response) var(--ease-response), background-color var(--motion-response) var(--ease-response), border-color var(--motion-response) var(--ease-response)}.mcc-play-button:active{transform:translateY(var(--motion-press-y));box-shadow:0 0 0 var(--mcc-press-shadow)}