:root{--white:#b9b9b9;--black:#141414;--gray-lighter:#888888;--gray-light:#525252;--gray-dark:#212121;--gray:#282828;--blue-darker:#3f5362;--blue-dark:#566c7e;--blue-light:#768d9e;--green:#468c60;--green-dark:#3f8257;--yellow:#fde74c;--lime:#73d33c;--ocean:#5bc0eb;--yellow-light:#c4b330;--lime-light:#69b43e;--ocean-light:#55afd6;--yellow-dark:#a79930;--lime-dark:#53982b;--ocean-dark:#4291b3;--ocean-pale-transparent-light:#6eac7e91;--ocean-pale-transparent-dark:#60ad6d80;--ocean-pale-lighter:#78b086;--ocean-pale-darker:#71a57e;--red-pale-dark:#95785d;--red-pale-light:#ac8c6f;--green-light:#5b9567;--red-light:#df5462;--red-dark:rgb(170,50,58)}h1{font-size:1.8rem;font-family:kaushan_scriptregular;margin:0}h2{font-size:1.6rem}p{font-size:1.4rem;line-height:1.6;word-spacing:.3rem}ol,ul{padding:0}ol{list-style-position:inside;margin:2px 0 10px;counter-reset:item}li{display:block}.steps li:before{content:counters(item,".") " ";counter-increment:item}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background-color:var(--gray);border-left:2px solid var(--gray-dark)}::-webkit-scrollbar-thumb{background-color:var(--gray-dark);border-left:2px solid var(--black);border-radius:5px}a:link{color:rgb(78,194,178);text-decoration:none}a:visited{color:rgb(76,150,129)}a:focus,a:hover{border-bottom:1px solid rgb(76,150,129)}a:active{color:rgb(15,110,95)}.wrapper{width:100vw;height:100vh;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start}header{display:flex;justify-content:space-between;align-self:flex-start;align-items:center;gap:10px;background-color:var(--gray-dark);border-collapse:collapse;height:9%;width:100%;-webkit-user-select:none;user-select:none}button{border:none}.board-wrapper{border:5px solid var(--blue-darker);border-radius:3px}.board{position:relative;grid-column:3;grid-row:1/9;width:700px;height:700px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);background-color:var(--blue-dark)}.blackField,.whiteField{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.whiteField{background-color:var(--blue-light);box-sizing:border-box}.blackField{background-color:var(--blue-dark);box-sizing:border-box}.whiteField.lastPlayedMoveFrom{background-color:var(--ocean-pale-transparent-light)}.blackField.lastPlayedMoveFrom{background-color:var(--ocean-pale-transparent-dark)}.whiteField.lastPlayedMoveTo{background-color:var(--ocean-pale-lighter)}.blackField.lastPlayedMoveTo{background-color:var(--ocean-pale-darker)}.whiteField.selected:not(:has(svg)){background-color:var(--ocean-light)}.blackField.selected:not(:has(svg)){background-color:var(--ocean-dark)}.whiteField.selected:has(svg[data-color=white]){background-color:var(--lime-light)}.blackField.selected:has(svg[data-color=white]){background-color:var(--lime-dark)}.whiteField.selected:has(svg[data-color=black]){background-color:var(--yellow-light)}.blackField.selected:has(svg[data-color=black]){background-color:var(--yellow-dark)}.whiteField.pieceCanMoveHere.lastPlayedMoveFrom{background:radial-gradient(var(--green) 19%,var(--ocean-pale-transparent-light) 20%);cursor:pointer}.blackField.pieceCanMoveHere.lastPlayedMoveFrom{background:radial-gradient(var(--green-dark) 19%,var(--ocean-pale-transparent-dark) 20%);cursor:pointer}.whiteField.pieceCanMoveHere:not(:has(svg)){background:radial-gradient(var(--green) 19%,var(--blue-light) 20%);cursor:pointer}.blackField.pieceCanMoveHere:not(:has(svg)){background:radial-gradient(var(--green-dark) 19%,var(--blue-dark) 20%);cursor:pointer}.blackField.pieceCanMoveHere svg,.whiteField.pieceCanMoveHere svg{background:radial-gradient(transparent 0,transparent 79%,var(--green-dark) 80%)}.blackField.pieceCanMoveHere:hover svg,.whiteField.pieceCanMoveHere:hover svg{background:radial-gradient(transparent 0,transparent 70%,var(--green-dark) 72%)}.whiteField.pieceCanMoveHere.lastPlayedMoveFrom:hover{background:radial-gradient(var(--green) 23%,var(--ocean-pale-transparent-light) 24%)}.blackField.pieceCanMoveHere.lastPlayedMoveFrom:hover{background:radial-gradient(var(--green-dark) 23%,var(--ocean-pale-transparent-dark) 24%)}.whiteField.pieceCanMoveHere:not(:has(svg)):hover{background:radial-gradient(var(--green) 23%,var(--blue-light) 24%)}.blackField.pieceCanMoveHere:not(:has(svg)):hover{background:radial-gradient(var(--green-dark) 23%,var(--blue-dark) 24%)}.whiteField.premove{background:radial-gradient(var(--red-pale-light) 100%)}.blackField.premove{background:radial-gradient(var(--red-pale-dark) 100%)}.whiteField.pieceCanMoveHere:not(:has(svg)).premove{background:radial-gradient(var(--green) 19%,var(--red-pale-light) 20%)}.blackField.pieceCanMoveHere:not(:has(svg)).premove{background:radial-gradient(var(--green) 19%,var(--red-pale-dark) 20%)}.currentPiece{background-color:var(--green-light)}.check svg{background:radial-gradient(ellipse at center,rgb(255,0,0) 0,rgb(231,0,0) 25%,rgba(169,0,0,0) 82%,rgba(158,0,0,0) 100%)}.board__accept-restart,.board__define-side,.board__mated,.board__promotion{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;text-shadow:1px 1px 1px black;background-color:var(--gray);border:1px solid var(--black);border-radius:10px;left:50%;top:50%;transform:translate(-50%,-35%)}.board__define-side p{margin:5px 15px 0}.board__mated{width:300px;height:150px}.board__promotion{padding:20px}.board__promotion-pieces-wrapper{border:2px solid var(--blue-darker);border-radius:5px}.board__promotion-pieceBlock{display:inline-block;background-color:var(--blue-dark)}div .inactive{visibility:hidden;opacity:0}div .active{opacity:1;transition:opacity .3s ease}svg{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}svg:hover{cursor:pointer}circle,g,path{pointer-events:none}@font-face{font-family:fira_sansbold;src:url(/assets/fonts/firasans-bold-webfont.woff2) format("woff2"),url(/assets/fonts/firasans-bold-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:fira_sansitalic;src:url(/assets/fonts/firasans-italic-webfont.woff2) format("woff2"),url(/assets/fonts/firasans-italic-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:fira_sansmedium;src:url(/assets/fonts/firasans-medium-webfont.woff2) format("woff2"),url(/assets/fonts/firasans-medium-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:kaushan_scriptregular;src:url(/assets/fonts/kaushanscript-regular-webfont.woff2) format("woff2"),url(/assets/fonts/kaushanscript-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:notosans-light;src:url(/assets/fonts/NotoSans-Light.ttf) format("truetype");font-weight:light;font-style:light}@font-face{font-family:notosans-lighter;src:url(/assets/fonts/NotoSans-ExtraLight.ttf) format("truetype");font-weight:lighter;font-style:lighter}@font-face{font-family:notosans-regular;src:url(/assets/fonts/NotoSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body,html{font-family:notosans-light}body{background:linear-gradient(180deg,rgb(53 53 53),rgba(48,48,48,1) 35%,rgba(41,41,41,1) 65%,rgba(20,20,20,1))}