.cg-wrap{box-sizing:content-box;display:block;position:relative}cg-container{width:100%;height:100%;display:block;position:absolute;top:0}cg-board{-webkit-user-select:none;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,.cg-wrap .cg-shapes-below,.cg-wrap .cg-custom-below{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-shapes-below{z-index:1;overflow:hidden}.cg-wrap .cg-custom-below{z-index:1}.cg-wrap .cg-custom-svgs{z-index:9}.cg-wrap .cg-custom-svgs svg,.cg-wrap .cg-custom-below 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.black{flex-flow:column}.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.files.black{flex-flow:row-reverse}.cg-wrap coords coord{flex:auto}.cg-wrap coords.ranks coord{transform:translateY(39%)}.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%)}.marking-layer[data-v-9bd5f0fe]{z-index:20;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}.marking-layer.lost[data-v-9bd5f0fe]{--mark-fill:var(--color-board-mark-lost);--mark-border:var(--color-board-mark-lost-border)}.marking-layer.controlled[data-v-9bd5f0fe]{--mark-fill:var(--color-board-mark-controlled);--mark-border:var(--color-board-mark-controlled-border)}.marking-layer.hanging[data-v-9bd5f0fe]{--mark-fill:var(--color-board-mark-hanging);--mark-border:var(--color-board-mark-hanging-border)}.mark-square[data-v-9bd5f0fe]{box-sizing:border-box;touch-action:manipulation;border:3px solid #0000}.mark-square.marked[data-v-9bd5f0fe]{border-color:var(--mark-border);background-color:color-mix(in srgb, var(--mark-fill) 50%, transparent)}.mark-square.correct[data-v-9bd5f0fe]{border-color:var(--color-board-feedback-correct-border);background-color:color-mix(in srgb, var(--color-board-feedback-correct) 50%, transparent)}.mark-square.missed[data-v-9bd5f0fe]{border-style:dashed;border-color:var(--color-board-feedback-missed-border)}.mark-square.wrong[data-v-9bd5f0fe]{border-color:var(--color-board-feedback-wrong-border);background-color:color-mix(in srgb, var(--color-board-feedback-wrong) 55%, transparent)}.promotion-picker[data-v-d8b57694]{z-index:30;background-color:color-mix(in srgb, var(--color-surface) 60%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.promotion-choices[data-v-d8b57694]{gap:2%;width:92%;display:flex}.promotion-choice[data-v-d8b57694]{aspect-ratio:1;border:1px solid var(--color-hairline);background-color:var(--color-surface);touch-action:manipulation;border-radius:12%;flex:1}.promotion-choice[data-v-d8b57694]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.piece-image[data-v-d8b57694]{width:100%;height:100%;display:block}.resize-handle[data-v-1e8966a9]{z-index:40;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 0 48%, var(--color-muted) 48% 56%, transparent 56% 68%, var(--color-muted) 68% 76%, transparent 76%);width:28px;height:28px;position:absolute;bottom:-14px;right:-14px}.resize-handle[data-v-1e8966a9]:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.chess-board[data-v-e8a27576]{--shown-size:min(100%, max(280px, var(--board-height-limit,100%)));width:var(--shown-size);margin-inline:calc((100% - var(--shown-size)) / 2);aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative}@media (width>=640px){.chess-board[data-v-e8a27576]{--shown-size:max(320px, min(var(--board-size), var(--board-height-limit,calc(100dvh - 120px)), 100vw - 2rem))}}.chess-board-wrap[data-v-e8a27576]{width:100%;height:100%}.chess-board-wrap[data-v-e8a27576] cg-container{width:100%!important;height:100%!important}.bottom-bar[data-v-869d2aee]{z-index:50;border-top:1px solid var(--color-hairline);background-color:var(--color-page);padding-bottom:env(safe-area-inset-bottom);position:fixed;inset:auto 0 0}.bottom-bar-content[data-v-869d2aee]{align-items:center;gap:12px;padding:12px 20px 16px;display:flex}@media (width<=639px) and (height<=800px){.bottom-bar-content[data-v-869d2aee]{padding:6px 20px 8px}}@media (width>=640px){.bottom-bar-content[data-v-869d2aee]{width:560px;margin-inline:auto}}