.energy-world{background:#8db4ee;position:absolute;inset:-4px}.energy-sky{pointer-events:none;-webkit-user-select:none;user-select:none;background:#8db4ee url(/energy-clicker/assets/sky-background.png) bottom/cover no-repeat;display:block;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.energy-sun{width:clamp(24rem,44cqw,32rem);height:auto;position:absolute;top:0;left:0}.energy-counter{z-index:2;color:#111;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font:700 2rem/1 Arial,sans-serif;display:inline-flex;position:absolute;top:1rem;right:1.25rem}.energy-counter img{object-fit:contain;transform-origin:50% 75%;width:3rem;height:3rem;animation:3s ease-in-out infinite energy-bulb-wobble;display:block}@keyframes energy-bulb-wobble{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-2px)rotate(5deg)}}.energy-upgrades{z-index:1;width:clamp(9rem,17vw,13rem);height:calc(100% - 16rem);position:absolute;top:6rem;left:clamp(1rem,3vw,3rem)}.energy-upgrades-scroll{height:100%}.energy-upgrades-content{gap:1rem;padding:.4rem 1.1rem 1.5rem .4rem;display:grid}.energy-upgrade,.energy-click-target{-webkit-appearance:none;appearance:none;background:linear-gradient(160deg, var(--box-light), var(--box-color) 55%, var(--box-dark));color:#111;cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid #111;border-radius:0;font-family:Arial,sans-serif;font-weight:700;transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out;position:relative;box-shadow:inset 0 2px 2px #fffa,inset 0 -3px 4px #0002,0 5px 10px #0003,0 14px 24px #0002}.energy-upgrade:before,.energy-click-target:before{content:"";pointer-events:none;border:1px solid #00000020;border-color:#ffffff70 #00000020 #00000020 #ffffff70;position:absolute;inset:5px}.energy-upgrade:enabled:active,.energy-click-target:enabled:active{box-shadow:inset 0 2px 4px #0002,inset 0 -1px 2px #fff7,0 2px 5px #0003,0 6px 12px #0002}.energy-upgrade{--box-light:#ffe797;--box-color:#f5cc59;--box-dark:#dcaf3b;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:auto;min-height:9rem;padding:1rem .75rem;font-size:1.125rem;line-height:1.2;display:flex}.energy-upgrade img{object-fit:contain;width:3.5rem;height:3.5rem;display:block}.energy-upgrade-solar{--box-light:#a9f1ec;--box-color:#62c9c4;--box-dark:#3faaa8}.energy-upgrade-wind{--box-light:#ffd1a3;--box-color:#efab73;--box-dark:#d98e52}.energy-upgrade-nuclear{--box-light:#d9eda9;--box-color:#aec96e;--box-dark:#86a547}.energy-upgrade-dam{--box-light:#c6e9ff;--box-color:#83b9dd;--box-dark:#5594be}.energy-upgrade-dam img{width:100%;height:4.5rem}.energy-dam-field{pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.energy-dam-art{object-fit:cover;object-position:center top;width:100%;height:100%;animation:ease-out both energy-dam-emerge;display:block}.energy-dam-water{position:absolute;inset:0}.energy-water-fall{animation:1.05s linear infinite energy-water-fall}.energy-water-ripple{transform-origin:400px 350px;animation:2.4s linear infinite energy-water-ripple}.energy-dam-water[data-paused=true] image{animation-play-state:paused}@keyframes energy-water-fall{0%{opacity:0;transform:translateY(-10px)}25%,75%{opacity:.65}to{opacity:0;transform:translateY(10px)}}@keyframes energy-water-ripple{0%{opacity:0;transform:translateY(0)scale(1)}25%,75%{opacity:.65}to{opacity:0;transform:translateY(8px)scale(1.045)}}.energy-dam-field[data-active=false] .energy-dam-art{animation-play-state:paused}@keyframes energy-dam-emerge{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.energy-hill-foreground{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.energy-nuclear-field{pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));place-items:end center;gap:4%;display:grid;position:absolute;inset:7% 15% calc(max(20.8%,11.7vw) - 10vh)}.energy-nuclear-slot{aspect-ratio:1;clip-path:inset(-300% -100% 0);width:min(92%,48vh);position:relative}.energy-nuclear-rise{animation:1.6s ease-out both energy-wind-emerge;position:absolute;inset:0}.energy-nuclear-tower{width:100%;height:100%;display:block;position:absolute;inset:0;transform:translateY(4.85%)}.energy-nuclear-smoke{width:35%;height:20%;position:absolute;top:8%;left:50%;transform:translate(-50%,-100%)}.energy-nuclear-smoke span{opacity:0;animation:energy-nuclear-smoke-rise 4.5s var(--smoke-delay) linear infinite;mix-blend-mode:screen;position:absolute;inset:0}.energy-nuclear-smoke img{object-fit:contain;filter:grayscale()blur(5px);width:100%;height:100%}.energy-nuclear-field[data-active=false] .energy-nuclear-smoke span{animation-play-state:paused}@keyframes energy-nuclear-smoke-rise{0%{opacity:0;transform:translate(0)scale(.7)}18%{opacity:.65}65%{opacity:.35}to{opacity:0;transform:translate(var(--smoke-drift), -180px) scale(2.5)}}.energy-upgrade-price{overflow-wrap:anywhere;font-size:.875rem;display:block}.energy-upgrade[aria-pressed=true],.energy-upgrade[data-unavailable=true]{--box-light:#dedede;--box-color:#c6c6c6;--box-dark:#b8b8b8}.energy-upgrade[aria-pressed=true] img,.energy-upgrade[data-unavailable=true] img{filter:grayscale()}.energy-upgrade:disabled,.energy-click-target:disabled{opacity:1;cursor:default}.energy-upgrade:enabled:active{transform:scale(.97)}:is(.energy-upgrade:focus-visible,.energy-click-target:focus-visible){outline-offset:5px;outline:2px solid #111}.energy-click-target{--box-light:#e3c9ff;--box-color:#bf97e9;--box-dark:#a57bcf;z-index:1;touch-action:manipulation;place-items:center;width:clamp(10.5rem,22vw,16rem);height:auto;min-height:6.5rem;padding:1rem;font-size:1.5rem;line-height:1.2;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.energy-click-target:enabled:active{transform:translate(-50%,-50%)scale(.97)}.energy-click-yield{overflow-wrap:anywhere;font-size:.875rem}.energy-wind-field{pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,minmax(0,1fr));place-items:end center;gap:1rem;height:clamp(14rem,43vh,27rem);display:grid;position:absolute;bottom:12%;left:16%;right:16%}.energy-wind-slot{clip-path:inset(-100% -100% 0);width:min(100%,14rem);height:100%;position:relative}.energy-wind-rise{width:100%;animation:1.6s cubic-bezier(.22,.7,.25,1) both energy-wind-emerge;position:absolute;bottom:0}.energy-wind-art{aspect-ratio:200/260;width:100%;display:block;position:relative}.energy-wind-art .energy-wind-tower,.energy-wind-art .energy-wind-rotor{width:100%;height:auto;position:absolute;bottom:0;left:0}.energy-wind-art .energy-wind-tower{clip-path:polygon(48.5% 34%,52% 34%,54% 100%,46% 100%)}.energy-wind-art .energy-wind-rotor{transform-origin:50% 31.7%;clip-path:polygon(0 0,100% 0,100% 74%,61% 74%,53% 48%,51% 36%,48% 35%,46% 33%,0 33%)}.energy-wind-field .energy-wind-rotor{transform:rotate(var(--wind-angle,0deg))}.energy-upgrade .energy-wind-art{flex-shrink:0;width:3.5rem;height:4.55rem}@keyframes energy-wind-emerge{0%{transform:translateY(105%)}to{transform:translateY(0)}}.energy-solar-ground{scrollbar-width:none;z-index:1;height:142px;position:absolute;bottom:1rem;left:8%;right:8%;overflow:auto hidden}.energy-solar-ground:focus-visible{outline-offset:4px;outline:2px solid #111}.energy-solar-ground::-webkit-scrollbar{display:none}.energy-solar-row{width:1008px;height:126px;margin-inline:auto;position:relative}.energy-solar-row img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 6px 4px #26331d40);width:156px;height:120px;position:absolute;bottom:0}.energy-flight-layer{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.energy-flying-bulb{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px #0003);will-change:transform, opacity;width:32px;height:32px;display:block;position:absolute}@media (max-width:38rem){.energy-upgrades{width:auto;height:32%;top:5rem;left:1rem;right:1rem}.energy-upgrades-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.energy-upgrade{gap:.35rem;min-height:7rem;padding:.65rem;font-size:1rem}.energy-upgrade img{width:2.5rem;height:2.5rem}.energy-click-target{top:55%}.energy-counter{font-size:1.5rem}.energy-wind-field{gap:0;height:35%;bottom:13%;left:3%;right:3%}.energy-wind-slot{width:100%}.energy-upgrade .energy-wind-art{width:2.5rem;height:3.25rem}}@media (max-height:38rem) and (min-width:38.01rem){.energy-upgrades{height:calc(100% - 12rem);top:4.5rem}.energy-upgrade{gap:.3rem;min-height:6rem;padding:.6rem;font-size:1rem}.energy-upgrade img{width:2.5rem;height:2.5rem}.energy-solar-ground{height:112px;bottom:.25rem}.energy-solar-row{height:100px}.energy-solar-row img{height:95px}}@media (max-width:38rem) and (max-height:38rem){.energy-upgrades{width:44%;height:calc(100% - 11rem);top:4rem;right:auto}.energy-upgrades-content{grid-template-columns:1fr}.energy-click-target{width:43%;min-width:0;padding:.5rem;left:75%}.energy-solar-ground{height:112px;bottom:.25rem}.energy-solar-row{height:100px}.energy-solar-row img{height:95px}}.energy-cloud{--cloud-width:clamp(10rem, 19cqw, 20rem);left:calc(-1 * var(--cloud-width));width:var(--cloud-width);will-change:transform;animation:85s linear infinite energy-cloud-drift;display:block;position:absolute}.energy-cloud img{width:100%;height:auto;animation:8s ease-in-out infinite alternate energy-cloud-float;display:block}.energy-cloud[data-cloud="1"]{animation-duration:86s;animation-delay:-14s;top:9%}.energy-cloud[data-cloud="2"]{--cloud-width:clamp(8rem, 14cqw, 15rem);animation-duration:114s;animation-delay:-59s;top:28%}.energy-cloud[data-cloud="3"]{--cloud-width:clamp(11rem, 22cqw, 24rem);animation-duration:98s;animation-delay:-83s;top:12%}.energy-cloud[data-cloud="4"]{--cloud-width:clamp(8rem, 15cqw, 16rem);animation-duration:126s;animation-delay:-34s;top:47%}.energy-cloud[data-cloud="5"]{--cloud-width:clamp(9rem, 17cqw, 18rem);animation-duration:105s;animation-delay:-72s;top:55%}.energy-cloud[data-cloud="2"] img,.energy-cloud[data-cloud="4"] img{animation-duration:11s;animation-delay:-5s}@keyframes energy-cloud-drift{0%{transform:translate(0,0)}to{transform:translate3d(calc(100cqw + var(--cloud-width)), 0, 0)}}@keyframes energy-cloud-float{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.energy-cover{isolation:isolate;color:#111;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.25rem,3vw,2.5rem);height:100%;padding:2rem;display:flex;position:relative}.energy-cover-title{text-align:center;letter-spacing:-.055em;color:#fff;-webkit-text-stroke:3px #111;paint-order:stroke fill;font:900 clamp(2rem,4.2vw,4rem)/.95 Arial Black,Arial,sans-serif;display:block;position:relative}.energy-cover-title>span{display:block}.energy-cover-title>span+span{margin-top:.12em}.energy-cover-play{color:#111;pointer-events:auto;background:#fff;border:2px solid #111;border-radius:.6rem;align-items:center;gap:.5rem;padding:.6rem 1rem;font:700 1rem/1.2 Arial,sans-serif;transition:transform .16s ease-out,filter .16s ease-out;display:inline-flex;position:relative;box-shadow:0 3px 8px #0002}.game-tile-hitbox:focus-visible .energy-cover-play{transform:scale(.97)}@media (hover:hover){.game-tile-hitbox:enabled .energy-cover-play:hover,.energy-upgrade:enabled:hover{filter:brightness(.9);transform:scale(.97)}.energy-click-target:enabled:hover{filter:brightness(.9);transform:translate(-50%,-50%)scale(.97)}}.energy-sky-preview .energy-cloud{--cloud-width:clamp(5rem, 24cqw, 9rem)}.energy-sky-preview .energy-sun{width:clamp(18rem,80cqw,30rem);top:0;left:0}@media (max-width:48rem){.energy-world .energy-sun{width:18rem}.energy-cover-title{font-size:clamp(2rem,8vw,3.5rem)}}@media (prefers-reduced-motion:reduce){.energy-cloud,.energy-cloud img{animation-play-state:paused}.energy-cover-play{transition:none}.energy-counter img{animation:none}.energy-upgrade,.energy-click-target{transition:none}.energy-flight-layer{display:none}.energy-wind-rise,.energy-nuclear-rise,.energy-dam-art{animation:none}.energy-dam-water{display:none}.energy-nuclear-smoke span{animation:none}.energy-nuclear-smoke span:first-child{opacity:.3}.energy-wind-field .energy-wind-rotor{transform:none}}
