.tank-wash-sequence{position:relative;height:260svh;margin:0;--wash-progress:0}
.tank-wash-stage{position:sticky;top:90px;background:white;padding-bottom:18px}
.tank-wash-stage .tank-visual{height:calc(100svh - 214px);min-height:360px;max-height:850px;aspect-ratio:auto;background:#e7edf0}
.tank-wash-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tank-wash-stage .tank-visual>img{object-position:65% center;transition:opacity .4s}
.tank-visual.scene-ready>img{opacity:0}.tank-wash-stage figcaption{z-index:2;color:#49545d;text-shadow:none;background:linear-gradient(transparent,#edf1f4bd);font-size:12px}
.wash-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}#wash-status{font-size:12px;letter-spacing:.09em;font-weight:600;color:#393c41}.wash-controls p{font-size:14px;color:#69727a;margin-top:4px}#wash-replay{min-height:44px;padding:9px 16px;background:#f0f1f3;border:0;border-radius:4px;font-size:14px;flex-shrink:0}.wash-progress{height:2px;background:#e9eaec;margin-top:12px}.wash-progress span{display:block;height:100%;width:calc(var(--wash-progress)*100%);background:#3e6be6}
.tank-wash-sequence.scene-unavailable{height:auto}.scene-unavailable .tank-wash-stage{position:relative;top:0}.scene-unavailable .wash-controls,.scene-unavailable .wash-progress{display:none}
@media(max-width:700px){.tank-wash-sequence{height:240svh}.tank-wash-stage{top:78px}.tank-wash-stage .tank-visual{height:calc(100svh - 220px);min-height:330px;max-height:700px}.wash-controls{gap:10px;align-items:flex-start}.wash-controls p{font-size:13px;max-width:210px}#wash-status{font-size:12px;letter-spacing:.035em}#wash-replay{font-size:13px;padding:10px 12px}.tank-wash-stage figcaption{font-size:12px;padding:28px 16px 14px}}
@media(prefers-reduced-motion:reduce){.tank-wash-sequence{height:auto}.tank-wash-stage{position:relative;top:0}.wash-controls p{display:none}}
.tank-wash-stage .tank-visual{width:100%;height:auto;aspect-ratio:1.5;min-height:0;max-height:none;max-width:calc((100svh - 235px)*1.5);margin-inline:auto}
@media(max-width:700px){.tank-wash-stage .tank-visual{aspect-ratio:1.05;max-width:none}.tank-wash-sequence{height:220svh}}
@media(max-height:500px){.tank-wash-stage{top:64px}.tank-wash-stage .tank-visual{aspect-ratio:1.5;max-width:calc((100svh - 165px)*1.5)}}