.chessboard{width:8em;height:8em;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);box-shadow:0 4px 5px #00000024,0 1px 10px #0000001f,0 2px 4px -1px #0003}.chessboard>div{background-color:#eedab6;touch-action:none;display:grid;place-items:center}.chessboard>div.darkBackground{background-color:#c7a47b}.chessboard>div:hover{box-shadow:0 0 4px 2px #000 inset}.chessboard>div.isDropTarget{box-shadow:0 0 8px 4px #000 inset}.chessboard>div.isDraggable{cursor:pointer}.chessboard>div:before{content:"";box-sizing:border-box;width:85%;height:85%;border:5px solid transparent;border-radius:25%;pointer-events:none;grid-area:1/1/1/1}.chessboard>div.isLastMove:before{border-color:#00f}.chessboard>div.isHighlighted{cursor:pointer}.chessboard>div.isHighlighted:before{border-color:green}.chessboard>div.isInCheck:before{border-color:red}.chessboard>div.isSelected:not(:empty):before{border-color:#ff0}.chessboard>div>*{grid-area:1/1/1/1}.piece{display:block;line-height:1em;text-align:center;width:1em;height:1em;user-select:none;touch-action:none;text-shadow:.025em 0 0 var(--shadow-color),-.025em 0 0 var(--shadow-color),0 .025em 0 var(--shadow-color),0 -.025em 0 var(--shadow-color),.025em 0 0 var(--shadow-color),-.025em 0 0 var(--shadow-color),0 .025em 0 var(--shadow-color),0 -.025em 0 var(--shadow-color)}.piece *{pointer-events:none}html[data-href="/chess"] main{display:grid;place-items:center}html[data-href="/chess"] main dialog[open]{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:1em;box-sizing:border-box;padding:2.5em;border:none;width:8em;height:8em;background-color:#00000080}html[data-href="/chess"] main dialog[open]>.button{width:1em;height:1em;padding:.25em;margin:-.25em;font-size:1em;background-color:#2196f366;border-color:#2196f3}.taken-pieces{display:flex;font-size:.5em;min-width:1em;min-height:1em}.taken-pieces.white{align-self:start;flex-direction:row}.taken-pieces.black{align-self:end;flex-direction:row-reverse}.taken-pieces .piece{cursor:default}.taken-pieces.last-captured :last-child{border-radius:4px;background-color:#00f}html.dark .taken-pieces.last-captured :last-child{box-shadow:0 0 0 2px gray inset}.chessboard-container{font-size:10vmin;font-size:calc(min(100vw,100vh - 64px)*.11);font-size:min((100cqw - 16px) / 8,(100cqh - 16px) / 9);display:flex;justify-content:center;align-items:center;flex-direction:column}@container (orientation: landscape){.chessboard-container{flex-direction:row;font-size:min((100cqw - 16px) / 9,(100cqh - 16px) / 8)}.taken-pieces{display:flex;font-size:.5em;width:1em}.taken-pieces.white{align-self:start;flex-direction:column}.taken-pieces.black{align-self:end;flex-direction:column-reverse}}