:root{--square-size:68px}body{font:14px Century Gothic,Futura,sans-serif;margin:20px}ol,ul{padding-left:30px}.board-row:after{clear:both;content:"";display:table}.status{margin-bottom:10px}.dark-square,.light-square{border:1px solid #999;box-sizing:border-box;float:left;font-size:24px;font-weight:700;height:68px;height:var(--square-size);line-height:68px;line-height:var(--square-size);margin-right:-1px;margin-top:-1px;padding:0;position:relative;text-align:center;touch-action:none;width:68px;width:var(--square-size)}.dark-square>div,.light-square>div{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.dark-square svg,.light-square svg{height:80%;width:80%}.light-square{background:#eeeed2}.dark-square{background:#769656}.coord-rank{left:3px;top:2px}.coord-file,.coord-rank{font-size:11px;font-weight:700;line-height:1;pointer-events:none;position:absolute;z-index:5}.coord-file{bottom:2px;right:3px}.light-square .coord-file,.light-square .coord-rank{color:#769656}.dark-square .coord-file,.dark-square .coord-rank{color:#eeeed2}.legal-dot:after{background:rgba(0,0,0,.2);border-radius:50%;height:32%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:32%}.legal-capture:after,.legal-dot:after{content:"";pointer-events:none;position:absolute;z-index:10}.legal-capture:after{background:radial-gradient(transparent 58%,rgba(0,0,0,.2) 0);inset:0}.square:focus{outline:none}.kbd-navigation .square:focus{background:#ddd}.game{display:flex;flex-direction:row;flex-wrap:wrap}.game-info{margin-left:20px}.move-list{float:left;padding:30px;width:25%}.game-board{position:relative}.promotion-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:200}.promotion-picker{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4);padding:16px 20px;text-align:center}.promotion-title{font-size:16px;font-weight:700;margin:0 0 12px}.promotion-options{display:flex;gap:8px}.promotion-option{align-items:center;background:#eeeed2;border:2px solid #999;border-radius:6px;cursor:pointer;display:flex;height:68px;justify-content:center;padding:4px;width:68px}.promotion-option:hover{background:#d4e8c0;border-color:#769656}.promotion-option svg{height:100%;width:100%}@media (max-width:600px){:root{--square-size:calc(12.5vw - 2px)}body{margin:8px}.game{flex-direction:column}.game-board{width:100%}.move-list{padding:16px 0;width:100%}.game-info{margin-left:0}}
/*# sourceMappingURL=main.a28e57bf.css.map*/