#hoseClose{width:100%;margin-top:8px;background:#dff2f0;color:#226977;font-weight:700}
#hoseScene{position:absolute;inset:0;z-index:8;pointer-events:none;box-shadow:inset 0 0 120px #295b5525}
#hoseScene[hidden]{display:none}
.hose-top{position:absolute;top:24px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:start;gap:12px}
.hose-title,.hose-meter,.hose-help{background:#fffdf0f2;border:1px solid #d5dfc8;box-shadow:0 8px 35px #274d401c;border-radius:17px}
.hose-title{padding:17px 22px;max-width:430px}
.hose-title small{display:block;font-size:11px;letter-spacing:1.8px;color:#b65535;font-weight:bold}
.hose-title h2{margin:6px 0 9px;font-size:27px;letter-spacing:-.8px}
.hose-title progress{display:block;width:100%;height:8px;accent-color:#459e8b}
.hose-top>div:last-child{display:flex;gap:8px}
#hoseScene button{pointer-events:auto;min-height:46px;font-size:13px;font-weight:bold}
.hose-bottom{position:absolute;bottom:25px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:18px}
.hose-meter{padding:17px;width:180px;flex-shrink:0;font-size:12px;font-weight:bold}.hose-meter b{float:right;color:#247f98}.hose-meter .track{margin-top:10px}#hoseWaterFill{height:100%;background:#42b5c5}
.hose-help{padding:16px 20px;max-width:460px}.hose-help strong{font-size:17px}.hose-help p{font-size:13px;line-height:1.45;margin:7px 0 0;color:#567265}
body.hose-closeup header,body.hose-closeup .intro,body.hose-closeup aside,body.hose-closeup footer,body.hose-closeup nav,body.hose-closeup #toolPrompt,body.hose-closeup #toast,body.hose-closeup #travel{visibility:hidden}
body.hose-closeup #scene{cursor:crosshair}
@media(max-width:700px){.hose-top{top:12px;left:12px;right:12px;flex-wrap:wrap}.hose-title{padding:12px 15px;flex:1;max-width:none}.hose-title small{font-size:10px;letter-spacing:1px}.hose-title h2{font-size:21px;margin:5px 0 8px}.hose-top>div:last-child{width:100%;justify-content:space-between}#hoseScene button{padding:10px 13px;font-size:12px}.hose-bottom{left:12px;right:12px;bottom:12px;align-items:stretch;gap:9px;flex-direction:column}.hose-meter{width:100%;padding:11px 14px}.hose-meter .track{margin:7px 0 0}.hose-help{padding:12px 14px;max-width:none;order:-1}.hose-help strong{font-size:15px}.hose-help p{font-size:12px;margin-top:4px}}
@media(max-width:700px){.hose-meter{position:relative;padding:12px 110px 12px 14px;min-height:64px}.hose-meter button{position:absolute;right:10px;top:8px;width:90px}.hose-help p:first-of-type{display:none}}
@media(max-height:550px){.hose-top{top:10px;left:12px;right:12px;flex-wrap:nowrap}.hose-top>div:last-child{width:auto}.hose-title{padding:10px 14px;max-width:300px}.hose-title h2{font-size:19px;margin:3px 0 5px}.hose-bottom{bottom:10px;left:12px;right:12px;flex-direction:row;align-items:end}.hose-meter{width:155px}.hose-help{max-width:340px;order:0;padding:10px 14px}.hose-help strong{font-size:14px}.hose-help p{font-size:11px}}