:root{--width:min(min(90vw,max(90vh,600px)),1000px);--padding-between:8px;--cell-width:calc(var(--width)/12);--animation-length:0.5s;--egg-shape:50% 60% 50% 50%/70% 70% 40% 40%;--egg-color:#fae5c0;--box-color:#db958f}body{background-color:#b6b6b6;font-family:sans-serif;font-weight:500;font-size:10px;transition:background-color 3s;display:flex;flex-direction:column;justify-content:center}.game-over{background-color:rgba(171,82,82,.757)}h1{font-size:30px}h2{font-size:20px}p{font-size:14px;text-align:center;opacity:.6}a{color:#315862}button{font-size:30px;background-color:#ff6e6e;text-decoration:none;padding:8px;border-radius:5px;border:1px solid #8b0000;cursor:pointer}.board-container{position:relative}.outer.background{z-index:1}.outer.main{z-index:2}.outer{display:flex;flex-direction:column;align-items:stretch;height:var(--width);margin-bottom:20px}.outer.main{position:absolute}.outer.background .cell{border:4px solid #d6d6d6}.outer.background .cell:not(.egg){box-shadow:5px 5px 2px 2px rgba(88,110,116,.06666666666666667);background-color:#c5c5c5}.row{flex-direction:row;align-items:stretch;width:var(--width)}.cell,.row{display:flex;flex-basis:100%}.cell{margin:4px;justify-content:center;align-content:center;align-items:center;box-sizing:border-box;border:4px solid hsla(0,0%,83.9%,0)}@keyframes move-up{0%{top:calc(var(--cell-width)*-1)}to{top:0}}@keyframes move-down{0%{top:calc(var(--cell-width))}to{top:0}}@keyframes move-left{0%{right:calc(var(--cell-width))}to{right:0}}@keyframes move-right{0%{left:calc(var(--cell-width))}to{left:0}}.cell.right{animation:move-left var(--animation-length) forwards}.cell.left{animation:var(--animation-length) forwards move-right}.cell.down{animation:var(--animation-length) forwards move-up}.cell.up{animation:var(--animation-length) forwards move-down}.cell.player{background-color:#0086a8;background-image:url(/smiley-player.d17d1a9d.png)}.cell.box,.cell.player{border:4px solid #000;opacity:1;background-size:contain;position:relative}.cell.box{background-color:var(--box-color);box-sizing:border-box;background-image:url(/smiley-box.9f141314.png)}@keyframes hatch{0%{border-radius:var(--egg-shape);background-color:var(--egg-color);transform:scale(.75)}to{border-radius:0;background-color:var(--box-color);transform:scale(1)}}.box.new-hatchling{animation:var(--animation-length) forwards hatch}.cell.hide{opacity:0}.cell.egg:before{content:attr(data-meta);font-size:24px;font-weight:700;position:absolute;width:100%;text-align:center;top:calc(50% - 12px);opacity:.5}.cell.egg{background:var(--egg-color);display:block;position:relative;border-radius:var(--egg-shape)}.container{display:flex;flex-direction:column;align-items:center;width:var(--width);margin:auto;overflow:hidden}.score-container{display:flex;width:100%;justify-content:space-between;padding:0 5px;margin-bottom:-5px;box-sizing:border-box}
/*# sourceMappingURL=/style.65acb949.css.map */