@property --board-size{syntax: "<length>"; inherits: true; initial-value: 700px;}:root{--board-size: min( calc(100vw - 508px) , 700px, calc(100dvh - 230px) )}@media(max-width:768px){:root{--board-size: min( calc(100vw - 48px) , 560px)}}.board-container{display:flex;justify-content:center;align-items:center;max-width:100%;overflow:visible}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:var(--board-size);height:var(--board-size);border:3px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px #00000026;overflow:hidden;position:relative;touch-action:none;user-select:none;-webkit-user-select:none}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .board{box-shadow:0 2px 8px #0000000f,0 8px 32px #0000001a,0 1px 2px #0000000a}}[data-theme=light] .board{box-shadow:0 2px 8px #0000000f,0 8px 32px #0000001a,0 1px 2px #0000000a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .board{box-shadow:0 2px 12px #0006}}[data-theme=dark] .board{box-shadow:0 2px 12px #0006}@keyframes raja-defeated{0%{transform:rotate(0)}to{transform:rotate(90deg) translate(-25%,45%)}}.piece--defeated{animation:raja-defeated 3s ease-in-out forwards;transform-origin:center bottom}.animating-piece{position:absolute;top:0;left:0;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .2s ease-out;will-change:transform}.square{display:flex;align-items:center;justify-content:center;position:relative;aspect-ratio:1;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;isolation:isolate}.square--light{background-color:#f0d9b5}.square--dark{background-color:#b58863}.square__coord{position:absolute;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:700;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.square__coord--file{bottom:2px;right:2px}.square__coord--rank{top:2px;left:2px}.square__coord--light{color:#b58863}.square__coord--dark{color:#f0d9b5}.piece{width:85%;height:85%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.square--clickable{cursor:grab}.square--clickable:active{cursor:grabbing}.board__drag-piece{position:absolute;top:0;left:0;width:12.5%;height:12.5%;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));display:flex;align-items:center;justify-content:center}.board__drag-piece .piece{width:85%;height:85%;pointer-events:none}.square--drag-source .piece{opacity:0}.board--dragging{touch-action:none;cursor:grabbing!important}.board__rating-badge{position:absolute;z-index:20;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#fff;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;letter-spacing:0;font-family:Arial,sans-serif;transform:translate(50%,-50%)}.board__hint-arrow{position:absolute;top:0;left:0;pointer-events:none;z-index:15}.square--ashtapada-dark{background-color:#e2a23d;outline:1px solid #fae4ae;outline-offset:-1px}.square--ashtapada-light{background-color:#fae4ae;outline:1px solid #e2a23d;outline-offset:-1px}.square--ashtapada-dark.square--ashtapada-mark:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;background:linear-gradient(to bottom right,transparent calc(50% - .75px),#fae4ae calc(50% - .75px),#fae4ae calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(to bottom left,transparent calc(50% - .75px),#fae4ae calc(50% - .75px),#fae4ae calc(50% + .75px),transparent calc(50% + .75px));pointer-events:none;z-index:-1}.square--ashtapada-light.square--ashtapada-mark:before{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;background:linear-gradient(to bottom right,transparent calc(50% - .75px),#e2a23d calc(50% - .75px),#e2a23d calc(50% + .75px),transparent calc(50% + .75px)),linear-gradient(to bottom left,transparent calc(50% - .75px),#e2a23d calc(50% - .75px),#e2a23d calc(50% + .75px),transparent calc(50% + .75px));pointer-events:none;z-index:-1}.board-container--preview .square--ashtapada-dark,.board-container--preview .square--ashtapada-light{outline-width:.5px;outline-offset:-.5px}.board-container--preview .square--ashtapada-dark.square--ashtapada-mark:before{background:linear-gradient(to bottom right,transparent calc(50% - .4px),#fae4ae calc(50% - .4px),#fae4ae calc(50% + .4px),transparent calc(50% + .4px)),linear-gradient(to bottom left,transparent calc(50% - .4px),#fae4ae calc(50% - .4px),#fae4ae calc(50% + .4px),transparent calc(50% + .4px))}.board-container--preview .square--ashtapada-light.square--ashtapada-mark:before{background:linear-gradient(to bottom right,transparent calc(50% - .4px),#e2a23d calc(50% - .4px),#e2a23d calc(50% + .4px),transparent calc(50% + .4px)),linear-gradient(to bottom left,transparent calc(50% - .4px),#e2a23d calc(50% - .4px),#e2a23d calc(50% + .4px),transparent calc(50% + .4px))}