.brand-capsule{width:42px;height:48px;flex-basis:42px;object-fit:contain}.time-of-day{position:fixed;z-index:20;bottom:32px;right:22px;display:flex;gap:3px;padding:4px;background:#f6f2e5ef;border:1px solid #73897555;box-shadow:0 5px 24px #182e2515;border-radius:32px;color:#294b43}.time-of-day button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;background:transparent;color:inherit;border-radius:24px;min-width:45px;min-height:34px;padding:6px 9px;font:15px Arial;cursor:pointer}.time-of-day small{font:9px Arial}.time-of-day button[aria-pressed=true]{color:#fff8e9;background:#396d62}.time-of-day button:focus-visible{outline:2px solid #82b4a5;outline-offset:3px}
html[data-theme=night]{color-scheme:dark;background:#10252c}
html[data-theme=night] body{--ink:#d6e4de;--muted:#adbfba;--paper:#10252c;--line:#a7bcb938;--accent:#9acbc0;--glass:#152d36ed;background:#10252c;color:#d6e4de}
html[data-theme=night] .environment{background-image:url('/assets/night-lounge-v1.png');filter:none!important}
html[data-theme=night] .backdrop{background-image:url('/assets/night-cockpit-v1.png')}
html[data-theme=night] .room-art{background-image:var(--night-art)!important}
html[data-theme=night] .veil{background:linear-gradient(90deg,#10252cf0,#10252cba 28%,#10252c26 67%,transparent),linear-gradient(0deg,#10252c77,transparent 35%)}
html[data-theme=night] .wash{background:linear-gradient(180deg,#10252ca6,transparent 23%),linear-gradient(0deg,#10252c88,transparent 35%)}
html[data-theme=night] .room-veil{background:linear-gradient(90deg,#10252cf5,#10252cd9 26%,#10252c55 48%,transparent 68%),linear-gradient(180deg,#10252c99,transparent 18%),linear-gradient(0deg,#10252c77,transparent 18%)}
html[data-theme=night] .glow{opacity:.15}
html[data-theme=night] .character-stage,html[data-theme=night] .navigator img{filter:brightness(.77) saturate(.75)}
html[data-theme=night] :is(.room-header,header,.header){border-bottom-color:#b0c6c133}
html[data-theme=night] :is(.room-intro h1 em,.heading h1,.intro h1 em,.room-brand,.brand,.room-location,.room-status,.scene-label,.room-intro>p,.heading p,.eyebrow,.signature,.info .no,.identity strong,.identity small,.identity>span){color:#bfd9d1}
html[data-theme=night] :is(.room-dialogue,.dialogue,.topic-navigation,.detail-container){background:#142c35ed;border-color:#9fbdbb44;color:#d8e6e0}
html[data-theme=night] :is(.room-topics button,.choices button,.room-choices button,.room-dialogue-foot,.dialogue-foot,.room-speaker>span,.speaker .line){border-color:#a0b6ab3d}
html[data-theme=night] :is(.room-topics>span,.room-speaker small,.room-dialogue-foot,.dialogue-foot,.room-footer,.bottom-note,.speaker small,.notice){color:#a9c0b6}
html[data-theme=night] :is(.room-topics button:hover,.room-topics button[aria-pressed=true],.room-choices button:hover,.room-choices button[aria-pressed=true],.choices button:hover,.choices button.selected){background:#294a4b;color:#edf4e9}
html[data-theme=night] :is(.ship-map-button,.room-tools select,.tools select,.tools button,.motion,.deck-navigation .deck-arrow,.time-of-day){background:#19363eed;color:#d7e5dd;border-color:#abc1b04d}
html[data-theme=night] .deck-navigation .deck-arrow:hover{background:#294950}
html[data-theme=night] .time-of-day button{background:transparent;color:#c6d9d1}
html[data-theme=night] .time-of-day button[aria-pressed=true]{background:#a6c9ba;color:#102d32}
html[data-theme=night] :is(dialog,.ship-directory){background:#132b33;color:#d8e6de;border-color:#b7a57066}
html[data-theme=night] :is(.ship-directory>p,.ship-eyebrow,.ship-directory-foot,.modal-eyebrow){color:#aec0b6}
html[data-theme=night] .ship-grid>a{background:#19383d;color:#d4e6dd;border-color:#adbead44}
html[data-theme=night] .ship-grid>a:hover{background:#294a4b}
html[data-theme=night] .ship-grid>a[aria-current]{background:#91b5a5;color:#102d32}
html[data-theme=night] .room-entry{color:#d7e9df;background:#20434a;border-color:#aac9b966}
html[data-theme=night] .time-of-day{box-shadow:0 5px 24px #0003}
/* The universe keeps its space backdrop; its instruments follow the ship's lighting. */
html[data-page=console][data-theme=day] body{color:#e1e8f2}
html[data-page=console][data-theme=day] :is(header,.panel,.controls,dialog){background:#f0f1e9ed;color:#29453e;border-color:#698c7d77}
html[data-page=console][data-theme=day] :is(.panel p,.eyebrow,.note,.legend,header .title,header .status){color:#526e64}
html[data-page=console][data-theme=day] :is(input,select){background:#f9faf4;color:#29453e;border-color:#6f8c7755}
html[data-page=console][data-theme=day] :is(button:hover,a:hover){color:#167960}
html[data-page=console][data-theme=day] .brand em{color:#386b60}
html[data-page=console] .time-of-day{bottom:61px;right:22px}
@media(max-width:680px){.brand-capsule{width:31px;height:36px;flex-basis:31px}.time-of-day{bottom:14px;right:14px;padding:3px}.time-of-day button{min-width:37px;min-height:33px;padding:5px 7px}.time-of-day small{display:none}#room,#cabin{padding-bottom:76px}.world{padding-bottom:65px!important}html[data-theme=night] .room-veil{background:linear-gradient(90deg,#10252ce6,#10252c66 55%,transparent 89%),linear-gradient(0deg,#10252c 4%,#10252cf5 22%,transparent 64%)}html[data-theme=night] .room-topics{background:#142c35ed;color:#d8e6de;border-color:#9fbdbb44}html[data-theme=night] .veil{background:linear-gradient(90deg,#10252ce8,#10252c70 55%,transparent 90%),linear-gradient(0deg,#10252cf5 5%,#10252c22 75%)}html[data-theme=night] .wash{background:linear-gradient(0deg,#10252cf7,transparent 90%)}html[data-page=console] .time-of-day{bottom:80px;right:12px}}
html[data-page=console][data-theme=day] :is(.planet-row small,.planet-row.active,.legend b,.child,.child span,.zoom,summary,dialog p,.controls button[aria-pressed=true]){color:#3e665a}
html[data-page=console][data-theme=day] :is(.planet-row,.legend,.child,.guide){border-color:#58756733}
html[data-page=console][data-theme=day] .controls button[aria-pressed=true]{background:#aac4b955}
@media(prefers-reduced-motion:reduce){.time-of-day *{transition:none!important}}
/* Canvas shares the original artwork coordinate system, so only the host moves. */
.host-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}.navigator.host-ready>img{visibility:hidden}html[data-theme=night] .navigator .host-motion{filter:brightness(.77) saturate(.75)}