/* AUTO-ASSEMBLED — do not hand-edit the piece data-URIs; regenerate from the piece source if the art changes. Theme block authored to the locked "Vương Quốc Cờ" mini-board spec (P7). Scope: .is-mini-board only. */ /* ===================================================================== "Vương Quốc Cờ" — mini-board toy theme (ORIGINAL) Scoped ENTIRELY under .is-mini-board so the normal 8x8 board is untouched. Compositor-friendly delight only (transform/opacity). Reduced-motion guard at the very end disables every animation. ===================================================================== */ /* ---- 1. Toy stage + physical frame around the board ----------------- */ .is-mini-board .ck-study-board-wrap { position: relative; /* Keep the base 20px LEFT+BOTTOM coord-ruler gutter (theory-exercise.css positions .ck-coord-ranks/.ck-coord-files against exactly 20px) — only ADD the top/right the toy frame wants. A symmetric padding shorthand here would collapse that gutter to 12px and misalign every rank/file label (~8px). */ padding: 20px 20px 20px 20px; border-radius: 22px; /* radial "sandbox" stage light */ background: radial-gradient(120% 120% at 30% 18%, #fbf4e2 0%, #efe1c2 60%, #e3d0a8 100%); /* toy-object frame lip */ border: 0; box-shadow: inset 0 2px 3px rgba(255, 247, 230, 0.6), inset 0 -6px 12px rgba(90, 48, 18, 0.34), 0 14px 26px rgba(120, 70, 30, 0.28); } /* Warm wooden bezel wrapping the play surface (behind the board). Frame colours are themeable (Theme Studio P8) via 3 vars w/ default fallbacks. */ .is-mini-board .ck-study-board-wrap::before { content: ""; position: absolute; inset: 4px; border-radius: 18px; background: linear-gradient( 160deg, var(--ckmini-frame-a, #e6b878), var(--ckmini-frame-b, #c98f4c) 55%, var(--ckmini-frame-c, #a86f34) ); box-shadow: inset 0 2px 3px rgba(255, 247, 230, 0.55), inset 0 -5px 10px rgba(90, 48, 18, 0.3); pointer-events: none; z-index: 0; } /* The board itself sits above the bezel, with its own rounded inner lip */ .is-mini-board .ck-study-board { position: relative; z-index: 1; border-radius: 12px; overflow: hidden; box-shadow: inset 0 0 0 2px rgba(120, 70, 30, 0.22), inset 0 2px 6px rgba(90, 48, 18, 0.18); } .is-mini-board .ck-study-board .cg-wrap, .is-mini-board .ck-study-board .cg-container { border-radius: inherit; } /* ---- 2. Recolor the squares ----------------------------------------- Light square = --ckmini-light (background-color). Dark squares = an 8x8 tiled SVG (background-size:cover → 1 SVG unit/square → crop-perfect under the mini transform; a CSS conic checker mis-aligns under the crop). The whole dark-square image is a var: Theme Studio (P8) emits --ckmini-board-image as a server-generated tiling SVG in the season's dark colour. No theme → fallbacks = the default cream/green palette (unchanged look). */ .is-mini-board cg-board { background-color: var(--ckmini-light, #f6ead0); background-image: var(--ckmini-board-image, url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4IDgiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyI+PGcgZmlsbD0iIzZjYzA4YSI+PHJlY3QgeD0iMCIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjciIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxIiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI3IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjciIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMSIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1IiB5PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNyIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSI3IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNCIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48L2c+PC9zdmc+')); background-size: cover; } /* ---- 3. Coordinate labels (custom rulers) --------------------------- The viewer paints its own rulers in .ck-coord-ranks / .ck-coord-files. Semi-bold, rounded, warm brown that reads on the cream frame. */ .is-mini-board .ck-coord-ranks, .is-mini-board .ck-coord-files { color: var(--ckmini-coord-light, #6b4a24); font-weight: 600; letter-spacing: 0.02em; font-variant-numeric: tabular-nums; text-shadow: 0 1px 0 rgba(255, 247, 230, 0.55); } /* Also skin chessground's own inner coords if they are ever shown: file/rank labels on cream => brown; on green => warm cream. */ .is-mini-board coords.ranks coord, .is-mini-board coords.files coord { font-weight: 600; color: #6b4a24; } .is-mini-board .orientation-white coords.ranks coord:nth-child(odd), .is-mini-board .orientation-white coords.files coord:nth-child(even), .is-mini-board .orientation-black coords.ranks coord:nth-child(even), .is-mini-board .orientation-black coords.files coord:nth-child(odd) { color: var(--ckmini-coord-dark, #fbe9cc); /* label sitting on a dark square */ } /* ---- 4. Interactive square highlights ------------------------------- a11y: every cue must read on BOTH the cream (#f6ead0) AND green (#6cc08a) square. A single mid-tone colour fails on one of them, so each highlight pairs a CREAM core/edge with a DARK-green rim — the light part pops on green, the dark part pops on cream. (Review R-P7: green-on-green cues were near-invisible for beginners/colourblind kids.) */ /* move-dest: cream-cored pip with a dark-green rim — visible on both squares */ .is-mini-board cg-board square.move-dest { background: radial-gradient( circle, rgba(255, 250, 236, 0.95) 16%, rgba(30, 96, 58, 0.96) 20%, rgba(30, 96, 58, 0.96) 30%, transparent 34% ); transition: transform 140ms cubic-bezier(0.34, 1.56, 0.64, 1); transform-origin: center; will-change: transform; animation: ckMiniDestBreathe 1.9s ease-in-out infinite; } .is-mini-board cg-board square.move-dest:hover { transform: scale(1.15); animation: none; /* hover intent overrides the idle breathe */ } /* capture destinations: a dark-green ring with a cream halo around the piece */ .is-mini-board cg-board square.oc.move-dest { background: radial-gradient( circle, transparent 0%, transparent 74%, rgba(255, 250, 236, 0.9) 76%, rgba(30, 96, 58, 0.96) 80%, transparent 86% ); } /* selected: amber ring backed by a DARK outer edge so it never dissolves into a green square; ::after so we can pulse OPACITY (never an animated box-shadow). */ .is-mini-board cg-board square.selected { background-color: rgba(244, 192, 74, 0.28); } .is-mini-board cg-board square.selected::after { content: ""; position: absolute; inset: 6%; border-radius: 16%; /* amber core stroke + dark-brown outer stroke = contrast on cream AND green */ box-shadow: inset 0 0 0 3px rgba(250, 200, 84, 0.98), inset 0 0 0 5px rgba(74, 42, 14, 0.6); pointer-events: none; will-change: opacity; animation: ckMiniSelectGlow 1.25s ease-in-out infinite; } /* last-move: WARM amber wash (contrasts the cool green square) + dark rim (reads on the cream square). Green-on-green was invisible. */ .is-mini-board cg-board square.last-move { background-color: rgba(250, 204, 110, 0.42); box-shadow: inset 0 0 0 3px rgba(214, 150, 40, 0.75), inset 0 0 0 4px rgba(90, 54, 16, 0.4); } /* check: keep it readable but warmer than stock red */ .is-mini-board cg-board square.check { background: radial-gradient( ellipse at center, rgba(240, 84, 84, 0.95) 0%, rgba(224, 60, 60, 0.85) 26%, rgba(224, 60, 60, 0) 72% ); } /* ---- 5. Delight — SQUARE-based only ----------------------------------- NOTE: we deliberately do NOT animate piece transforms. Chessground drives each piece's position with its OWN transform:translate() during drag (.dragging) and move (.anim); a CSS keyframe on the piece transform would OVERRIDE that and make the piece jump to the origin instead of following the finger. So all delight rides on the SQUARE highlight layers (move-dest / selected), which Chessground never transforms. Bright board + cute pieces carry the "wow". */ /* ---- 6. Keyframes (transform/opacity ONLY, square layers) ------------- */ @keyframes ckMiniDestBreathe { 0%, 100% { transform: scale(1); opacity: 0.82; } 50% { transform: scale(1.12); opacity: 1; } } @keyframes ckMiniSelectGlow { 0%, 100% { opacity: 0.45; } 50% { opacity: 1; } } /* ---- 7. Reduced-motion guard — DISABLE all delight ------------------- */ @media (prefers-reduced-motion: reduce) { .is-mini-board cg-board square.move-dest, .is-mini-board cg-board square.move-dest:hover, .is-mini-board cg-board square.selected::after { animation: none !important; transition: none !important; } /* keep the ring visible (just not pulsing) and the hover grow static */ .is-mini-board cg-board square.selected::after { opacity: 1 !important; } } /* ---- 8. Piece set — cute Staunton "Vương Quốc Cờ" (12 SVG, scoped) ---- */ .is-mini-board .cg-wrap piece.pawn.white { background-image: var(--ckmini-piece-wp, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IndwRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd3BHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3dwRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuNiAzMy40IEMxNC42IDI5LjggMTggMjcuOCAyMi41IDI3LjggQzI3IDI3LjggMzAuNCAyOS44IDMwLjQgMzMuNCBaIiBmaWxsPSJ1cmwoI3dwRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIyMi41IiBjeT0iMTkuOCIgcj0iOS40IiBmaWxsPSJ1cmwoI3dwRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48ZWxsaXBzZSBjeD0iMTciIGN5PSIxNSIgcng9IjYuMiIgcnk9IjguNSIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMTcgMTUpIi8+PGNpcmNsZSBjeD0iMTYuOSIgY3k9IjIzLjQiIHI9IjIuMCIgZmlsbD0iI2YyYTZhMCIgb3BhY2l0eT0iMC41NSIvPjxjaXJjbGUgY3g9IjI4LjEiIGN5PSIyMy40IiByPSIyLjAiIGZpbGw9IiNmMmE2YTAiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSIxOS4zIiBjeT0iMTkuNCIgcj0iMS41IiBmaWxsPSIjM2EyNDE4Ii8+PGNpcmNsZSBjeD0iMjUuNyIgY3k9IjE5LjQiIHI9IjEuNSIgZmlsbD0iIzNhMjQxOCIvPjxjaXJjbGUgY3g9IjE5LjgiIGN5PSIxOC45IiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjYuMiIgY3k9IjE4LjkiIHI9IjAuNDIiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAuODUiLz48cGF0aCBkPSJNMTkuMSAyMy4wIFEyMi41IDI2LjIgMjUuOSAyMy4wIiBmaWxsPSJub25lIiBzdHJva2U9IiM3YTRhMzAiIHN0cm9rZS13aWR0aD0iMS41NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+')); } .is-mini-board .cg-wrap piece.knight.white { background-image: var(--ckmini-piece-wn, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InduRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd25HKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3duRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuOCAzMy42IEMxNC40IDMwIDE1IDI3LjQgMTYuNCAyNS42IEwyOC44IDI1LjYgQzI5LjggMjggMzAgMzAuOCAzMCAzMy42IFoiIGZpbGw9InVybCgjd25HKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yOC45IDI2IEMyOS42IDIyLjQgMjkuOSAxOC40IDI4LjQgMTUuMiBDMjcuMyAxMi44IDI1LjIgMTEuMSAyMi43IDEwLjQgTDIzLjQgNy4yIEMyMy42IDYuMyAyMi43IDUuNyAyMi4wIDYuMyBMMTguOSA5LjAgQzE4LjQgOS40IDE4LjIgMTAuMCAxOC4zIDEwLjYgTDE4LjcgMTIuOSBDMTYuNCAxNC4wIDE0LjYgMTUuOSAxMy41IDE4LjQgQzEyLjcgMjAuMiAxMi40IDIxLjYgMTMuMSAyMi40IEMxMy43IDIzLjEgMTQuNyAyMi45IDE1LjYgMjIuNCBDMTYuNCAyMi4wIDE3LjIgMjEuNSAxOC4wIDIwLjkgQzE3LjYgMjIuMiAxNi45IDIzLjQgMTYuMCAyNC40IEMxNS40IDI1LjEgMTUuMiAyNS42IDE1LjYgMjYgWiIgZmlsbD0idXJsKCN3bkcpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIyLjAgNi4zIEwyNC42IDYuMCBMMjMuNCA4LjYgWiIgZmlsbD0idXJsKCN3bkcpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIzLjggOS44IEMyNi40IDExLjggMjcuNyAxNS4yIDI3LjkgMTkuNCBDMjguMCAyMiAyNy43IDI0LjIgMjcuMyAyNS42IiBmaWxsPSJub25lIiBzdHJva2U9IiNlNmM0OGEiIHN0cm9rZS13aWR0aD0iMi4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTkuMCAxMS42IEMyMC4wIDEyLjIgMjAuOSAxMi45IDIxLjYgMTMuOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTZjNDhhIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTEzLjYgMjAuNCBDMTUuMCAyMC4yIDE2LjQgMTkuOSAxNy42IDE5LjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxjaXJjbGUgY3g9IjE0LjYiIGN5PSIyMC45IiByPSIwLjkiIGZpbGw9IiM2YjRhMjQiIG9wYWNpdHk9IjAuNyIvPjxjaXJjbGUgY3g9IjIxLjQiIGN5PSIxNS4wIiByPSIxLjU1IiBmaWxsPSIjM2EyNDE4Ii8+PGNpcmNsZSBjeD0iMjEuOSIgY3k9IjE0LjUiIHI9IjAuNSIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC45Ii8+PGVsbGlwc2UgY3g9IjE3IiBjeT0iMTUiIHJ4PSI2LjIiIHJ5PSI4LjUiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4IDE3IDE1KSIvPjwvc3ZnPg==')); } .is-mini-board .cg-wrap piece.bishop.white { background-image: var(--ckmini-piece-wb, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IndiRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd2JHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3diRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTUuNSAzMy40IEwxNC41IDI5LjUgTDMwLjUgMjkuNSBMMjkuNSAzMy40IFoiIGZpbGw9InVybCgjd2JHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iMjkuNCIgcng9IjguNCIgcnk9IjIuNSIgZmlsbD0idXJsKCN3YkcpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42Ii8+PHBhdGggZD0iTTIyLjUgOC40IEMyNy40IDEyLjUgMjkuNiAxOCAyOS42IDIyLjQgQzI5LjYgMjcgMjYuNSAzMCAyMi41IDMwIEMxOC41IDMwIDE1LjQgMjcgMTUuNCAyMi40IEMxNS40IDE4IDE3LjYgMTIuNSAyMi41IDguNCBaIiBmaWxsPSJ1cmwoI3diRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIyMi41IiBjeT0iNy4yIiByPSIyLjUiIGZpbGw9InVybCgjd2JHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxlbGxpcHNlIGN4PSIxNiIgY3k9IjE0LjUiIHJ4PSI0LjIiIHJ5PSI2IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjI4IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMTYgMTQuNSkiLz48cGF0aCBkPSJNMTkuNCAxNC44IEwyNS42IDIxLjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIyLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==')); } .is-mini-board .cg-wrap piece.rook.white { background-image: var(--ckmini-piece-wr, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IndyRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd3JHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3dyRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuNSAzMy42IEwxMy4yIDIyIEwzMS44IDIyIEwzMC41IDMzLjYgWiIgZmlsbD0idXJsKCN3ckcpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iMTMuNiIgeT0iMjQuNCIgd2lkdGg9IjE3LjgiIGhlaWdodD0iMi43IiByeD0iMS4xIiBmaWxsPSJ1cmwoI3dyRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNMTIuMiAyMiBMMTIuMiAxNCBMMTUuOCAxNCBMMTUuOCAxNi42IEwxOSAxNi42IEwxOSAxNCBMMjYgMTQgTDI2IDE2LjYgTDI5LjIgMTYuNiBMMjkuMiAxNCBMMzIuOCAxNCBMMzIuOCAyMiBaIiBmaWxsPSJ1cmwoI3dyRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZWxsaXBzZSBjeD0iMTciIGN5PSIxNSIgcng9IjYuMiIgcnk9IjguNSIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMTcgMTUpIi8+PC9zdmc+')); } .is-mini-board .cg-wrap piece.queen.white { background-image: var(--ckmini-piece-wq, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IndxRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd3FHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3dxRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQgMzMuNiBMMTIuNCAyMCBMMzIuNiAyMCBMMzEgMzMuNiBaIiBmaWxsPSJ1cmwoI3dxRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB4PSIxMi44IiB5PSIyMi40IiB3aWR0aD0iMTkuNCIgaGVpZ2h0PSIyLjgiIHJ4PSIxLjIiIGZpbGw9InVybCgjd3FHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIvPjxwYXRoIGQ9Ik0xMyAyMCBMMTEuNCAxMy4yIEwzMy42IDEzLjIgTDMyIDIwIFoiIGZpbGw9InVybCgjd3FHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMS40IDEzLjYgTDEyLjIgNSBMMTUgMTIgTDE3LjYgNi40IEwyMCAxMiBMMjIuNSA1IEwyNSAxMiBMMjcuNCA2LjQgTDMwIDEyIEwzMi44IDUgTDMzLjYgMTMuNiBaIiBmaWxsPSJ1cmwoI3dxRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIxMi4yIiBjeT0iNSIgcj0iMi4xIiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMTcuNiIgY3k9IjYuNCIgcj0iMS45IiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjQuNiIgcj0iMi4yIiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjcuNCIgY3k9IjYuNCIgcj0iMS45IiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMzIuOCIgY3k9IjUiIHI9IjIuMSIgZmlsbD0iI2Y0YzA0YSIgc3Ryb2tlPSIjZDk5YTJiIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxlbGxpcHNlIGN4PSIxNyIgY3k9IjE1IiByeD0iNi4yIiByeT0iOC41IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjUiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNyAxNSkiLz48Y2lyY2xlIGN4PSIxOS44IiBjeT0iMjguNCIgcj0iMS4zIiBmaWxsPSIjM2EyNDE4Ii8+PGNpcmNsZSBjeD0iMjUuMiIgY3k9IjI4LjQiIHI9IjEuMyIgZmlsbD0iIzNhMjQxOCIvPjxjaXJjbGUgY3g9IjIwLjMiIGN5PSIyNy45IiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjUuNyIgY3k9IjI3LjkiIHI9IjAuNDIiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAuODUiLz48L3N2Zz4=')); } .is-mini-board .cg-wrap piece.king.white { background-image: var(--ckmini-piece-wk, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9IndrRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZmRmNSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YyZGNhZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoOTAsNjAsMzAsMC4yMCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjd2tHKSIgc3Ryb2tlPSIjNmI0YTI0IiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI3drRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQgMzMuNiBMMTIuNCAyMC40IEwzMi42IDIwLjQgTDMxIDMzLjYgWiIgZmlsbD0idXJsKCN3a0cpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iMTIuOCIgeT0iMjIuOCIgd2lkdGg9IjE5LjQiIGhlaWdodD0iMi44IiByeD0iMS4yIiBmaWxsPSJ1cmwoI3drRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiLz48cGF0aCBkPSJNMTMuNCAyMC40IEMxMyAxNi42IDE1IDE0LjQgMTggMTMuOCBMMjcgMTMuOCBDMzAgMTQuNCAzMiAxNi42IDMxLjYgMjAuNCBaIiBmaWxsPSJ1cmwoI3drRykiIHN0cm9rZT0iIzZiNGEyNCIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB4PSIxNy42IiB5PSIxMi40IiB3aWR0aD0iOS44IiBoZWlnaHQ9IjMuMiIgcng9IjEuNCIgZmlsbD0idXJsKCN3a0cpIiBzdHJva2U9IiM2YjRhMjQiIHN0cm9rZS13aWR0aD0iMS42Ii8+PHJlY3QgeD0iMjEuMCIgeT0iNC4yIiB3aWR0aD0iMy4wIiBoZWlnaHQ9IjguOCIgcng9IjEuMiIgZmlsbD0iI2Y0YzA0YSIgc3Ryb2tlPSIjZDk5YTJiIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxyZWN0IHg9IjE4LjAiIHk9IjYuOCIgd2lkdGg9IjkuMCIgaGVpZ2h0PSIyLjkiIHJ4PSIxLjIiIGZpbGw9IiNmNGMwNGEiIHN0cm9rZT0iI2Q5OWEyYiIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZWxsaXBzZSBjeD0iMTciIGN5PSIxNSIgcng9IjYuMiIgcnk9IjguNSIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC41IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMTcgMTUpIi8+PGNpcmNsZSBjeD0iMTkuOCIgY3k9IjI4LjgiIHI9IjEuMyIgZmlsbD0iIzNhMjQxOCIvPjxjaXJjbGUgY3g9IjI1LjIiIGN5PSIyOC44IiByPSIxLjMiIGZpbGw9IiMzYTI0MTgiLz48Y2lyY2xlIGN4PSIyMC4zIiBjeT0iMjguMyIgcj0iMC40MiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjI1LjciIGN5PSIyOC4zIiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PC9zdmc+')); } .is-mini-board .cg-wrap piece.pawn.black { background-image: var(--ckmini-piece-bp, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJwRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYnBHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JwRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuNiAzMy40IEMxNC42IDI5LjggMTggMjcuOCAyMi41IDI3LjggQzI3IDI3LjggMzAuNCAyOS44IDMwLjQgMzMuNCBaIiBmaWxsPSJ1cmwoI2JwRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIyMi41IiBjeT0iMTkuOCIgcj0iOS40IiBmaWxsPSJ1cmwoI2JwRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48ZWxsaXBzZSBjeD0iMTciIGN5PSIxNSIgcng9IjQuNiIgcnk9IjYuNiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC4yMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4IDE3IDE1KSIvPjxjaXJjbGUgY3g9IjE2LjkiIGN5PSIyMy40IiByPSIyLjAiIGZpbGw9IiNjNjYiIG9wYWNpdHk9IjAuMzAiLz48Y2lyY2xlIGN4PSIyOC4xIiBjeT0iMjMuNCIgcj0iMi4wIiBmaWxsPSIjYzY2IiBvcGFjaXR5PSIwLjMwIi8+PGNpcmNsZSBjeD0iMTkuMyIgY3k9IjE5LjQiIHI9IjEuNSIgZmlsbD0iIzJhMTYyNiIvPjxjaXJjbGUgY3g9IjI1LjciIGN5PSIxOS40IiByPSIxLjUiIGZpbGw9IiMyYTE2MjYiLz48Y2lyY2xlIGN4PSIxOS44IiBjeT0iMTguOSIgcj0iMC40MiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjI2LjIiIGN5PSIxOC45IiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PHBhdGggZD0iTTE5LjEgMjMuMCBRMjIuNSAyNi4yIDI1LjkgMjMuMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjN2E0YTMwIiBzdHJva2Utd2lkdGg9IjEuNTUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==')); } .is-mini-board .cg-wrap piece.knight.black { background-image: var(--ckmini-piece-bn, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJuRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYm5HKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JuRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuOCAzMy42IEMxNC40IDMwIDE1IDI3LjQgMTYuNCAyNS42IEwyOC44IDI1LjYgQzI5LjggMjggMzAgMzAuOCAzMCAzMy42IFoiIGZpbGw9InVybCgjYm5HKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0yOC45IDI2IEMyOS42IDIyLjQgMjkuOSAxOC40IDI4LjQgMTUuMiBDMjcuMyAxMi44IDI1LjIgMTEuMSAyMi43IDEwLjQgTDIzLjQgNy4yIEMyMy42IDYuMyAyMi43IDUuNyAyMi4wIDYuMyBMMTguOSA5LjAgQzE4LjQgOS40IDE4LjIgMTAuMCAxOC4zIDEwLjYgTDE4LjcgMTIuOSBDMTYuNCAxNC4wIDE0LjYgMTUuOSAxMy41IDE4LjQgQzEyLjcgMjAuMiAxMi40IDIxLjYgMTMuMSAyMi40IEMxMy43IDIzLjEgMTQuNyAyMi45IDE1LjYgMjIuNCBDMTYuNCAyMi4wIDE3LjIgMjEuNSAxOC4wIDIwLjkgQzE3LjYgMjIuMiAxNi45IDIzLjQgMTYuMCAyNC40IEMxNS40IDI1LjEgMTUuMiAyNS42IDE1LjYgMjYgWiIgZmlsbD0idXJsKCNibkcpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIyLjAgNi4zIEwyNC42IDYuMCBMMjMuNCA4LjYgWiIgZmlsbD0idXJsKCNibkcpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTIzLjggOS44IEMyNi40IDExLjggMjcuNyAxNS4yIDI3LjkgMTkuNCBDMjguMCAyMiAyNy43IDI0LjIgMjcuMyAyNS42IiBmaWxsPSJub25lIiBzdHJva2U9IiM1ODI4NTAiIHN0cm9rZS13aWR0aD0iMi4zIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48cGF0aCBkPSJNMTkuMCAxMS42IEMyMC4wIDEyLjIgMjAuOSAxMi45IDIxLjYgMTMuOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNTgyODUwIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTEzLjYgMjAuNCBDMTUuMCAyMC4yIDE2LjQgMTkuOSAxNy42IDE5LjMiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxjaXJjbGUgY3g9IjE0LjYiIGN5PSIyMC45IiByPSIwLjkiIGZpbGw9IiNmN2U2YzgiIG9wYWNpdHk9IjAuNyIvPjxjaXJjbGUgY3g9IjIxLjQiIGN5PSIxNS4wIiByPSIxLjU1IiBmaWxsPSIjMmExNjI2Ii8+PGNpcmNsZSBjeD0iMjEuOSIgY3k9IjE0LjUiIHI9IjAuNSIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC45Ii8+PGVsbGlwc2UgY3g9IjE3IiBjeT0iMTUiIHJ4PSI0LjYiIHJ5PSI2LjYiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuMjIiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNyAxNSkiLz48L3N2Zz4=')); } .is-mini-board .cg-wrap piece.bishop.black { background-image: var(--ckmini-piece-bb, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJiRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYmJHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JiRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTUuNSAzMy40IEwxNC41IDI5LjUgTDMwLjUgMjkuNSBMMjkuNSAzMy40IFoiIGZpbGw9InVybCgjYmJHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iMjkuNCIgcng9IjguNCIgcnk9IjIuNSIgZmlsbD0idXJsKCNiYkcpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40Ii8+PHBhdGggZD0iTTIyLjUgOC40IEMyNy40IDEyLjUgMjkuNiAxOCAyOS42IDIyLjQgQzI5LjYgMjcgMjYuNSAzMCAyMi41IDMwIEMxOC41IDMwIDE1LjQgMjcgMTUuNCAyMi40IEMxNS40IDE4IDE3LjYgMTIuNSAyMi41IDguNCBaIiBmaWxsPSJ1cmwoI2JiRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMjAuNiAxNi41IEwyNC44IDIwLjQiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzNhMWMzMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjxjaXJjbGUgY3g9IjIyLjUiIGN5PSI3LjIiIHI9IjIuNSIgZmlsbD0idXJsKCNiYkcpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40Ii8+PGVsbGlwc2UgY3g9IjE3IiBjeT0iMTUiIHJ4PSI0LjYiIHJ5PSI2LjYiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuMjIiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNyAxNSkiLz48L3N2Zz4=')); } .is-mini-board .cg-wrap piece.rook.black { background-image: var(--ckmini-piece-br, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJyRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYnJHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JyRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQuNSAzMy42IEwxMy4yIDIyIEwzMS44IDIyIEwzMC41IDMzLjYgWiIgZmlsbD0idXJsKCNickcpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iMTMuNiIgeT0iMjQuNCIgd2lkdGg9IjE3LjgiIGhlaWdodD0iMi43IiByeD0iMS4xIiBmaWxsPSJ1cmwoI2JyRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48cGF0aCBkPSJNMTIuMiAyMiBMMTIuMiAxNCBMMTUuOCAxNCBMMTUuOCAxNi42IEwxOSAxNi42IEwxOSAxNCBMMjYgMTQgTDI2IDE2LjYgTDI5LjIgMTYuNiBMMjkuMiAxNCBMMzIuOCAxNCBMMzIuOCAyMiBaIiBmaWxsPSJ1cmwoI2JyRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48ZWxsaXBzZSBjeD0iMTciIGN5PSIxNSIgcng9IjQuNiIgcnk9IjYuNiIgZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC4yMiIgdHJhbnNmb3JtPSJyb3RhdGUoLTE4IDE3IDE1KSIvPjwvc3ZnPg==')); } .is-mini-board .cg-wrap piece.queen.black { background-image: var(--ckmini-piece-bq, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJxRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYnFHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JxRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQgMzMuNiBMMTIuNCAyMCBMMzIuNiAyMCBMMzEgMzMuNiBaIiBmaWxsPSJ1cmwoI2JxRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB4PSIxMi44IiB5PSIyMi40IiB3aWR0aD0iMTkuNCIgaGVpZ2h0PSIyLjgiIHJ4PSIxLjIiIGZpbGw9InVybCgjYnFHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIvPjxwYXRoIGQ9Ik0xMyAyMCBMMTEuNCAxMy4yIEwzMy42IDEzLjIgTDMyIDIwIFoiIGZpbGw9InVybCgjYnFHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMS40IDEzLjYgTDEyLjIgNSBMMTUgMTIgTDE3LjYgNi40IEwyMCAxMiBMMjIuNSA1IEwyNSAxMiBMMjcuNCA2LjQgTDMwIDEyIEwzMi44IDUgTDMzLjYgMTMuNiBaIiBmaWxsPSJ1cmwoI2JxRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48Y2lyY2xlIGN4PSIxMi4yIiBjeT0iNSIgcj0iMi4xIiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMTcuNiIgY3k9IjYuNCIgcj0iMS45IiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjQuNiIgcj0iMi4yIiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMjcuNCIgY3k9IjYuNCIgcj0iMS45IiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4yIi8+PGNpcmNsZSBjeD0iMzIuOCIgY3k9IjUiIHI9IjIuMSIgZmlsbD0iI2Y0YzA0YSIgc3Ryb2tlPSIjZDk5YTJiIiBzdHJva2Utd2lkdGg9IjEuMiIvPjxlbGxpcHNlIGN4PSIxNyIgY3k9IjE1IiByeD0iNC42IiByeT0iNi42IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjIyIiB0cmFuc2Zvcm09InJvdGF0ZSgtMTggMTcgMTUpIi8+PGNpcmNsZSBjeD0iMTkuOCIgY3k9IjI4LjQiIHI9IjEuMyIgZmlsbD0iIzJhMTYyNiIvPjxjaXJjbGUgY3g9IjI1LjIiIGN5PSIyOC40IiByPSIxLjMiIGZpbGw9IiMyYTE2MjYiLz48Y2lyY2xlIGN4PSIyMC4zIiBjeT0iMjcuOSIgcj0iMC40MiIgZmlsbD0iI2ZmZiIgb3BhY2l0eT0iMC44NSIvPjxjaXJjbGUgY3g9IjI1LjciIGN5PSIyNy45IiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PC9zdmc+')); } .is-mini-board .cg-wrap piece.king.black { background-image: var(--ckmini-piece-bk, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA0NSA0NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJrRyIgeDE9IjAiIHkxPSIwIiB4Mj0iMCIgeTI9IjEiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzdhM2Y2YiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzRhMjM0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxlbGxpcHNlIGN4PSIyMi41IiBjeT0iNDAuNCIgcng9IjEzLjQiIHJ5PSIzLjUiIGZpbGw9InJnYmEoNDAsMjAsMzUsMC4yOCkiLz48cGF0aCBkPSJNOS41IDM5LjYgQzkuNSAzNi45IDE0LjIgMzUuMiAyMi41IDM1LjIgQzMwLjggMzUuMiAzNS41IDM2LjkgMzUuNSAzOS42IEMzNS41IDQxLjkgMzAuOCA0My4zIDIyLjUgNDMuMyBDMTQuMiA0My4zIDkuNSA0MS45IDkuNSAzOS42IFoiIGZpbGw9InVybCgjYmtHKSIgc3Ryb2tlPSIjZjdlNmM4IiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMi41IDM1LjggTDMyLjUgMzUuOCBMMzEgMzMuMiBMMTQgMzMuMiBaIiBmaWxsPSJ1cmwoI2JrRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cGF0aCBkPSJNMTQgMzMuNiBMMTIuNCAyMC40IEwzMi42IDIwLjQgTDMxIDMzLjYgWiIgZmlsbD0idXJsKCNia0cpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iMTIuOCIgeT0iMjIuOCIgd2lkdGg9IjE5LjQiIGhlaWdodD0iMi44IiByeD0iMS4yIiBmaWxsPSJ1cmwoI2JrRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiLz48cGF0aCBkPSJNMTMuNCAyMC40IEMxMyAxNi42IDE1IDE0LjQgMTggMTMuOCBMMjcgMTMuOCBDMzAgMTQuNCAzMiAxNi42IDMxLjYgMjAuNCBaIiBmaWxsPSJ1cmwoI2JrRykiIHN0cm9rZT0iI2Y3ZTZjOCIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cmVjdCB4PSIxNy42IiB5PSIxMi40IiB3aWR0aD0iOS44IiBoZWlnaHQ9IjMuMiIgcng9IjEuNCIgZmlsbD0idXJsKCNia0cpIiBzdHJva2U9IiNmN2U2YzgiIHN0cm9rZS13aWR0aD0iMS40Ii8+PHJlY3QgeD0iMjEuMSIgeT0iNC42IiB3aWR0aD0iMi44IiBoZWlnaHQ9IjguMiIgcng9IjEuMSIgZmlsbD0iI2Y0YzA0YSIgc3Ryb2tlPSIjZDk5YTJiIiBzdHJva2Utd2lkdGg9IjEuMyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxyZWN0IHg9IjE4LjIiIHk9IjciIHdpZHRoPSI4LjYiIGhlaWdodD0iMi43IiByeD0iMS4xIiBmaWxsPSIjZjRjMDRhIiBzdHJva2U9IiNkOTlhMmIiIHN0cm9rZS13aWR0aD0iMS4zIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGVsbGlwc2UgY3g9IjE3IiBjeT0iMTUiIHJ4PSI0LjYiIHJ5PSI2LjYiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuMjIiIHRyYW5zZm9ybT0icm90YXRlKC0xOCAxNyAxNSkiLz48Y2lyY2xlIGN4PSIxOS44IiBjeT0iMjguOCIgcj0iMS4zIiBmaWxsPSIjMmExNjI2Ii8+PGNpcmNsZSBjeD0iMjUuMiIgY3k9IjI4LjgiIHI9IjEuMyIgZmlsbD0iIzJhMTYyNiIvPjxjaXJjbGUgY3g9IjIwLjMiIGN5PSIyOC4zIiByPSIwLjQyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjg1Ii8+PGNpcmNsZSBjeD0iMjUuNyIgY3k9IjI4LjMiIHI9IjAuNDIiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAuODUiLz48L3N2Zz4=')); } /* ---- P17-D: nút toàn màn hình + tiến trình "Ván x/y" (bài [PrintArea]) --- */ .ck-study-board-wrap { position: relative; } .ckmb-fs-btn { position: absolute; top: 8px; right: 8px; z-index: 40; width: 40px; height: 40px; border: none; border-radius: 12px; background: rgba(255, 255, 255, 0.92); box-shadow: 0 4px 12px -4px rgba(60, 40, 20, 0.35); font-size: 19px; line-height: 1; cursor: pointer; color: #6b4a24; transition: transform 0.15s ease; } .ckmb-fs-btn:hover { transform: scale(1.08); } .ckmb-progress { position: absolute; top: 8px; left: 8px; z-index: 40; display: flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.92); border-radius: 999px; padding: 6px 12px; box-shadow: 0 4px 12px -4px rgba(60, 40, 20, 0.35); pointer-events: none; } .ckmb-progress-txt { font-size: 12.5px; font-weight: 800; color: #6b4a24; white-space: nowrap; } .ckmb-progress-bar { width: 74px; height: 8px; border-radius: 999px; background: #eee4d2; overflow: hidden; } .ckmb-progress-bar i { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #34d399, #10b981); transition: width 0.3s ease; } /* ---- P17-D: pseudo-fullscreen (class trên ) --------------------- */ html.ck-fs-mode { overflow: hidden; } html.ck-fs-mode .ck-study-app .ck-study-main { position: fixed; inset: 0; z-index: 9000; margin: 0; padding: 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: radial-gradient(900px 500px at 15% -5%, rgba(255, 227, 150, 0.5), transparent 55%), radial-gradient(900px 520px at 90% 105%, rgba(255, 158, 199, 0.42), transparent 55%), linear-gradient(180deg, #fdf3ff 0%, #eef7ff 100%); overflow: auto; } html.ck-fs-mode .ck-study-app .ck-study-board-wrap { width: min(80vh, 94vw); max-width: none; flex: 0 0 auto; } /* Giấu phần không cần khi chơi tập trung */ html.ck-fs-mode .ck-study-top, html.ck-fs-mode .ck-study-picker-wrap, html.ck-fs-mode .ck-study-breadcrumb, html.ck-fs-mode .ck-study-sidebar, html.ck-fs-mode .ck-study-aside, html.ck-fs-mode .ck-study-status { display: none !important; } /* Chip tiến trình + tim to hơn chút cho dễ nhìn */ html.ck-fs-mode .ckmb-progress { top: 12px; left: 12px; transform: scale(1.15); transform-origin: top left; } html.ck-fs-mode .ckmb-fs-btn { top: 12px; right: 12px; }