.water-hover{z-index:60;box-sizing:border-box;border:1px solid var(--steel-700,#3d3d39);pointer-events:none;background:#121210f0;border-radius:4px;gap:3px;width:214px;padding:6px 8px 7px;font-size:12px;display:grid;position:fixed;top:0;left:0}.water-hover[hidden]{display:none}.water-hover-head{justify-content:space-between;align-items:baseline;height:16px;display:flex}.water-hover-name{color:#8fd4f0}.water-hover-rate{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:11ch;color:var(--muted,#b9ad98)}.water-hover-rate[data-dir=up]{color:#7ad090}.water-hover-rate[data-dir=down]{color:#f0b060}.water-hover-amount{font-variant-numeric:tabular-nums;white-space:nowrap;height:16px;color:var(--text,#e8e0d0)}.water-hover-bar{background:var(--steel-700,#3d3d39);border-radius:2px;height:6px;overflow:hidden;box-shadow:inset 0 1px #0006,0 1px #f1e6d238}.water-hover-fill{clip-path:polygon(0 0,100% 0,calc(100% - 4px) 100%,0 100%);background:linear-gradient(#58b4e0,#2f84b8);width:0;height:100%}.eh-card{white-space:normal;flex-direction:column;gap:3px;min-width:150px;display:flex}.eh-head{flex-wrap:wrap;align-items:baseline;gap:0 8px;display:flex}.eh-name{color:var(--amber-hi);font-weight:700}.eh-status{color:var(--muted)}.eh-row{align-items:center;gap:5px;min-height:22px;display:flex}.eh-label{width:42px;color:var(--muted);flex:none}.eh-cells{flex-wrap:wrap;gap:2px;display:flex}.eh-cell{background:var(--steel-700);border:1px solid #000;border-radius:2px;place-items:center;width:24px;height:24px;display:grid;position:relative}.eh-icon{width:20px;height:20px;image-rendering:pixelated}.eh-count{color:#fff;text-shadow:0 0 2px #000,0 0 2px #000;font-size:10px;font-weight:700;position:absolute;bottom:-2px;right:1px}.eh-more,.eh-extra{color:var(--muted);align-self:center}.eh-recipe{white-space:nowrap}.eh-bar{background:var(--steel-950);border-radius:2px;flex:1;min-width:40px;height:5px;overflow:hidden}.eh-bar-fill{background:var(--amber-hi);height:100%;display:block}.eh-bar-fill[data-level=ok]{background:var(--status-ok)}.eh-bar-fill[data-level=low]{background:var(--status-warn)}.eh-bar-fill[data-level=short]{background:var(--status-bad)}.eh-mech{font-variant-numeric:tabular-nums;grid-template-columns:64px 13ch;gap:1px 8px;display:grid}.eh-mech-label{color:var(--muted)}.eh-mech-value{text-align:left;white-space:nowrap}
