*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}nav{position:absolute;top:0;left:0;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:2em;z-index:10;pointer-events:none}nav a{text-decoration:none;text-transform:uppercase;font-size:28px}nav a,nav button{color:#fff;font-family:MOSKO MAPPA;pointer-events:all}nav button{border:none;outline:none;background-color:#000;border-radius:.25em;padding:10px 20px;text-transform:capitalize;font-size:24px}.board{width:100vw;height:min(100vw,100vh);padding:20px;flex-direction:column;perspective:1000px;background-color:#000;position:relative;z-index:1}.board,.row{display:flex;gap:5px}.row,.tile{flex:1}.tile{position:relative;transform-style:preserve-3d}.tile-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:15px;overflow:hidden}.tile-front{background-color:#2f4f4f}.tile-back{background-color:#483d8b;transform:rotateX(180deg)}.tile-back:before,.tile-front:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-size:600% 600%;background-position:inherit;clip-path:inset(0 round .25em)}.tile-front:before{background-image:url(/_next/static/media/ff.5a7fcd7b.png)}.tile-back:before{background-image:url(/_next/static/media/bb.9bd49054.png)}.blocks-container{position:fixed;top:0;left:0;width:100vw;pointer-events:none;z-index:2}#blocks,.blocks-container{height:100vh;overflow:hidden}#blocks{width:102vw;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start}.block{width:50px;height:50px;border:.5px solid transparent;transition:border-color .3s ease}.highlight{border-color:#fff}