body{margin:0;font-family:'Segoe UI',sans-serif;display:flex;flex-direction:column;align-items:center;height:auto;padding:10px}.scene{position:relative;width:100%;max-width:600px;border-radius:12px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.3);background:#fff}.scene img{width:100%;height:auto;display:block}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;width:100%;max-width:600px;margin-bottom:10px;padding:0;border-radius:8px}button{flex:1;border:none;padding-top:5px;padding-bottom:5px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:.2s;background:#ecf0f1;color:#375470;text-align:center;white-space:nowrap;min-width:80px}button:hover{background:#fbedd4}button.active{background:#f9b028;color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}button.emergency{color:#c0392b;font-weight:800}button.emergency.active{background:#c0392b;color:#fff}#status-bar{width:100%;max-width:600px;background:#375470;color:#fff;box-sizing:border-box;padding:15px;min-height:130px;display:flex;flex-direction:column;justify-content:center;border-radius:8px;margin-bottom:15px;text-align:center;font-size:16px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:.3s}#status-title{display:block;font-size:12px;color:#f9b028;margin-bottom:5px;text-transform:uppercase;letter-spacing:1px;font-weight:700}#status-text{font-weight:700}.dot{position:absolute;width:2.5%;padding-bottom:2.5%;height:0;border-radius:50%;transform:translate(-50%,-50%);opacity:0;z-index:10;box-shadow:0 0 10px currentColor;display:none}.solar{background:#f9b028;color:#f9b028}.grid{background:#3498db;color:#3498db}.battery{background:#2ecc71;color:#2ecc71}.consumer{background:#e63e22;color:#e63e22}#outage-icon{position:absolute;top:87.4%;left:4.5%;transform:translate(-50%,-50%);font-size:4vw;color:red;display:none;z-index:20;font-weight:700;text-shadow:0 0 5px #fff}@media (min-width:1024px){.dot{width:14px;height:14px;padding:0}#outage-icon{font-size:40px}}@keyframes flow-pv-inv{0%{left:47.9%;top:46.5%;opacity:1}17%{left:42.6%;top:48.8%;opacity:1}34%{left:42.6%;top:57.2%;opacity:1}51%{left:52.1%;top:59.2%;opacity:1}68%{left:52.1%;top:75%;opacity:1}85%{left:45.2%;top:73.2%;opacity:1}100%{left:43.7%;top:66.8%;opacity:0}}@keyframes flow-inv-bat{0%{left:43.7%;top:66.8%;opacity:1}33%{left:45.2%;top:73.2%;opacity:1}66%{left:52.1%;top:75%;opacity:1}100%{left:58.1%;top:76.7%;opacity:1}}@keyframes flow-bat-inv{0%{left:58.1%;top:76.7%;opacity:1}33%{left:52.1%;top:75%;opacity:1}66%{left:45.2%;top:73.2%;opacity:1}99%{left:43.7%;top:66.8%;opacity:1}100%{left:43.7%;top:66.8%;opacity:0}}@keyframes flow-inv-pano{0%{left:43.7%;top:66.8%;opacity:1}33%{left:45.2%;top:73.2%;opacity:1}66%{left:30.3%;top:68.2%;opacity:1}100%{left:28.6%;top:61.7%;opacity:1}}@keyframes flow-pano-grid{0%{left:28.6%;top:61.7%;opacity:1}100%{left:7.7%;top:94.5%;opacity:1}}@keyframes flow-grid-pano{0%{left:7.7%;top:94.5%;opacity:1}100%{left:28.6%;top:61.7%;opacity:1}}@keyframes flow-pano-inv{0%{left:28.6%;top:61.7%;opacity:1}33%{left:30.3%;top:68.2%;opacity:1}66%{left:45.2%;top:73.2%;opacity:1}99%{left:43.7%;top:66.8%;opacity:1}100%{left:43.7%;top:66.8%;opacity:0}}@keyframes flow-sun-pv{0%{left:92.6%;top:6%;opacity:1}90%{left:36.6%;top:25.3%;opacity:1}100%{left:36.6%;top:25.3%;opacity:0}}@keyframes flow-sun-pv2{0%{left:92.6%;top:6%;opacity:1}90%{left:93.7%;top:27.3%;opacity:1}100%{left:93.7%;top:27.3%;opacity:0}}@keyframes blink{50%{opacity:0}}.s1.running .d-sun,.s2.running .d-sun,.s3.running .d-sun,.s4.running .d-sun,.s5.running .d-sun{display:block;animation:1s linear forwards flow-sun-pv}.s1.running .d-sun2,.s2.running .d-sun2,.s3.running .d-sun2,.s4.running .d-sun2,.s5.running .d-sun2{display:block;animation:1s linear forwards flow-sun-pv2}.s1.running .d-pv-inv{display:block;animation:2s linear .9s forwards flow-pv-inv}.s1.running .d-inv-pano{display:block;animation:2s linear 2.8s forwards flow-inv-pano}.s1.running .d-inv-bat{display:block;animation:2s linear 2.8s forwards flow-inv-bat}.s2.running .d-pv-inv{display:block;animation:2s linear .9s forwards flow-pv-inv}.s2.running .d-inv-pano{display:block;animation:2s linear 2.8s forwards flow-inv-pano}.s2.running .d-pano-grid{display:block;animation:2s linear 4.8s forwards flow-pano-grid}.s3.running .d-pv-inv{display:block;animation:2s linear .9s forwards flow-pv-inv}.s3.running .d-bat-inv{display:block;animation:3.2s linear forwards flow-bat-inv}.s3.running .d-inv-pano{display:block;animation:2s linear 3.2s forwards flow-inv-pano}.s4.running .d-pv-inv{display:block;animation:2s linear .9s forwards flow-pv-inv}.s4.running .d-inv-pano{display:block;animation:2s linear 2.8s forwards flow-inv-pano}.s4.running .d-grid-pano{display:block;animation:4.85s linear forwards flow-grid-pano}.s5.running .d-pv-inv{display:block;animation:2s linear .95s forwards flow-pv-inv}.s5.running .d-inv-pano{display:block;animation:2s linear 3.8s forwards flow-inv-pano}.s5.running .d-grid-pano{display:block;animation:2s linear forwards flow-grid-pano}.s5.running .d-pano-inv{display:block;animation:1s linear 2s forwards flow-pano-inv}.s5.running .d-inv-bat{display:block;animation:2s linear 3s forwards flow-inv-bat}.s6.running .d-grid-pano{display:block;animation:2s linear forwards flow-grid-pano}.s7.running .d-bat-inv{display:block;animation:2s linear forwards flow-bat-inv}.s7.running .d-inv-pano{display:block;animation:2s linear 2s forwards flow-inv-pano}.s8.running .d-bat-inv{display:block;animation:2s linear forwards flow-bat-inv}.s8.running .d-inv-pano{display:block;animation:2s linear 2s forwards flow-inv-pano}.s8 #outage-icon{display:block;animation:1s infinite blink}#status-bar.status-emergency{border-left-color:#c0392b!important}#status-bar.status-grid{border-left-color:#3498db!important}