#abstract-space{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body[data-abstract-space=true] #landscape{visibility:hidden}
body[data-abstract-space=true] .shade{background:linear-gradient(90deg,#050910bd,transparent 75%),linear-gradient(0deg,#050910ee,transparent 55%)}
body[data-abstract-space=true][data-looking=true] .shade{opacity:0}
.space-steering{position:fixed;inset:90px 0 210px;z-index:3;cursor:grab;touch-action:none;outline-offset:-5px}
.space-steering:active{cursor:grabbing}
.space-flight{width:100%;max-width:600px;padding:0 .35rem .4rem}
.space-hint{margin:.3rem 0 .7rem;color:#aebecb;font:12px/1.5 ArchiveMono,monospace;text-align:center;max-width:550px}
.space-flight-row{display:flex;gap:.6rem;align-items:center;justify-content:center;flex-wrap:wrap}
.space-flight-row label{display:flex;align-items:center;gap:.55rem;font:14px ArchiveMono,monospace;color:#d0dce6}
.space-flight input{width:110px;accent-color:#e5d9b8;min-height:44px}
.space-flight output{min-width:3.5ch;font-size:14px}
.space-direction{display:flex;justify-content:center;gap:.3rem;margin-top:.4rem}
.space-direction button{border:1px solid #cde2ed2a;min-width:44px;touch-action:none}
body[data-abstract-space=true][data-looking=true] .scene-controls{width:min(610px,calc(100vw - 24px));background:#080e18dc;backdrop-filter:blur(12px);bottom:max(55px,calc(env(safe-area-inset-bottom) + 45px))}
@media(max-width:600px){.space-steering{inset:125px 0 270px}.space-flight-row{gap:.25rem}.space-flight-row button{font-size:12px;padding:.4rem .55rem}.space-flight input{width:90px}.space-hint{font-size:12px}.space-direction button{padding:.35rem .65rem}}

/* Keep the flight controls to one small translucent strip. */
body[data-abstract-space=true][data-looking=true] .scene-controls{width:max-content;max-width:calc(100vw - 24px);padding:4px 7px;gap:4px;flex-wrap:nowrap;border:1px solid #cde2ed27;border-radius:3px;background:#080e1894;box-shadow:none}
body[data-abstract-space=true][data-looking=true] .scene-controls>#look-left,body[data-abstract-space=true][data-looking=true] .scene-controls>#look-right{display:none}
body[data-abstract-space=true][data-looking=true] #look-toggle{font-size:13px;white-space:nowrap;border:0;background:none;padding:6px 9px;min-height:44px}
.space-flight{width:auto;padding:0}.space-flight-row{flex-wrap:nowrap;gap:3px}.space-flight-row label{gap:5px}.space-flight input{width:85px}.space-flight output{font-size:12px}.space-flight-row .space-pause{min-width:36px;padding:4px;font-size:16px;border:0}
.space-help summary{list-style:none;display:grid;place-items:center;width:36px;min-height:44px;cursor:pointer;font:14px ArchiveMono,monospace;color:#b8c7d3}.space-help summary::-webkit-details-marker{display:none}.space-help>div{position:absolute;bottom:calc(100% + 10px);right:0;width:min(340px,calc(100vw - 24px));padding:15px;background:#0b1421f2;border:1px solid #cde2ed40;border-radius:3px;backdrop-filter:blur(12px)}
.space-help .space-reset{display:block;margin:.6rem auto 0;font-size:12px}.space-steering{inset:132px 0 125px}
@media(max-width:400px){.space-flight input{width:64px}.space-flight-row label{gap:3px}.space-help summary{width:30px}body[data-abstract-space=true][data-looking=true] #look-toggle{padding:6px;font-size:12px}}

/* Daylight and silver water in Other entrances. */
body[data-room=world]{--ink:#193348;--muted:#3b556a;--line:#284b633b;--accent:#284d6a;--filter:none;background:#dceef4;color:var(--ink)}
/* Keep the crystal image clear; readability belongs to local UI surfaces. */
html body[data-room=world] #landscape{filter:none}
html body[data-room=world] .shade{background:none}
html body[data-room=world] .room-heading #room-caption{color:#344f65;text-shadow:none}
body[data-room=world] #journey-nav{background:#eef6faed;backdrop-filter:none}
body[data-room=world] .scene-controls button{background:#eff9fcad;color:#25485f}
body[data-room=world] .primary-action{border-color:#284d6a66}
body[data-room=world] :is(main,.site-header) button:hover{color:#132e45;background:#f0faff77}
body[data-room=world] #ocean-sound{color:#355e78}
body[data-room=world][data-looking=true] .scene-controls{background:#e9f6fac7;border-color:#284b633b}
body[data-room=world][data-looking=true] #look-toggle{color:#193348;background:#ffffff55;border-color:#284b6355}
body[data-room=world] dialog{--ink:#edf4fa;--muted:#b2c3d3;--line:#d3e7f32e;--accent:#e5dbb9;color:var(--ink)}
@media(max-width:720px){body[data-room=world] #journey-nav{background:#eef6faf5}}

/* ET-source {"v":1,"homepage":"https://elias-thorn.com/","source":"https://elias-thorn.com/rooms/experience/abstract-space.css","sha256":"a3933b9ecbd4a59df6b114809f6d14752d453f4ab53a4907377e723e34576990","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."} */
