*{box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;width:100vw;min-height:100vh;background-color:#101010;margin:0;overflow:hidden}.board{display:flex;flex-direction:column;margin-top:-30px;width:min(100vw,100vh - 30px);height:min(100vw,100vh - 30px);justify-content:stretch;align-items:stretch;position:relative;box-shadow:10px 10px 25px 5px #000c}.surface{position:absolute;display:flex;justify-content:center;align-items:center}@keyframes rotate{0%{transform:perspective(1000px) rotate3d(1,1,0,0)}to{transform:perspective(1000px) rotate3d(1,1,0,360deg)}}.reihe{display:flex;flex:1}.feld{flex:1;position:relative}.image{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.reihe:nth-child(odd) .feld:nth-child(odd),.reihe:nth-child(even) .feld:nth-child(even){background-color:#aee0a6;box-shadow:inset 0 0 1px 1px #0000004d}.reihe:nth-child(odd) .feld:nth-child(even),.reihe:nth-child(even) .feld:nth-child(odd){background-color:#3e6937;box-shadow:inset 0 0 1px 1px #0000004d}.piece{flex-grow:0;position:relative;top:0;left:0;bottom:0;right:0}.piece-snapping{transition:transform .3s ease-out}.highlight{position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);background-color:#ff06;border:3px solid rgba(255,255,0,1);box-shadow:inset 2px 2px 10px 2px #32320040;margin:-1px;z-index:1}.history{z-index:3;position:fixed;bottom:5px;left:5px;color:#969696;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px}