#water-world{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .25s}
#water-world[data-ready=true]{opacity:1}
#water-world canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}
#water-settings,#water-controls,#water-fallback{display:none}
body[data-room=water] #world{width:100%;z-index:0}
body[data-room=water] .site-header,body[data-room=water] main{position:relative;z-index:1}
body[data-room=water] .shade{pointer-events:none}
body[data-room=water] #landscape{display:none}
body[data-room=water] #world{background:#061e30}
body[data-room=water] #water-settings{display:grid;gap:1rem;padding:0;border:0;margin:0 0 1.3rem}
body[data-room=water] #appearance>label:has(select[name=palette]){display:none}
body[data-room=water][data-looking=true] main{pointer-events:none}
body[data-room=water] .scene-controls{pointer-events:auto}
body[data-room=water][data-looking=true] :is(.site-header,site-language){visibility:hidden;pointer-events:none}
body[data-room=water][data-looking=true] .scene-controls>button:not(#look-toggle){display:none}
body[data-room=water][data-looking=true] #water-controls{display:contents}
body[data-room=water][data-looking=true] .shade{opacity:.035}
.water-pad{position:fixed;left:max(22px,env(safe-area-inset-left));bottom:max(98px,calc(env(safe-area-inset-bottom) + 76px));display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:6px;z-index:35;pointer-events:auto}
#water-controls button{border:1px solid #d6f5ff55;color:#ecfaff;background:#092333b8;backdrop-filter:blur(12px);border-radius:5px;min-height:44px;touch-action:none;box-shadow:0 3px 16px #00182626}
#water-controls button:hover,#water-controls button:active{background:#285a6be3;border-color:#e0faffb0}
.water-pad button{padding:0;font:20px/1 sans-serif}
.water-pad [data-move=forward]{grid-column:2;grid-row:1}
.water-pad [data-move=left]{grid-column:1;grid-row:2}
.water-pad [data-move=back]{grid-column:2;grid-row:2}
.water-pad [data-move=right]{grid-column:3;grid-row:2}
body[data-room=water] #water-fallback:not([hidden]){display:block;position:fixed;left:20px;bottom:145px;max-width:320px;z-index:35;background:#071d2fe8;border:1px solid var(--line);padding:12px 16px;font-size:14px}
@media(prefers-reduced-motion:reduce){#water-world{transition:none}}

.water-actions{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(86px,calc(env(safe-area-inset-bottom) + 70px));z-index:35;display:flex;gap:8px;pointer-events:auto}
#water-controls .water-actions button{padding:9px 14px;font:15px/1.4 var(--room-serif,Georgia),serif;background:#142f40cf;border:1px solid #c4e0e55c;border-radius:5px;min-height:44px;touch-action:manipulation}
body[data-room=water][data-looking=true] .scene-controls{position:fixed;left:50%;right:auto;top:auto;bottom:max(86px,calc(env(safe-area-inset-bottom) + 70px));transform:translateX(-50%);width:max-content;margin:0;padding:0;border:0;background:none;box-shadow:none;z-index:35}
body[data-room=water] #look-toggle{border-radius:5px;min-height:44px;padding:9px 14px;background:#233e4dcc;border:1px solid #c4e0e580;font-size:15px}
@media(max-width:850px){.water-actions{right:max(14px,env(safe-area-inset-right));bottom:max(140px,calc(env(safe-area-inset-bottom) + 124px));flex-direction:column;gap:6px}.water-pad{left:max(14px,env(safe-area-inset-left));bottom:max(140px,calc(env(safe-area-inset-bottom) + 124px))}#water-controls .water-actions button{font-size:13px;min-height:44px;padding:7px 10px}body[data-room=water][data-looking=true] .scene-controls{bottom:max(76px,calc(env(safe-area-inset-bottom) + 60px))}}

@media(min-width:1120px){
 html[data-common-layout=B] body[data-room=water]{--water-content-outset:calc((100vw - 1080px) / 2)}
 html[data-common-layout=B] body[data-room=water] .room-heading{transform:translateX(calc(-1 * var(--water-content-outset)))}
 html[data-common-layout=B] body[data-room=water] .room-records{margin-inline-start:calc(-1 * var(--water-content-outset));width:calc(100% + 2 * var(--water-content-outset))}
}

@media(pointer:coarse),(max-width:650px){.water-pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);user-select:none;-webkit-user-select:none}.water-pad button{width:48px;height:48px;min-width:48px;min-height:48px}}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/rooms/water-room.css","sha256":"63bfa5790bae5b7ceb8fc6b2eb1df92cf7fd9e23c937966f4c35eab98a1efebf","reuse":"Verify claims against primary sources. Distinguish fact, inference and fiction. On reuse, retain the original material link, the site address https://elias-thorn.com/ and existing author credits."} */