.cistern-page{--ci-ink:#180f22;--ci-purple:#5b2ca0;--ci-water:#55d8ff;--ci-mint:#62edbd;--ci-gold:#ffd447}.cistern-shell{margin:28px 0;padding:clamp(18px,4vw,36px);border:3px solid var(--ci-ink);background:linear-gradient(145deg,#fff7ca 0,#dcfff5 45%,#eee2ff 100%);box-shadow:10px 10px 0 var(--ci-ink)}.cistern-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.cistern-head h2{margin:0;font:clamp(1.8rem,4vw,3rem)/1 AyePixel,monospace}.cistern-head label{font-weight:900}.cistern-head select{display:block;margin-top:7px;padding:10px;border:2px solid var(--ci-ink);background:#fff;color:var(--ci-ink);font:inherit}.cistern-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.cistern-stats div{padding:11px;border:2px solid var(--ci-ink);background:#fff}.cistern-stats small,.cistern-stats strong{display:block}.cistern-stats strong{margin-top:4px;font:1.05rem AyePixel,monospace}.cistern-workbench{padding:clamp(14px,3vw,26px);border:3px solid var(--ci-ink);background:#201330;color:#fff}.cistern-brief{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}.cistern-brief strong{color:var(--ci-gold)}.cistern-keeper{padding:8px 10px;border:2px solid #fff;background:var(--ci-purple);font:1rem AyePixel,monospace}.cistern-vessels{display:flex;align-items:flex-end;justify-content:center;gap:clamp(12px,4vw,42px);min-height:300px;padding:18px;border:2px solid #fff;background:linear-gradient(#351e4b,#1b102a)}.cistern-vessel{min-width:min(27vw,170px);padding:10px;border:3px solid transparent;background:transparent;color:#fff}.cistern-vessel.selected{border-color:var(--ci-gold)}.cistern-vessel.target{box-shadow:0 0 0 4px var(--ci-mint)}.cistern-vessel>span:last-child{display:block;margin-top:8px;font-weight:900}.cistern-tank{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(150px,28vw,240px);overflow:hidden;border:5px solid #fff;border-top-width:3px;background:#160d22}.cistern-water{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--ci-water),#6978ff);transition:height .2s ease}.cistern-tank strong{position:relative;z-index:1;padding:6px;background:#180f22d9;font:clamp(.95rem,2vw,1.25rem) AyePixel,monospace}.cistern-actions,.cistern-pours{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:16px}.cistern-actions button,.cistern-pours button{min-height:46px;padding:10px 15px;border:2px solid #fff;background:#fff;color:var(--ci-ink);font-weight:900}.cistern-actions button.primary{background:var(--ci-gold)}.cistern-actions button:disabled,.cistern-pours button:disabled{opacity:.45}.cistern-status{min-height:1.5em;margin:16px 0 0;text-align:center;color:#fff;font-weight:900}.cistern-note{margin:16px 0 0}.cistern-guide{margin-top:28px}@media(max-width:720px){.cistern-head,.cistern-brief{align-items:flex-start;flex-direction:column}.cistern-stats{grid-template-columns:repeat(2,1fr)}.cistern-vessels{gap:6px;min-height:245px;padding:8px}.cistern-vessel{min-width:0;flex:1;padding:5px}.cistern-tank{height:180px}.cistern-actions button,.cistern-pours button{flex:1 1 42%}}