body{height:100vh;overflow:hidden;-webkit-user-select:none;user-select:none}#root{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:10px auto;border:1px solid black;border-radius:15px;width:1280px;height:720px;position:relative;box-shadow:0 4px 8px #0004ff}#clouds-img{position:absolute;right:25px;width:200px;height:300px;background-image:url(/assets/clouds.png);background-repeat:no-repeat;background-size:cover;background-position:center center;background-color:#ffffff80;background-blend-mode:lighten}.grid-wrapper{display:grid;grid-template-columns:repeat(10,1fr);gap:1px;width:600px;height:600px;background-size:cover;margin:auto;position:absolute;top:48px;left:400px}.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 img.grid-house-empty{filter:grayscale(100%)}.grid-cell.cell-locked{filter:contrast(15%) blur(1px)}.grid-cell.cell-selected{box-shadow:0 0 10px 5px #2980b9}.grid-menu{position:absolute;background:#d3d3d3;padding:20px;border-radius:10px;box-shadow:0 4px 8px #000;border:2px solid black;z-index:1000;width:200px}.grid-menu button{display:block;margin:10px auto;padding:5px;width:100px;background:#add8e6;border:1px solid black;border-radius:5px;cursor:pointer}.grid-menu button:hover{background:#90ee90}.grid-buy-tabs .tab-wrapper{display:flex;justify-content:space-around;margin-bottom:10px;position:absolute;border:2px solid black;width:fit-content;padding:15px;border-radius:15px;background:#d3d3d3;box-shadow:0 3px 2px #7a7a7a;left:50%;top:9%}.grid-buy-tabs .tab{cursor:pointer;padding:5px 10px;border:1px solid black;border-radius:5px;background:#add8e6}.grid-buy-tabs .tab.active,.grid-buy-tabs .tab:hover{background:#90ee90}.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;box-shadow:0 3px 2px #7a7a7a;border-radius:15px;padding:8px}.info-entry.money{position:absolute;right:10px;width:230px}.info-entry.time{position:absolute;right:10px;top:50px;width:230px}.info-entry.time-ctl{position:absolute;right:10px;top:92px;width:230px;padding:5px 0}.info-entry.time-ctl>.description{left:135px}.info-entry.time-ctl>button{background:#add8e6;border:1px solid black;border-radius:5px;cursor:pointer;margin:0 3px}.info-entry.time-ctl>button:hover{background:#90ee90}.info-entry{display:flex;align-items:center;margin-bottom:10px;position:relative;border:1px solid black;border-radius:15px;box-shadow:0 3px 2px #7a7a7a}.info-entry span.unit{margin-left:10px}.info-entry img.icon{width:34px;height:34px;margin-right:10px;border-radius:15px}.progress-bar{width:100%;background-color:#e0e0e0;border-radius:5px;overflow:hidden;margin-left:10px;margin-right: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;border-radius:15px;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:420px;left:50%;transform:translate(-50%,-50%);background:#d3d3d3;padding:20px;border-radius:10px;box-shadow:0 4px 8px #000;border:2px solid black;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::-webkit-scrollbar{display:none}.buy-items .close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;border-radius:15px}.item{display:grid;grid-template-columns:.3fr .3fr 1.1fr;border:1px solid black;padding:10px;border-radius:5px;width:90%;margin:10px auto}.item h3{border-right:1px solid blue;padding:5px}.item p{padding:10px}.item p span{text-decoration:underline;color:#00f}.item img.icon{width:100px;height:100px;margin-bottom:10px}.item button{padding:5px;grid-column-start:1;grid-column-end:4;background:#add8e6;border:1px solid black;border-radius:5px}.item button:hover{background:#90ee90}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0003;z-index:999}.popup{position:fixed;top:420px;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #000c;background:#d3d3d3;border:2px solid black;z-index:1000;max-width:400px;width:90%;text-align:left;white-space:pre;text-wrap:wrap}.popup h2{margin-top:0}.popup>div{display:grid;grid-template-columns:.5fr 1.5fr;gap:10px;margin-bottom:10px;border:1px solid black;background-color:#ddd;border-radius:15px}.popup>div img{width:100px;height:100px;margin-top:10px;margin-left:10px;border-radius:15px;border:1px solid black}.popup>div h3{margin:0 10px}.popup>div p{padding:10px;margin:0;font-style:italic}.popup button{margin-top:10px;padding:5px;background:#add8e6;border:1px solid black;border-radius:5px;cursor:pointer}.popup button:hover{background:#90ee90}body>div.introjs-tooltipReferenceLayer>div>div.introjs-tooltiptext>div{border:1px solid black;border-radius:15px;margin:10px;display:flex}body>div.introjs-tooltipReferenceLayer>div>div.introjs-tooltiptext img{border-radius:15px}body>div.introjs-tooltipReferenceLayer>div>div.introjs-tooltiptext span{display:block;padding:10px;font-weight:700}.introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:"";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px #2121214d;transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0 0 2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:"";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem #9e9e9e80;border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:#3c3c3c91}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:#8888883d;z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}: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}