*{box-sizing:border-box}html{touch-action:manipulation}:root{touch-action:pan-x pan-y;height:100%}.hidden{display:none}body{display:flex;justify-content:center;width:100%;flex-wrap:wrap;margin:0;padding:0;background-color:#444;color:#fff8dc;font-size:16px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;text-shadow:2px 2px 2px black}#app{margin:0 auto;width:100%;max-width:600px;aspect-ratio:1;position:absolute}.dashboard{position:absolute;left:0;right:0;width:100%;height:10%;display:flex;justify-content:space-between;align-items:center;padding:2%}#playerDashboard{top:110%}#playerControls{top:120%;justify-content:flex-end}button{padding:0 10px;height:32px;margin-left:6px;border:1px solid cornsilk;border-radius:3px;background-color:#000;color:#fff8dc;font-size:16px;font-weight:700;box-shadow:2px 2px 4px #000;cursor:pointer}.player,clock{width:75%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#board{position:absolute;inset:10% 0 0;aspect-ratio:1;background-image:url(/pixel-chess_v1.2/boards/board_plain_05.png);background-size:111%;background-position:center;background-repeat:no-repeat;image-rendering:pixelated}#promotionSelection{position:absolute;z-index:3;border:4px solid white;border-radius:10px;background-color:#191919b3;box-shadow:10px 10px 15px #19191980;margin-top:31.25%;margin-left:18.75%;width:62.5%;height:25%}#dialog{position:absolute;z-index:3;border:4px solid white;border-radius:10px;background-color:#191919b3;box-shadow:10px 10px 15px #19191980;margin-top:31.25%;margin-left:18.75%;width:62.5%;padding:2%;text-align:center}#dialog h1{font-size:24px}.promote{z-index:4;height:80%;width:15%;margin-top:0%;margin-left:5%;margin-right:5%;background-size:600% 100%;background-position:center;image-rendering:pixelated;float:left;cursor:pointer}.field{z-index:2;width:12.5%;height:12.5%;position:absolute;cursor:pointer}.indicator{display:flex;justify-content:center;align-items:center;font-size:100%;color:#fff;opacity:.75;mix-blend-mode:hard-light}.indicator:after{content:"⬤"}.field:hover{background-color:#fff;opacity:40%;mix-blend-mode:hard-light;box-shadow:0 0 12px 12px #fff}.piece{z-index:1;position:absolute;height:17.5%;width:8%;margin-top:-6%;margin-left:2%;pointer-events:none;background-size:600% 100%;background-position:center;image-rendering:pixelated;transition:top .5s ease,left .5s ease}.a{left:0%}.b{left:12.5%}.c{left:25%}.d{left:37.5%}.e{left:50%}.f{left:62.5%}.g{left:75%}.h{left:87.5%}._8{top:0%}._7{top:12.5%}._6{top:25%}._5{top:37.5%}._4{top:50%}._3{top:62.5%}._2{top:75%}._1{top:87.5%}.white{background-image:url(/pixel-chess_v1.2/16x32%20pieces/WhitePiecesWood-Sheet.png)}.black{background-image:url(/pixel-chess_v1.2/16x32%20pieces/BlackPieces-Sheet.png)}.pawn{background-position:0 0}.knight{background-position:-100% 0}.rook{background-position:-200% 0}.bishop{background-position:-300% 0}.queen{background-position:-400% 0}.king{background-position:-500% 0}