#board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border:1px solid var(--border-subtle);border-radius:1rem;overflow:hidden;box-shadow:0 .6rem 2rem var(--shadow-black);margin:.5rem auto;width:100%;max-width:90vh;aspect-ratio:1;min-height:0}#board .row{display:contents}#board .cell{position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;width:11.25vh;height:11.25vh}.REVERSED{transform:rotate(180deg)!important}.CHECK,.MOVE{transition:filter .3s ease;-webkit-transition:filter .3s ease;position:relative;z-index:3}.MOVE{box-shadow:0 0 .5rem var(--color-gold);-webkit-filter:drop-shadow(0 0 .5rem var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold));filter:drop-shadow(0 0 .5rem var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold))}.CHECK{box-shadow:0 0 .5rem var(--color-red);-webkit-filter:drop-shadow(0 0 .5rem var(--color-red)) drop-shadow(0 0 .5rem var(--color-red));filter:drop-shadow(0 0 .5rem var(--color-red)) drop-shadow(0 0 .5rem var(--color-red))}#board .cell.rank-label:before{content:attr(data-rank);left:.2rem;top:.2rem}#board .cell.file-label:after,#board .cell.rank-label:before{position:absolute;font-size:clamp(1rem,1.2vw,.9rem);color:rgba(0,0,0,.75);pointer-events:none;z-index:2}#board .cell.file-label:after{content:attr(data-file);right:.2rem;bottom:.2rem}#board .cell.white.file-label:after,#board .cell.white.rank-label:before{color:rgba(0,0,0,.75)}#board .cell.black.file-label:after,#board .cell.black.rank-label:before{color:var(--color-text-light)}.white{background-color:var(--color-gray-light)}.black{background-color:var(--color-gray-dark)}#spaceSave,img.black-piece,img.white-piece{display:block;margin:0 auto;width:100%;height:100%;touch-action:none;user-select:none}.black-piece,.white-piece{cursor:grab;transition:transform .3s ease,filter .3s ease,box-shadow .3s ease;-webkit-transition:transform .3s ease,filter .3s ease,box-shadow .3s ease}.black-piece:hover,.white-piece:hover{filter:drop-shadow(0 0 0 var(--color-gold)) drop-shadow(0 0 .5rem var(--color-gold));transform:translateY(-.15rem)}.slide-move{transition:transform .5s cubic-bezier(.32,.58,.67,.9);-webkit-transition:transform .5s cubic-bezier(.32,.58,.67,.9);z-index:10;position:relative}h2{background-image:var(--gradient-gold);color:transparent;background-clip:text}#notation{border:1px solid var(--border-subtle);border-radius:1.5rem;overflow:hidden;box-shadow:0 .6rem 2rem var(--shadow-black);margin:auto;width:clamp(400px,25vw,30vh);height:100%;max-height:90vh;display:flex;flex-direction:column}#notation-limit{width:90%}#notation-text{padding:1.5rem;overflow-y:auto;max-height:80%;scrollbar-width:thin;transition:all .3 ease}#turn-display{flex-direction:column;align-items:end;padding:1.5rem;text-align:center;margin:auto .6rem .6rem}#down-timer,#top-timer,#turn-display,.goodMove{background-image:var(--gradient-gold);color:transparent;background-clip:text}#import-file-notation{display:none}.board-infos{display:inline-flex;margin-left:auto;align-items:center;padding:0;box-sizing:border-box;gap:30px}.board-infos p{margin:0;line-height:1}#promote-popup img{width:clamp(2rem,6vw,3.2rem);height:clamp(2rem,6vw,3.2rem);cursor:pointer;border:.125rem solid var(--color-border);background-color:transparent;border-radius:.9rem;box-shadow:0 .6rem 2rem var(--shadow-black);transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;-webkit-transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}#promote-popup img:hover{background-color:var(--color-brown);border-color:var(--color-gold);transform:scale(1.03)}#promote-popup,div.loader{position:fixed;inset:0;z-index:9999}div.loader{background:var(--color-bg-body);display:flex;align-items:center;justify-content:center}a#contact-error{margin:1vmin;color:var(--color-gold-light);text-align:center}p.loader{font-size:2.5rem}