#frame{--night:0;--sunset:0;--storm:0;--conservation:0;--storm-brightness:1;--sun-strength:1;--dim-strength:0}
.sunlight{opacity:var(--sun-strength)}
.horizon-haze{filter:blur(18px) brightness(calc(1 - var(--night)*.75));mix-blend-mode:screen}
#power-dimming{position:absolute;inset:0;pointer-events:none;opacity:var(--dim-strength);background:radial-gradient(ellipse 26% 9% at 65% 65%,#090d12b3,transparent 90%),radial-gradient(ellipse 18% 7% at 20% 84%,#060a10aa,transparent 85%),radial-gradient(ellipse 18% 5% at 83% 51%,#060a1088,transparent 90%)}
.metric.warning .bar:before{background:#efa354}.metric.critical .bar:before{background:#ee6c52}.metric.critical strong{color:#ffc79c}.metric small{min-height:10px}
.condition b{font-weight:400}.scene-caption p #day-label{padding:0;color:inherit}.storm-active .condition i{background:#e9a052}.conserving .condition i{background:#f17b50}
.environment-controls{position:absolute;right:2%;top:12.5%;transition:opacity .4s}
#simulate{background:#19211de6;backdrop-filter:blur(14px);height:38px;padding:0 15px;border-color:#c7d0b645}
#simulate[aria-expanded="true"]{border-color:var(--lime);color:var(--lime)}
#scenario-panel{position:absolute;right:2%;top:19%;width:286px;max-height:69%;overflow-y:auto;overscroll-behavior:contain;padding:18px;background:#171e1df5;border:1px solid #bdc8b43d;box-shadow:0 12px 45px #0005;backdrop-filter:blur(20px);border-radius:4px;z-index:4}
#scenario-panel[hidden]{display:none}.panel-heading{font-size:12px;letter-spacing:.19em;display:flex;align-items:center;justify-content:space-between;color:#e3e7da}.panel-heading button{height:25px;width:25px;padding:0;border:0;font-size:20px;color:#a9b29f}.panel-label{font-size:10px;letter-spacing:.18em;color:#929f8b;margin:18px 0 9px}.time-presets{display:flex;gap:5px}.time-presets button{font-size:12px;padding:0 9px;flex:1;height:31px}.time-presets button[aria-pressed="true"]{border-color:#d8ec8b88;color:var(--lime)}
.scenario-actions{display:grid;gap:6px}.scenario-actions button{height:auto;min-height:48px;text-align:left;padding:9px 11px}.scenario-actions button span{display:block;font-size:11px;letter-spacing:.1em;margin:0}.scenario-actions button small{display:block;font-size:11px;color:#919c88;margin-top:4px}.scenario-actions button[aria-pressed="true"]{border-color:#e7a25a88;background:#e7a25a0b}.panel-footnote{font-size:10px;line-height:1.5;color:#8c9984;margin:12px 0 0}
#weather-alert{position:absolute;right:2.5%;bottom:23%;width:240px;padding:13px 15px;border:1px solid #dba46362;border-left:2px solid #e6ac66;background:#201e18db;backdrop-filter:blur(12px);border-radius:3px;pointer-events:none}#weather-alert[hidden]{display:none}#weather-alert-title{display:block;font-size:11px;letter-spacing:.13em;color:#f6c890}#weather-alert-detail{display:block;margin-top:7px;font-size:11px;line-height:1.55;color:#cec4ae}.recovering #weather-alert{border-color:#d8ec8b62}.recovering #weather-alert-title{color:var(--lime)}
.cinema .environment-controls,.cinema #scenario-panel,.cinema #weather-alert{opacity:0;pointer-events:none;visibility:hidden}#cinema-environment{color:var(--lime);font-size:9px;letter-spacing:.16em;min-height:12px}.storm-active #cinema-environment{color:#f6b879}.recovering #cinema-environment{color:var(--lime)}
@media(max-width:1100px){#scenario-panel{top:21%;max-height:66%;width:260px;padding:14px}.status{top:12.5%}.metric{padding:9px 0}.environment-controls{top:12%}#weather-alert{bottom:22%;width:220px;padding:11px}.panel-label{margin-top:13px}.scenario-actions button{min-height:42px}}
@media(max-width:760px){#simulate{height:31px;padding:0 10px}#simulate span{font-size:9px}.environment-controls{top:17%}#scenario-panel{top:17%;bottom:16%;max-height:none;width:min(280px,92%);padding:12px}#weather-alert{right:3%;bottom:23%;width:190px;padding:9px}#weather-alert-title{font-size:9px}#weather-alert-detail{font-size:10px}.cinema-signature{bottom:7%}#cinema-environment{font-size:8px}.scene-caption{left:3%;bottom:22%}.scene-caption p{max-width:230px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.environment-controls{transition:none}}