.side-panel.gas-storage-panel{padding:0;overflow:hidden;color:#193e51;background:linear-gradient(145deg,#f5fbff,#e1eff5);border:1px solid #b7d3df;border-radius:16px}
.gas-storage-panel h2{margin:0;padding:14px 10px;background:linear-gradient(125deg,#154d68,#1886a0);color:#fff;text-align:center;font-size:.83rem;line-height:1.35}
.gas-storage-subtitle{margin:12px 8px 0;text-align:center;color:#547586;font-size:.66rem}
.gas-storage-scene{position:relative;width:190px;max-width:100%;height:239px;margin:12px auto 0;isolation:isolate}
.gas-storage-tank{position:absolute;top:10px;left:28px;right:28px;height:202px;border:4px solid #8da9b5;border-radius:47% / 12%;overflow:hidden;background:linear-gradient(90deg,#c6d8e0,#f5fafc 35%,#d4e4eb 80%,#a4bdc9);box-shadow:inset 0 0 12px #40647750,0 8px 15px #29495825}
.gas-storage-fill{position:absolute;bottom:0;left:0;right:0;height:var(--gas-fill,0%);background:linear-gradient(90deg,#12859b,#53c0cc 42%,#2099b2 75%,#10798f);border-top:2px solid #91e0e6;transition:height 1.2s ease}
.gas-storage-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 8%,#ffffff38 27%,transparent 48%,#29445312 90%);border-radius:inherit}
.gas-storage-ticks{position:absolute;top:10px;bottom:9px;left:7px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;font-weight:800;color:#426775}
.gas-storage-ticks span{display:flex;align-items:center;gap:4px;text-shadow:0 1px #f5ffff}.gas-storage-ticks span:after{content:"";width:8px;border-top:1px solid #315e7080}
.gas-storage-gauge{position:absolute;left:30px;right:6px;top:72px;padding:10px 2px;text-align:center;border:1px solid #afcad5;border-radius:9px;background:#f5fbffed;box-shadow:0 3px 9px #1d435728}
.gas-storage-gauge small{display:block;font-size:8px;letter-spacing:.12em;color:#60808f;font-weight:900}.gas-storage-gauge strong{display:block;margin-top:4px;font-size:23px;line-height:1.2;letter-spacing:-.04em;color:#154e68;white-space:nowrap}
.gas-storage-pipe{position:absolute;top:104px;right:7px;width:30px;height:113px;border:7px solid #9db4c0;border-left:0;border-bottom:0;border-radius:0 15px 0 0;background:transparent;z-index:-1}.gas-storage-pipe i{position:absolute;right:-11px;top:44px;width:15px;height:15px;background:#dd9b36;border:3px solid #966021;border-radius:50%}
.gas-storage-feet{position:absolute;bottom:10px;left:46px;right:46px;display:flex;justify-content:space-between}.gas-storage-feet i{width:18px;height:26px;background:linear-gradient(90deg,#8ea9b5,#dce8ee,#7f9eac);border-radius:0 0 4px 4px;box-shadow:0 3px 0 #668795}.gas-storage-feet:after{content:"";position:absolute;left:-19px;right:-19px;bottom:-6px;height:6px;border-radius:50%;background:#456a7530}
.gas-storage-change{margin:0 10px 10px;padding:8px 6px;background:#d7edf2;border-radius:9px;text-align:center;font-size:.61rem;font-weight:850;line-height:1.45;color:#23667a}
.gas-storage-status{margin:0 10px;font-size:.59rem;line-height:1.5;text-align:center;color:#5e7c8b}.gas-storage-date{margin:6px 8px 12px;text-align:center;font-size:.66rem}.gas-storage-date strong{font-weight:850}
.gas-storage-panel footer{padding:10px 11px;border-top:1px solid #c5dce5;background:#ffffff65}.gas-storage-panel footer a{display:block;font-size:.58rem;font-weight:800;line-height:1.5;color:#246781;text-decoration:none}.gas-storage-panel footer a:hover{text-decoration:underline}.gas-storage-panel footer a:focus-visible{outline:3px solid #238cb2;outline-offset:3px}.gas-storage-panel footer small{display:block;margin-top:6px;font-size:.54rem;line-height:1.5;color:#6c8591}
.gas-storage-panel.is-gas-unavailable .gas-storage-tank{opacity:.5}.gas-storage-panel.is-gas-old .gas-storage-status{color:#8a6533;font-weight:850}
@media(prefers-reduced-motion:reduce){.gas-storage-fill{transition:none}}