/* 照顾区：水珠与一天结束时的安静仪式。 */
#view-game #waterTray{display:flex;flex-direction:column;align-items:stretch;gap:16px}
#waterTray .water-note{font-size:12px;line-height:1.8;margin:0;color:#73846F}
#waterTray .drops{flex:none;min-height:72px;padding:12px 18px;gap:13px;background:linear-gradient(115deg,#F1F7F4,#FAFBF3);border-color:#DCE8DD;border-radius:18px}
#waterTray .drop{position:relative;width:27px;height:34px;flex:none;border:0;background:none;transform:none;border-radius:0}
#waterTray .drop svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 2px #70A3B31C)}
#waterTray .drop path{fill:#ECF0E8;stroke:#CCD9D1;stroke-width:1.4;transition:fill .24s ease,stroke .24s ease}
#waterTray .drop.on path{fill:#8FC5D1;stroke:#71AAB9}
#waterTray .drop path.drop-shine{fill:none;stroke:#FFFFFFA8;stroke-width:2.4;stroke-linecap:round}
#waterTray .drop-text{margin-left:auto;font-size:12px;color:#62858B;white-space:nowrap}
#waterTray .drops{flex-wrap:wrap}
#waterTray .drop.just-filled{animation:care-drop-use .48s ease both}
@keyframes care-drop-use{0%{transform:translateY(0) scale(1)}40%{transform:translateY(6px) scale(.76);opacity:.4}100%{transform:none;opacity:1}}
#waterTray #btn-end{width:100%;min-height:51px;transition:box-shadow .3s,background .3s}
#waterTray #btn-end.care-ready{background:linear-gradient(130deg,#8EA57C,#789468);color:#FFFDF5;box-shadow:0 4px 0 #60794E,0 7px 18px #76936826}
#view-game.is-settling .care-box{pointer-events:none}
#view-game.is-settling button{pointer-events:none}
#view-game.is-settling .care-heading{color:#A98D53}
@media(max-width:620px){#waterTray .drops{padding:11px 13px;gap:10px}}
body.reduce-motion #waterTray .drop{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){#waterTray .drop{animation:none!important;transition:none!important}}
