@import"https://fonts.googleapis.com/css2?family=Climate+Crisis:YEAR@1979..2050&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";.game{display:grid;grid-template-columns:min-content;grid-gap:var(--gap);grid-template-areas:"resources" "actions" "upgrades";align-items:start}@media only screen and (min-width: 768px){.game{grid-template-columns:repeat(2,min-content);grid-template-areas:"resources actions" "upgrades actions"}}@media only screen and (min-width: 1280px){.game{grid-template-columns:repeat(3,min-content);grid-template-areas:"resources actions upgrades"}}.game-data-container{position:fixed;top:24px;right:24px}.save-message{position:absolute;color:var(--accent-color);right:0;margin:0}.button{background-color:transparent;color:var(--text-color);border:2px solid var(--accent-color);animation:2s enter-btn ease-out;-webkit-user-select:none;user-select:none;transition:border-color 1s}.button:disabled{border:2px solid var(--bg-color);opacity:.8}.button__title--purchased{text-decoration:line-through}.button:disabled:hover{cursor:not-allowed}.button span.button__title{display:flex;justify-content:center;align-items:center}.button span.button__detail{display:block;font-style:italic;font-size:.8rem;color:var(--accent-color);text-wrap:pretty}.button span.button__detail--requirement{font-weight:bolder;color:var(--accent-color-desaturate)}.button__icon{object-fit:contain;width:var(--icon-width);margin-right:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.button--cooling-down{cursor:wait;background:linear-gradient(45deg,transparent 50%,#67ceab 0) no-repeat;background-size:400% 400%;background-position:0% 50%}.button--tired{border-color:var(--accent-color-desaturate)}.button--real-tired{border-color:var(--hot-color)}.button--destroy-fossil-fuels{font-size:1.5rem;font-weight:bolder;grid-column:span 2}.button--take-break{border-color:var(--warn-color)}@keyframes enter-btn{0%{opacity:0%;background:var(--accent-color);transform:translate(-40px,40px)}to{opacity:100%;background:transparent}}@keyframes wipe{0%{background-position:80%}to{background-position:20%}}.detail-part--unmet{color:var(--hot-color)}.logs-box{grid-area:logs;background-color:#1a1a1a78;color:var(--accent-color);grid-column:span 2;height:160px;overflow-y:scroll;text-align:left;margin-bottom:var(--gap);border-radius:8px}.log{margin:8px}.log:first-child{background-color:var(--accent-color);color:var(--bg-color);font-weight:bolder;font-size:1.2rem;animation:enter-log .5s ease-out;border-radius:8px;padding:4px}.log span{display:block}@keyframes enter-log{0%{opacity:0;transform:translateY(-100px)}to{opacity:1}}.buttons-container{width:var(--default-container-width);margin-left:0;margin-right:auto;margin-top:48px}.buttons-container--actions{grid-area:actions}.buttons-container--upgrades{grid-area:upgrades}.buttons-box{display:inline-grid;width:100%;height:var(--buttons-height);grid-template-columns:repeat(2,50%);margin-left:0;margin-right:auto;overflow-y:scroll}@media only screen and (min-width: 400px){.buttons-box{height:unset;overflow-y:scroll}}.buttons-container h2{grid-column:span 2}.resources-container{width:var(--default-container-width);grid-area:resources}.resources-grid{display:grid;grid-template-columns:max-content 1fr max-content;column-gap:4px;row-gap:0}.resources-grid p{margin:0}.ppm-display{color:var(--warn-color);font-weight:bolder}.time-display{grid-column:span 3;justify-self:center}.icons-box{display:grid;grid-template-columns:repeat(5,20%)}.icons-box img{width:100%;image-rendering:auto;animation:enter-icon 1s ease-in-out}@keyframes enter-icon{0%{opacity:0;transform:scale(0)}to{opacity:100%;transform:scale(1)}}.great-mood{color:var(--green-color)}.tired-mood{color:var(--warn-color)}.real-tired-mood{color:var(--hot-color)}.mood-message{animation:1s fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Content{transform:translateY(-50px);transition:transform .5s ease-in-out}.ReactModal__Content--after-open{transform:translateY(0)}.modal-content{display:flex;flex-direction:column;font-size:1.5rem}.modal--centered{margin:auto;text-align:center}@media only screen and (min-width: 400px){.modal-content{justify-content:center}}span.hot{color:var(--hot-color)}span.warn{color:var(--warn-color)}span.eco{color:var(--accent-color)}.close-button{background-color:var(--accent-color);color:var(--bg-color);font-size:2rem;width:max-content;padding:20px min(5%,100px);font-weight:bolder;margin-left:auto;margin-right:auto;transition:background-color .5s,color .5s,border-color .5s}.close-button--multiple{width:min(360px,100%);margin:auto;margin-bottom:var(--gap)}.close-button:hover{background-color:var(--bg-color);color:var(--accent-color)}.close-button span.button-detail{display:block;font-style:italic;font-size:.8rem;color:var(--bg-color-2);transition:color .5s}.close-button span.button-detail:not(:first-child){margin-top:16px}.close-button:hover span.button-detail{color:var(--accent-color)}.button-row{display:flex;width:100%;flex-direction:column;justify-content:center;align-content:center;margin:auto}.event-effect{font-weight:700;color:var(--accent-color);text-wrap:balance}@media only screen and (min-width: 800px){.close-button--multiple:first-child{margin-right:var(--gap)}.button-row{flex-direction:row}}.pause-toggle-container{display:flex;align-items:center}.pause-toggle-container:last-child{margin-bottom:24px}.pause-toggle-container input[type=checkbox]{margin-right:8px}#root{max-width:1280px;padding:2rem;width:100%;box-sizing:border-box}.credits-link{color:var(--accent-color);transition:.5s color}.credits-button{background-color:var(--accent-color);color:var(--bg-color);transition:.5s background-color,.5s color}.credits-button:hover{color:var(--accent-color);background-color:var(--bg-color)}@media (pointer: none),(pointer: coarse){body{background-attachment:initial}}:root{font-family:Space Grotesk,Century Gothic,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--title-font-family: "Climate Crisis", sans-serif;--text-color: #f9f9f9;--bg-color: #181425;--bg-color-2: #262b44;--accent-color: #67ceab;--accent-color-desaturate: #c0cbdc;--green-color: #63c74d;--warn-color: #ffd903;--hot-color: #ff0044;--knowledge-color: #f6757a;--trust-color: #b55088;--people-power-color: #0099db;--button-width: 200px;--icon-width: 64px;--default-container-width: 350px;--buttons-height: 300px;--gap: 32px}.climate-crisis-title{font-family:var(--title-font-family);font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"YEAR" 1979}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h1,h2,h3,h4{font-family:Climate Crisis,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"YEAR" 1979}.year-2030{font-variation-settings:"YEAR" 2015}.year-2040{font-variation-settings:"YEAR" 2050}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}img{image-rendering:pixelated}.ppm-color{color:var(--warn-color)}.knowledge-color{color:var(--knowledge-color)}.trust-color{color:var(--trust-color)}.people-power-color{color:var(--people-power-color)}input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:var(--accent-color)}hr{width:500px;max-width:100%;margin-left:0}