.block{width:calc(min(4.5454vh,4.5454vw) - min(4.5454vh,4.5454vw)*.0625*2);height:calc(min(4.5454vh,4.5454vw) - min(4.5454vh,4.5454vw)*.0625*2);background-color:#555;margin:calc(min(4.5454vh,4.5454vw)*.0625);position:absolute;left:calc(var(--left)*min(4.5454vh,4.5454vw));top:calc(var(--top)*min(4.5454vh,4.5454vw))}.block--active{background-color:#777;z-index:1}.piece--hidden{display:none}.board{width:calc(min(4.5454vh,4.5454vw)*10);height:calc(min(4.5454vh,4.5454vw)*22);margin:auto;background-color:rgba(0,0,0,.2);position:relative}.board--paused{filter:blur(5px);cursor:pointer}#resume{position:fixed;top:50%;left:50%;margin-left:-24px;margin-right:-24px;width:48px;height:48px;border-style:solid;border-width:24px 0 24px 48px;border-color:transparent transparent transparent #fff;background:none;cursor:pointer}body{margin:0;height:100vh}@media(prefers-color-scheme:dark){body{background-color:#202124}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;display:flex;text-align:center;color:#2c3e50}