@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,*{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box;outline:none;background-color:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#app{width:100vw;height:100vh;display:flex;font-family:Roboto,sans-serif}canvas{width:65%;height:100%;background-color:#fefae0}aside{color:#2e2d2d;width:35%;height:100%;padding:1rem 2rem;background-color:#b99470;display:flex;flex-direction:column;gap:1rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}h3{font-size:1rem;font-weight:700}.progresBar{width:100%;height:10px;background-color:#00000078;border-radius:.5rem}.progresBar div{height:100%;width:30%;background-color:#03c109;border-radius:.5rem}.upgrades{display:flex;flex-direction:column;gap:2rem}.upgrades .aspect{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.upgrades .aspect>section{gap:.25rem;display:flex;flex-direction:column}article.progres{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:.5rem}article.progres .money{font-size:2rem;font-weight:700}#money{font-size:2rem;font-weight:700;color:#2e2d2d;text-align:center;margin-bottom:1rem}strong{font-weight:500}@media (max-width: 768px){#app{flex-direction:column;height:fit-content}canvas{width:100%;height:50%}aside{width:100%;height:50%}}button[data-v-24d0e520]{background-color:transparent;cursor:pointer;transition:transform .2s;font-size:1.5rem}button[data-v-24d0e520]:hover{transform:scale(1.1)}button[data-v-24d0e520]:active{transform:scale(.93)}button[clicker][data-v-24d0e520]{font-size:8rem;margin:1rem 0;width:100%;height:100%;border-radius:115px;background:linear-gradient(145deg,#a9b388,#5f6f52);justify-self:center;align-self:center;transition:all .15s}button[clicker][data-v-24d0e520]:hover{transform:scale(1.03)}button[clicker][data-v-24d0e520]:active{transform:scale(.98);transition:.1s}section.progress-bar[data-v-3a4f1495]{width:100%;height:.4rem;border-radius:20px;background-color:#fefae0;padding:.03rem}section.progress-bar>div[data-v-3a4f1495]{height:100%;border-radius:20px;background-color:#5f6f52}section.upgrade[data-v-bf5b8b23]{display:grid;grid-template-columns:4fr 5fr 1fr;gap:1rem;align-items:center}