.dg-water-dialog{max-width:660px}.dg-water-stages{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.dg-water-stages span{border:1px solid #8e9f83;border-radius:8px;padding:6px 8px;font-size:12px;color:#c9d5bc}.dg-water-stages .done{background:#436c50;color:#f8e4a8}.dg-water-stages.compact{gap:4px}.dg-water-stages.compact span{font-size:10px;padding:4px 5px}.dg-inlet-play{position:relative;height:245px;max-width:350px;margin:10px auto;touch-action:none}.dg-intake-base{position:absolute;width:240px;height:240px;object-fit:contain;left:50%;top:0;transform:translateX(-50%);pointer-events:none}.dg-water-debris{position:absolute;border:0!important;box-shadow:none!important;border-radius:12px;background:#ffffff14!important;width:76px;height:76px;padding:2px!important;touch-action:none;cursor:grab;z-index:2}.dg-water-debris img{width:100%;height:100%;object-fit:contain;pointer-events:none}.debris-leaf{left:12%;top:50px}.debris-reed{left:42%;top:36px}.debris-stone{left:62%;top:100px}.dg-water-debris:focus-visible{outline:3px solid #ffe5a8;outline-offset:3px}.dg-water-debris:active{cursor:grabbing;z-index:5}.dg-water-basket{border:3px dashed #b6bd8b;border-radius:14px;background:#49664b;min-height:64px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px;color:#f7e6bb;font-size:14px;transition:background .15s,border-color .15s}.dg-water-basket.can-drop{background:#567f54;border-color:#ffe7a0}.dg-water-dialog .dg-primary,.dg-water-dialog .dg-button{min-height:44px;margin:5px}.dg-water-status{min-height:1.7em;color:#f2dda2;font-size:14px;line-height:1.7}.dg-water-dial{display:grid;place-items:center;width:110px;height:110px;border:7px solid #c3a365;border-radius:50%;background:radial-gradient(#ab8d4d,#60775d);margin:16px auto;box-shadow:0 3px 0 #253c34;color:#fff0b8;font-size:52px}.dg-water-dial span{display:block;line-height:1;transition:transform .35s ease}.dg-water-sigil{display:block;width:76px;height:76px;object-fit:contain;margin:8px auto}
@media(max-width:600px){.dg-water-stages{gap:4px}.dg-water-stages span{font-size:11px;padding:5px 6px}.dg-inlet-play{height:220px}.dg-intake-base{height:220px;width:220px}.dg-water-debris{width:68px;height:68px}.debris-leaf{left:7%}.debris-reed{left:38%}.debris-stone{left:64%}.dg-water-basket{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dg-water-dial span,.dg-water-basket{transition:none}}