.app{display:grid;grid-template-columns:repeat(3,1fr)}.sing-in__button{position:absolute;top:0;right:0;z-index:1000;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);background-color:var(--bg2);color:var(--text);cursor:pointer;display:flex;align-items:center;gap:.5rem}.sing-in__button:hover{background-color:transparent;color:var(--text)}.button_image{height:20px;width:20px;border-radius:50%}.section__header{text-align:center;font-size:2rem;margin:0;margin-bottom:1rem}section{height:1080px;padding:1rem 2rem;margin:0;border-radius:5px}.game{display:flex;flex-direction:column;align-items:center;height:100vh}.game-clicker__button{background:transparent;border:none}.game button img{height:250px;width:250px;transition:.1s;filter:invert(1)}.game button img:active{transform:scale(1.1)}.upgrades{display:flex;flex-direction:column;height:100%}.upgrade-buttons{display:flex;flex-direction:column;overflow:auto;scrollbar-color:var(--bg2) var(--bg);gap:1rem;height:calc(100vh - 91px)}.save__button:hover{background-color:var(--bg);color:var(--text)}.save__button{padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);background-color:var(--bg2);color:var(--text);cursor:pointer;position:absolute;top:8px;left:8px}.game-upgrades{display:flex;flex-direction:column;gap:1rem;justify-items:center;margin-top:1rem;overflow:auto;scrollbar-color:var(--bg2) var(--bg);height:calc(100vh - 363px)}.upgrade{padding:.5rem;border-radius:20px;border:1px solid var(--border);background-color:var(--bg2)}.upgrade h2{margin:1rem 0;text-align:center}.upgrade p{font-size:1rem}.upgrade-button-buttons button{padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);background-color:var(--bg2);color:var(--text);cursor:pointer}.upgrade-button-buttons button:hover{background-color:var(--bg);color:var(--text)}.upgrade-button-buttons{display:flex;justify-content:space-between}.upgrade-button-desc-popup{color:var(--text);padding:20px;border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;background-color:#222222a2;border-radius:20px;align-items:center}.upgrade-button-desc-popup button{padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);background-color:var(--bg2);color:var(--text);cursor:pointer}.upgrade-button-desc-popup button:hover{background-color:var(--bg);color:var(--text)}.popup__img{height:75px;width:75px;filter:invert(1)}.map{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center;align-items:center}.map-icon{height:3rem;width:3rem;margin:2rem 0;position:relative;display:inline-block;filter:invert(1)}.icon-container{position:relative;display:inline-block}.icon-wrapper{position:relative}.cursor-pointer{cursor:pointer}.map-icon-popup{color:#000;padding:20px;border:1px solid black;display:flex;flex-direction:column;gap:1rem;width:150px;background-color:#ffffff17;border-radius:20px}.map-icon-popup button{padding:.5rem 1rem;border-radius:12px;border:1px solid var(--border);background-color:var(--bg2);color:var(--text);cursor:pointer}.map-icon-popup button:active{background-color:var(--bg);color:var(--text)}.map .icon-wrapper button{border:none;background-color:transparent;margin:0;padding:0}.pop{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);animation:pop 1s forwards;z-index:2}@keyframes pop{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-100%) scale(2)}}.stats-content{position:absolute;bottom:0;right:0;margin:2rem}:root{--bg: #121212;--bg2: #222222;--border: #333333;--text: #ffffffc4}@font-face{font-family:Micro5;src:url(/city-clicker/assets/Micro5-Regular--3v5daag.ttf)}body{margin:0;padding:0;background-color:var(--bg);color:var(--text);overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}