.board-container{background:url(/200.png);color:#333;background-size:100% 100%;width:100%;aspect-ratio:1;position:relative;border-radius:4px}.page-container{max-width:85vh;height:100vh;display:flex;flex-direction:column;margin-left:40px;margin-right:40px}@media (max-width: 1024px){.page-container{margin-left:10px;margin-right:10px}}.player-name-container{padding:10px;margin:10px 0;border-radius:4px}.board-line{display:flex;width:100%;gap:0;height:12.5%}.square{height:100%;width:12.5%;display:flex;align-items:center;justify-content:center;font-size:60px;font-weight:700;z-index:20}.possible-move{color:gray;z-index:30}.possible-move-dot{height:35%;width:35%;border-radius:100%;background-color:#3c3c3c33}.capture{height:100%;width:100%;border:9px solid rgba(60,60,60,.2);border-radius:100%}.selected-piece{background:#60c8f466;z-index:10}.checked{background:#fa3c3c99;z-index:10}.highlight{position:absolute;font-size:60px;font-weight:700;height:12.5%;width:12.5%;display:flex;align-items:center;justify-content:center}.piece{width:95%}.current-player{background-color:#39bad3}.winning-player{background-color:#39d386}.match-over-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border-radius:4px;background:#fff;color:#666}.icon{width:48px;height:48px}.promoting-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;border-radius:4px;background:#fff;color:#666;z-index:100}.promoting-piece{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}