body{height:100vh;overflow:hidden}#root{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:1rem auto;border:1px solid black;width:1280px;height:720px;position:relative}.grid-wrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;width:600px;height:600px;background-size:cover;margin:auto;position:absolute;top:3rem;left:25rem}.grid-cell{width:50px;height:50px;border:1px solid #2980b9;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;background-size:cover}.grid-cell img{max-width:100%;max-height:100%}.grid-cell:hover{background-color:#0f0}.grid-menu{position:absolute;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000;width:200px}.menu h3{margin-top:0}.menu button{margin-top:10px}.info{display:flex;align-items:left;flex-direction:column;width:300px;border-right:1px solid black;border-bottom:1px solid black;padding:.5rem}.info-entry.money{position:absolute;right:10px;border:1px solid black;width:230px}.info-entry.time{position:absolute;right:10px;top:50px;border:1px solid black;width:230px}.info-entry{display:flex;align-items:center;margin-bottom:10px;position:relative}.info-entry span.unit{margin-left:10px}.info-entry img.icon{width:34px;height:34px;margin-right:10px}.progress-bar{width:100%;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-left:10px;position:relative}.progress{height:20px;background:linear-gradient(to right,#a5ffc3,#ffec96 45%,#ff8383);background-size:300px 100%;text-align:left;line-height:20px;color:#000;border-radius:5px;text-overflow:inherit}.unit{position:absolute;color:#000;right:10px;top:0}.description{display:none;position:absolute;left:30%;bottom:0;background-color:#fff;color:#000;padding:5px;border-radius:3px;white-space:nowrap;z-index:1}.info-entry:hover .description{display:block}.upgrades{border-top:1px solid black;border-right:1px solid black;width:100px;bottom:0;position:absolute}.player-upgrades{padding:10px;height:450px;overflow-y:auto}.player-upgrades>div:hover>.description{display:block;bottom:unset}.description.desc-low{top:91%}.open-all-upg{width:100%;height:70px;cursor:pointer}.buy-items{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000;width:600px;height:500px;overflow-y:auto}.buy-items h2{text-align:center}.buy-items>div{display:grid;grid-template-columns:auto}.buy-items .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer}.item{display:grid;grid-template-columns:.3fr .3fr 1.1fr;border:1px solid #ccc;padding:10px;border-radius:5px;width:90%;margin:10px auto}.item h3{border-right:1px solid #ccc}.item p{padding:10px}.item img.icon{width:100px;height:100px;margin-bottom:10px}.item button{padding:5px;grid-column-start:1;grid-column-end:4}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;z-index:999}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1000;max-width:400px;width:90%;text-align:left;white-space:pre;text-wrap:wrap}.popup h2{margin-top:0}.popup button{margin-top:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}