*{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:absolute;box-shadow:10px 10px 25px 5px #000c}.canvas{display:block;width:100vw;height:100vh}.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(2n) .feld:nth-child(2n){background-color:#aee0a6;box-shadow:inset 0 0 1px 1px #0000004d}.reihe:nth-child(odd) .feld:nth-child(2n),.reihe:nth-child(2n) .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}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:4;display:flex;justify-content:center;align-items:center;gap:10px;background-color:#101010b3}.dialog{flex-direction:column;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.dialog-question{margin:0;color:#e6e6e6;font-size:20px;text-align:center;padding:0 10px}.dialog-answers{display:flex;gap:10px}.dialog-answer,.offer{font:inherit;font-size:16px;color:#1e1e1e;padding:6px 14px;border:2px solid rgba(255,255,0,.6);border-radius:4px;background-color:#aee0a6;cursor:pointer}.dialog-answer:hover,.offer:hover{border-color:#ff0}.offer{position:fixed;z-index:3;right:5px;bottom:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.offer:disabled{opacity:.5;cursor:default}.promotion-choice{width:calc(min(100vw,100vh)/8);height:calc(min(100vw,100vh)/8);padding:4px;border:3px solid rgba(255,255,0,.6);border-radius:4px;background-color:#aee0a6;cursor:pointer}.promotion-choice:hover{border-color:#ff0}.promotion-choice img{width:100%;height:100%;display:block}.history,.status{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}.status{bottom:auto;top:5px;color:#ffe678;background-color:#101010bf;border-radius:4px;padding:2px 6px}.status:empty{display:none}