@font-face{font-family:Montserrat Variable;src:url(/assets/Montserrat-VariableFont_wght-CiIa1Ne8.ttf);font-weight:sans-serif;font-style:normal}*{font-synthesis:none}html{height:100%}body{background-color:#fff9e7;font-family:Montserrat Variable,sans-serif;min-height:100%;touch-action:none;overflow:hidden}.button{background-color:#04aa6d;border:none;color:#fff;text-align:center;text-decoration:none;font-size:16px;border-radius:30%;font-family:Montserrat Variable,sans-serif;font-weight:400;padding:0%}.fade-in{animation:fade-in .5s ease;opacity:1}.fade-out{animation:fade-out .5s ease;opacity:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}#grid{display:grid;margin-top:15px}.tile.full{animation:tile-grow .6s ease;scale:1}.tile.shrink{animation:tile-shrink .6s ease;scale:0}@keyframes tile-grow{0%{scale:0}to{scale:1}}@keyframes tile-shrink{0%{scale:1}to{scale:0}}.dot{background-color:#000;border-radius:50%;position:absolute}.hint{animation:hint 1s ease-in-out 3;animation-fill-mode:forwards}@keyframes hint{0%{filter:brightness(100%)}50%{filter:brightness(135%)}to{filter:brightness(100%)}}#controls{margin:10px;display:flex;width:90%}@media (min-width: 650px){#controls{width:600px}}#controls button{font-size:20px;height:50px;width:50px;border-radius:10px;margin-right:7px}#header-buttons{flex-shrink:0}#header-stats{flex-grow:1;position:relative}#header-stats div{position:absolute;text-align:center;font-size:20px;transform:translateY(50%)}@media (min-width: 650px){#header-stats div{left:60%}#header-stats div>span{padding-left:15px}}@media (max-width: 649px){#header-stats div{right:0%;bottom:50%;width:8ch}#header-stats div>span{display:block}}#game-screen{display:flex;flex-direction:column;align-items:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:1;animation:fade-in .5s ease;z-index:1000}.overlay.hide{animation:fade-out .5s ease;opacity:0}.box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0003;text-align:center;width:300px}.stats{padding-top:10px;display:flex;justify-content:space-between;gap:20px;padding-bottom:10px}.stats>div{flex:1;padding:10px;background:#f0f0f0;border-radius:8px}.button-div{display:flex;justify-content:space-between;gap:10px}.overlay .button-div{padding-top:20px}.button-div button{font-size:20px;height:60px;border-radius:17px;flex:1}.final-dimension-adjust{display:flex;justify-content:space-between;gap:10px}.final-dimension-adjust div{flex:1;padding-bottom:5px}.final-dimension-adjust>div>button{width:35%;height:43px;border-radius:17px;font-size:20px}#welcome-screen{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.dimension-button-container{display:flex;flex-direction:row;flex-wrap:wrap;flex-basis:50%;justify-content:center;padding-bottom:30px;padding-top:10px}.dimension-button{display:flex;flex-direction:row;padding:20px;width:100%;justify-content:center}.dimension-button button{height:45px;width:45px}.dimension-button button:hover{cursor:pointer}.dimension-button p{padding:0 20px}.inliners{display:inline-block}.create-button{font-size:20px;height:60px;width:160px;border-radius:17px;margin-bottom:30px}