.water-ranch-hud{position:absolute;left:16px;top:58px;z-index:8;display:grid;grid-template-columns:minmax(0,238px) minmax(74px,110px);gap:7px;width:355px;max-width:calc(100% - 32px);height:42px;font:11px Arial,sans-serif;pointer-events:auto;color:#684821}
.water-ranch-hud[hidden],.water-hud-gift[hidden]{display:none}
.water-hud-xp,.water-hud-greenery{box-sizing:border-box;min-width:0;height:42px;display:flex;align-items:center;gap:6px;padding:3px 7px 3px 4px;border:1px solid #af8f53;border-radius:11px;background:linear-gradient(#fff9df,#eed49c);box-shadow:inset 0 1px #fff,0 2px 2px #44351c24}
.water-hud-xp{color:inherit;font:inherit;text-align:left;cursor:pointer}.water-hud-xp:hover{filter:brightness(1.05)}.water-hud-xp:focus-visible{outline:3px solid #378aaf;outline-offset:2px}.water-hud-xp[data-reward-ready=true]{border-color:#7b9a36}
.water-hud-icon{display:block;width:31px;height:32px;object-fit:contain;flex-shrink:0;pointer-events:none}.water-hud-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.water-hud-top{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;line-height:12px}.water-hud-level{white-space:nowrap;font-size:11px;overflow:hidden;text-overflow:ellipsis}.water-hud-gift{white-space:nowrap;flex-shrink:0;color:#54742c;font:bold 9px Arial}.water-hud-xp-label{font-size:9px;line-height:10px;color:#6f654a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.water-hud-progress{display:block;height:5px;background:#8d9b8a;border:1px solid #6b8b82;border-radius:5px;overflow:hidden;box-sizing:border-box}.water-hud-progress-fill{display:block;height:100%;background:url('/assets/water-rewards/waterXpBar.png') center/100% 100% no-repeat;border-radius:4px}
.water-hud-greenery{gap:3px}.water-hud-greenery>.water-hud-icon{width:29px;height:29px}.water-hud-greenery-info{display:flex;flex-direction:column;gap:2px;min-width:0}.water-hud-greenery-info>strong{font-size:13px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.water-hud-greenery-info>span{font-size:9px;white-space:nowrap;color:#7b7347}
@media(max-width:420px){.water-ranch-hud{left:10px;max-width:calc(100% - 20px);grid-template-columns:minmax(0,1fr) 90px;gap:5px}.water-hud-xp,.water-hud-greenery{padding-right:5px;gap:4px}.water-hud-icon{width:26px;height:28px}.water-hud-level{font-size:10px}.water-hud-gift{font-size:8px}.water-hud-greenery>.water-hud-icon{width:23px;height:26px}.water-hud-greenery-info>strong{font-size:12px}.water-hud-greenery-info>span{font-size:8px}}