.energy-gauge{--gauge-fill:#6f8d59;--gauge-edge:#49623d;margin-top:10px}.energy-gauge-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.energy-gauge-label span{color:#805d36;font:7px monospace;letter-spacing:.11em}.energy-gauge-label b{color:#4d351e;font-size:13px;font-weight:normal}.energy-gauge-track{height:13px;margin-top:6px;padding:2px;overflow:hidden;border:1px solid rgba(83,57,28,.58);border-radius:7px;background:linear-gradient(180deg,#b9a47c,#dfd0ae);box-shadow:inset 0 2px 4px rgba(55,35,17,.3),0 1px 0 rgba(255,252,234,.8)}.energy-gauge-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(180deg,#91aa72 0%,var(--gauge-fill) 48%,var(--gauge-edge) 100%);box-shadow:inset 0 1px rgba(239,249,214,.5),1px 0 2px rgba(43,56,34,.3);transition:width .2s ease}.energy-gauge.deficit{--gauge-fill:#a54f42;--gauge-edge:#73342e}.energy-gauge.empty .energy-gauge-fill{width:0!important}.energy-gauge>strong{display:block;margin-top:4px;color:#963e32;font:8px monospace;letter-spacing:.1em}.energy-gauge.compact{margin:9px 0 10px;padding:7px 8px;border:1px solid rgba(120,78,32,.16);border-radius:8px;background:rgba(255,252,240,.42)}.energy-gauge.compact .energy-gauge-track{height:10px;margin-top:5px}.energy-gauge.compact>strong{font-size:7px}