.faucet-mission{--faucet-angle:0deg;--water-opacity:1;--water-width:10%;width:min(100%,650px);margin:20px auto 26px;padding:24px;background:linear-gradient(145deg,#18243c,#0e1729);border:1px solid #7c8cff40;border-radius:22px}
.faucet-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.faucet-heading h3{margin:6px 0 0;font-size:23px}.faucet-heading .section-kicker{margin:0}.faucet-round{font-size:12px;color:#c5cfff;background:#7c8cff20;border:1px solid #7c8cff35;border-radius:20px;padding:7px 12px;white-space:nowrap}
.faucet-instruction{font-size:13px;color:#bdc8e2;line-height:1.7;margin:12px 0 16px}.faucet-scene{position:relative;overflow:hidden;max-width:420px;aspect-ratio:1;margin:auto;border:1px solid #716856;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#f4eddc,#d5ccb6);user-select:none;-webkit-user-select:none}
.faucet-art{position:absolute;inset:0}.faucet-body{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.faucet-pivot{position:absolute;left:49.2%;top:44.8%;width:48%;aspect-ratio:1;transform:translate(-48.9%,-49.2%)}
.faucet-handle{display:block;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;touch-action:none;cursor:grab;transform:rotate(var(--faucet-angle));transform-origin:48.9% 49.2%;-webkit-tap-highlight-color:transparent}.faucet-handle.is-turning{cursor:grabbing}.faucet-handle img{display:block;width:100%;height:100%;pointer-events:none;image-rendering:auto}.faucet-handle:focus-visible{outline:3px dashed #4c548d;outline-offset:5px}.faucet-handle[aria-disabled=true]{cursor:default}
.faucet-water{position:absolute;left:55%;top:86%;height:24%;width:var(--water-width);transform:translateX(-50%);opacity:var(--water-opacity);background:repeating-linear-gradient(95deg,#79c7ddb0 0 3px,#e0faf6d9 3px 5px,#419cb7a8 5px 8px);border-radius:15% 15% 0 0;animation:faucet-flow .45s linear infinite}.faucet-direction{position:absolute;right:18px;top:10px;color:#7f6848;font:42px Georgia,serif;pointer-events:none}.faucet-complete .faucet-direction{opacity:.25}.faucet-complete .faucet-water{animation:none}
.faucet-progress-label{display:flex;justify-content:space-between;margin-top:18px;font-size:13px;color:#dbe3f8}.faucet-mission progress{display:block;width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;margin:10px 0;background:#27314a;accent-color:#8e9eff}.faucet-mission progress::-webkit-progress-bar{background:#27314a}.faucet-mission progress::-webkit-progress-value{background:#8e9eff;border-radius:8px}.faucet-complete progress::-webkit-progress-value{background:#4ed39a}.faucet-feedback{min-height:20px;color:#b8e7d3;font-size:12px;line-height:1.7;margin:10px 0}.faucet-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.faucet-controls .button{font-size:13px;padding:12px 18px}.faucet-controls>span{font-size:11px;color:#9baacb}.faucet-mission [hidden]{display:none!important}
@keyframes faucet-flow{to{background-position:3px 16px}}
@media(max-width:700px){.faucet-mission{padding:16px;border-radius:16px;margin-top:16px}.faucet-heading h3{font-size:20px}.faucet-instruction{font-size:12px}.faucet-controls{gap:10px}.faucet-controls .button{width:100%}.faucet-controls>span{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.faucet-water{animation:none}}