:root{--highlight-recent: #ffe059;--highlight-attack: #ff5977;--highlight-check-line: #59ff8e;--highlight-check-origin: #59acff;--highlight-valid: rgba(166, 166, 158, .6);--highlight-pinned: #d18aff}.game{display:flex;flex-direction:column;min-width:0;padding:0 2em;background-color:var(--col-background)}.header{display:flex;flex-direction:column;gap:.5rem;max-width:30rem;padding-bottom:1rem;>.title{display:flex;align-items:baseline;gap:.5rem;margin-bottom:-2.5rem}>.subtext{color:var(--col-text-2);margin-bottom:4px}& a{color:var(--col-cmyk-cyan)}}.highlights-title{width:100%;text-align:left}.strip{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-block:.6rem;&.above{align-items:flex-end}&.below{margin-bottom:1rem}}.status-group{display:flex;flex-direction:row;align-items:baseline;gap:1rem}.status{color:var(--col-text-2);text-align:right;>.player{font-weight:700;color:var(--col-cmyk-magenta)}}.board{margin-inline:0em;display:flex;flex-direction:column;align-items:center}.algorithm-intro{color:var(--col-text-2);margin:0 0 .75rem;>a{color:var(--col-cmyk-magenta)}}.sections-wrapper{display:flex;flex-direction:column;gap:.2em}.algorithm-section{min-width:0;border:2px solid var(--col-border-2);>summary{padding:.5rem .7rem;cursor:pointer;user-select:none;&:hover{opacity:.7}}&[open]>summary{border-bottom:2px solid var(--col-border-2)}}.divider{margin-inline:auto;display:flex;padding-block:.5rem;width:97%;gap:.5rem;color:var(--col-text-2);align-items:center;.text{flex-shrink:0}&:after{content:"";background-color:var(--col-border-2);height:2px;width:100vw}}.buttons-wrapper{display:grid;gap:.2em;grid-template-columns:1fr 1fr}.config-button{border:2px solid var(--col-border-2);padding-block:.5rem;padding:.5rem .7rem;cursor:pointer;user-select:none;&:hover{opacity:.7}}.algorithm-section pre.astro-code{margin:0;padding:.75rem 1rem;overflow-x:auto;white-space:pre!important;word-wrap:normal!important;font-family:Space Mono,monospace;font-size:.8rem;line-height:1.5;background-color:var(--col-background-black)!important}.algorithm-section pre.astro-code,.algorithm-section pre.astro-code span{color:var(--shiki-dark)!important}.playfield-wrapper{position:relative;--cell-size: min(60px, 11vw)}#playField{border:solid 2px var(--col-border-1);border-spacing:0;user-select:none}#playField>tr>td{background-color:var(--col-background);&.darkSquare{background-color:var(--col-background-2)!important}&.movable{cursor:pointer}}body.dragging,body.dragging #playField>tr>td{cursor:grabbing!important}#playField>tr>td>div{width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;pointer-events:none}#playField>tr>td>div:after,#playField>tr>td>div>.marking{grid-area:1 / 1}#playField>tr>td>div:after{content:"";width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat}.piece-drag{position:fixed;top:0;left:0;transform:translate(-50%,-50%);z-index:10;width:var(--cell-size);height:var(--cell-size);pointer-events:none;&.hidden{display:none}}.piece-drag:after{content:"";display:block;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;background-size:100%}.promotion-popup{position:absolute;z-index:20;display:flex;flex-direction:row;border:solid 2px var(--col-border-1);background-color:var(--col-background-2);transform:translate(-50%);&.above{transform:translate(-50%,-100%)}&.hidden{display:none}>.option{width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;cursor:pointer;&:hover{opacity:.7}&:after{content:"";width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat}}}.highlights-title{padding-block:.3rem 0;font-weight:700;color:var(--col-text-2)}.button{display:flex;flex-direction:row;gap:.4rem;align-items:center;border:2px solid var(--col-border-2);padding:.2rem .4rem;cursor:pointer;user-select:none;>a{color:inherit;text-decoration:none}}.highlight-button{>.square{width:.8rem;height:.8rem;border:1px solid var(--col-border-2);opacity:.7}&.disabled{opacity:.7;>.square{opacity:.3}}&:hover{opacity:1}}.mark-last-move,.mark-attacked,.mark-line-of-check,.mark-check-origin{display:none}body.show-recent .mark-last-move,body.show-attacked .mark-attacked,body.show-checks .mark-line-of-check,body.show-checks .mark-check-origin{display:block}.mark-en-passantable,.mark-pseudo-pinned{display:none}.credit{opacity:.7;color:var(--col-cmyk-cyan);>a{color:var(--col-text-2);text-decoration:none;font-weight:700}}.pawn-white:not(.hidden):after{background-image:url(/pages/chess/pawn-white.svg);background-size:100%}.knight-white:not(.hidden):after{background-image:url(/pages/chess/knight-white.svg);background-size:100%}.bishop-white:not(.hidden):after{background-image:url(/pages/chess/bishop-white.svg);background-size:100%}.rook-white:not(.hidden):after{background-image:url(/pages/chess/rook-white.svg);background-size:100%}.queen-white:not(.hidden):after{background-image:url(/pages/chess/queen-white.svg);background-size:100%}.king-white:not(.hidden):after{background-image:url(/pages/chess/king-white.svg);background-size:100%}.mark-valid{width:40%;height:40%;border-radius:100vh;background-color:var(--highlight-valid)}.mark-attacked{width:100%;height:100%;background-color:rgb(from var(--highlight-attack) r g b / 50%)}.mark-line-of-check{width:100%;height:100%;background-color:rgb(from var(--highlight-check-line) r g b / 50%)}.mark-last-move{width:100%;height:100%;background-color:rgb(from var(--highlight-recent) r g b / 50%)}.mark-check-origin{width:100%;height:100%;background-color:rgb(from var(--highlight-check-origin) r g b / 50%)}.mark-pinned{width:90%;height:90%;border-radius:15%;outline:3px solid var(--highlight-pinned);outline-offset:-3px}.mark-latest-move{width:100%;height:100%;background-color:rgb(from var(--highlight-recent) r g b / 50%)}.pawn-black:not(.hidden):after{background-image:url(/pages/chess/pawn-black.svg);background-size:100%}.knight-black:not(.hidden):after{background-image:url(/pages/chess/knight-black.svg);background-size:100%}.bishop-black:not(.hidden):after{background-image:url(/pages/chess/bishop-black.svg);background-size:100%}.rook-black:not(.hidden):after{background-image:url(/pages/chess/rook-black.svg);background-size:100%}.queen-black:not(.hidden):after{background-image:url(/pages/chess/queen-black.svg);background-size:100%}.king-black:not(.hidden):after{background-image:url(/pages/chess/king-black.svg);background-size:100%}.highlightLastMove{background-color:var(--highlight-recent)!important}.highlight{background-color:var(--highlight-hover)!important}.highlightSecondary{background-color:var(--highlight-connected)!important}.highlightWinning{background-color:var(--highlight-win)!important}.highlightLastMove.highlightSecondary{background-color:var(--highlight-recent-connected)!important}.highlightLastMove.highlight{background-color:var(--highlight-recent-hover)!important}@media(max-width:600px){.board{margin-inline:0}.strip.below{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}}