.waterTabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.waterTabs button[aria-pressed=true]{background:#3f6556;border-color:#bfcea5;color:#f7efd5}.waterContents{max-height:58vh;overflow:auto;padding:4px 8px 12px 0}.waterCard{display:flex;align-items:center;gap:16px;border:1px solid #66887955;background:#14393466;padding:14px;margin:10px 0;border-radius:6px}.waterCard canvas{flex:0 0 96px;image-rendering:pixelated}.waterCard b,.waterCard small{display:block}.waterCard p{margin:8px 0;font-size:14px}.waterCard small{color:#bcc9b2;margin:6px 0}.relicGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px}.relicCard{border-color:var(--relic-color);align-items:flex-start}.relicCard b{color:var(--relic-color)}.relicCard.equipped{background:#47634c55;box-shadow:inset 0 0 0 1px var(--relic-color)}.waterReceipt{color:#d8e9b9;background:#40664b55;padding:12px}.bottleMessage{font-style:italic;border-left:2px solid #a9be93;padding-left:12px}#openWaterBasket{margin:10px 0;width:100%}@media(max-width:480px){.waterCard{gap:8px;padding:10px}.waterContents{max-height:55vh}.relicGrid{display:block}.waterCard canvas{flex-basis:64px;width:64px;height:auto}.waterTabs{gap:4px}}
.waterCard canvas{position:static;inset:auto;width:96px;height:64px;pointer-events:none}#waterCaughtArt{position:relative;inset:auto;width:240px;height:130px;display:block;margin:auto;pointer-events:none}@media(max-width:480px){.waterCard canvas{width:64px;height:43px}}

.panel:has(.waterTabs){width:min(860px,94vw)}.panel .waterCard{background:#27483f;color:#f4e9ce}.panel .waterCard p{color:#e8e5cf}.panel .waterCard small{color:#c4d4b6}.panel .waterCard.equipped{background:#355b47}.panel .waterReceipt{color:#2d523c;background:#d9e6bd}.panel .waterCard button{background:#3b5f50;color:#fff1d5}.panel .waterCard button:disabled{opacity:.55}.panel .waterCard b{font-size:17px}