body.water-page{--water:#9ce1d1;background:radial-gradient(ellipse at 45% 15%,#284850,#081823 78%)}.water-page main{max-width:1140px}.water-page h1{font-size:38px;margin:8px 0}.water-page .intro{margin:7px 0}.water-layout{display:grid;grid-template-columns:minmax(0,720px) 250px;gap:22px;align-items:start}.water-board{min-width:0}.water-page .stage{border-radius:16px;border:1px solid #618589;box-shadow:0 20px 70px #00111a66}.water-page #game{aspect-ratio:840/920}.tile-buttons{position:absolute;left:3.80952%;top:11.95652%;width:92.38095%;height:84.34783%;display:grid;z-index:2}.tile-buttons button{border:0;background:transparent;padding:0;border-radius:12px;min-width:0;touch-action:manipulation}.tile-buttons button:hover{background:#ddfff71c}.tile-buttons button:focus-visible{outline:3px solid #f9e6a0;outline-offset:-4px;background:#ffffff18}.tile-buttons button:disabled{cursor:default;opacity:1}.water-page .overlay{z-index:4;background:#09242bdc;backdrop-filter:blur(6px)}.water-page .panel{max-width:470px;padding:15px}.water-page .panel h2{font-size:34px}.water-page .panel p{font-size:16px;color:#d2e6eb}.water-page .panel select{width:100%;min-height:48px;margin:14px 0 18px;background:#e3f4f1;border:0;border-radius:8px;padding:10px;color:#122e32;font-size:16px}.water-page .primary{background:#b9efca;border-color:#b9efca;color:#123332}.water-page .hud{border-radius:12px;margin-bottom:10px;padding:10px 16px;background:#16323d;border-color:#3d626b}.water-page .hud .stat strong{font-size:23px}.water-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.water-actions button{min-height:48px;font-size:15px}.water-actions #source{background:#b8efd5;border-color:#b8efd5;color:#133b35}.water-actions #source[aria-pressed=true]{background:#ffd992;border-color:#ffd992;color:#3b3020}.water-sidebar{border:1px solid #446774;border-radius:16px;padding:20px;background:#112c37}.water-sidebar h2{font-size:19px;margin:0 0 15px}.water-goal{padding:13px 0;border-top:1px solid #42626c}.water-goal-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.water-goal b{font-size:16px}.water-goal span{font-size:15px;color:#bceadb}.water-goal meter{width:100%;height:17px;accent-color:#79dacb}.water-goal p{font-size:13px;color:#b6c9d1;margin:5px 0}.water-sidebar .water-note{font-size:14px;line-height:1.75;color:#c1d8df}.water-instruction{font-size:15px;line-height:1.55;background:#1e4050;padding:14px;border-radius:10px;margin:17px 0 0}.water-selection{font-size:14px;text-align:center;color:#c3e5e3;min-height:26px;margin:8px 0}.water-page .legend>div{min-width:180px}.water-page .legend b{font-size:16px}.water-page .howto .steps p{font-size:16px}.water-page .is-fullscreen .water-layout{max-width:1050px;margin:auto}.water-page .is-fullscreen .hud{max-width:var(--play-width,100%);margin:0 auto 8px}.water-page .is-fullscreen .water-sidebar{max-height:calc(100dvh - 160px);overflow:auto}.water-page .is-fullscreen .water-actions{max-width:600px;margin:8px auto}.water-page .is-fullscreen .water-selection{margin:4px}.water-page .is-fullscreen #announcement{margin:4px;text-align:center}
@media(max-width:850px){.water-layout{grid-template-columns:1fr}.water-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px;order:-1}.water-sidebar h2,.water-sidebar .water-note{display:none}.water-goal{padding:0;border:0}.water-goal-head{flex-direction:column;align-items:flex-start;gap:2px}.water-goal b{font-size:14px}.water-goal p{display:none}.water-goal meter{height:12px}.water-instruction{grid-column:1/-1;padding:8px 10px;margin:0;font-size:14px}.water-layout{gap:12px}.water-page .panel h2{font-size:28px}.water-page .panel p{font-size:14px}.water-page .hud .stat strong{font-size:19px}.water-page .is-fullscreen .water-layout{grid-template-columns:1fr}.water-page .is-fullscreen .water-sidebar{display:none}.water-page .is-fullscreen .water-selection{display:none}}
@media(max-height:550px) and (orientation:landscape){.water-page .is-fullscreen .water-actions{position:absolute;right:10px;bottom:16px;display:grid;grid-template-columns:1fr;width:150px}.water-page .is-fullscreen .water-actions button{min-height:40px;font-size:12px;padding:7px}.water-page .is-fullscreen .stage:has(>#overlay:not([hidden])){min-height:270px}.water-page .is-fullscreen .panel h2{font-size:23px}.water-page .is-fullscreen .panel p{font-size:13px}.water-page .is-fullscreen .panel select{margin:8px 0;min-height:40px}}

.water-tools{grid-column:1/-1;border:1px solid #496b73;border-radius:10px;padding:0 12px}.water-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;color:#c9e5de}.water-tools>div{display:flex;gap:8px;padding:0 0 12px}.water-tools>div button{flex:1}.water-page .tile-buttons button:disabled{pointer-events:none}

.water-mission{display:flex;align-items:center;gap:14px;background:#183b48;border:1px solid #4a747b;padding:12px 16px;border-radius:12px;margin:12px 0}.water-mission p{margin:0;font-size:14px;line-height:1.6;flex:1}.water-mission span{font-size:13px;color:#f7d69c;white-space:nowrap}.water-mission span[data-open=true]{color:#bbf3bc}#basin-control{background:#254c6a;border-color:#8cc5df}.is-fullscreen .water-mission{padding:6px 10px;font-size:12px}.is-fullscreen .water-mission p{font-size:12px}@media(max-width:650px){.water-mission{display:block}.water-mission span{display:block;margin-top:6px}.water-mission span[hidden]{display:none}}