/* The sea is the room; tools float at its edges. */
:root{--zc-voyage-white:#f7f4e8;--zc-voyage-dark:#233945;--zc-voyage-glass:#20333fdf;--zc-voyage-line:#f7f4e845}
.raft[data-phase=night] .top h1,.raft[data-phase=night] .top .eyebrow,.raft[data-phase=night] .top-tools .pill{color:var(--zc-voyage-white);text-shadow:0 1px 14px #12213280}
.raft{position:relative;max-width:none;padding:0;gap:0;min-height:100dvh;background:var(--zc-voyage-dark)}
.layout,.quiet-view .layout{display:block}.stage{position:relative;min-height:100dvh;display:block}.scene-wrap{position:absolute;inset:0;border-radius:0;box-shadow:none}#scene,.quiet-view #scene{height:100%;min-height:100dvh;width:100%}
.top{position:absolute;z-index:2;left:32px;right:32px;top:30px;align-items:flex-start;pointer-events:none}.top h1{font-size:clamp(34px,4.2vw,58px);max-width:600px;color:var(--zc-voyage-dark);text-shadow:0 1px 18px #f7f4e850}.top .eyebrow{color:var(--zc-voyage-dark);font-size:9px}.top-tools{pointer-events:auto}.top-tools button{background:var(--zc-voyage-glass);border:1px solid var(--zc-voyage-line);color:var(--zc-voyage-white)}.top-tools .pill{color:var(--zc-voyage-dark);font-size:9px}.hud{top:160px;left:32px;right:auto;gap:8px}.hud span{background:var(--zc-voyage-glass);color:var(--zc-voyage-white);border-radius:2px;font-size:9px}
.voyage-dock{position:absolute;z-index:1;left:32px;bottom:26px;width:min(590px,calc(100% - 64px));color:var(--zc-voyage-white);background:var(--zc-voyage-glass);backdrop-filter:blur(16px);padding:14px 18px 11px;border:1px solid var(--zc-voyage-line);border-radius:4px;box-shadow:0 12px 40px #0b182f22}.voyage-dock .journey{padding:0 5px;margin-bottom:10px}.journey-text,.voyage-dock .hint,#journey-pct,.voyage-dock .notice{color:var(--zc-voyage-white)}.track{background:var(--zc-voyage-line);height:2px}.track i{background:var(--zc-voyage-dark);border-color:var(--zc-voyage-white);width:5px;height:5px;margin:-2.5px}#fill{background:var(--zc-voyage-white)}#boat{border-color:var(--zc-voyage-dark);background:var(--zc-voyage-white);width:10px;height:10px;margin:-5px;box-shadow:0 0 0 1px var(--zc-voyage-white)}.controls{gap:6px;flex-direction:row}.segmented{flex:1.1;display:flex;background:transparent;border:0;padding:0;gap:3px}.segmented button{flex:1;color:var(--zc-voyage-white);font-size:11px;padding:0 8px;border:0;border-radius:2px}.segmented button[aria-checked=true]{background:#f7f4e817;box-shadow:inset 0 -2px var(--zc-voyage-white)}.actions{flex:1.4;display:flex;gap:4px}.actions button{font-size:11px;padding:0 10px;border-radius:2px;background:transparent;color:var(--zc-voyage-white);border-color:var(--zc-voyage-line)}.actions #hook{background:var(--zc-voyage-white);color:var(--zc-voyage-dark);border-color:var(--zc-voyage-white);flex:1}.voyage-dock .hint{font-size:10px;margin-top:9px;text-align:left;opacity:.8}.voyage-dock .notice{font-size:11px;text-align:left;margin-top:6px}.voyage-dock .notice:empty{display:none}.scene-line{bottom:26%;left:15%;right:15%;font-size:22px}.side{position:absolute;z-index:3;right:32px;top:160px;width:308px}.deck-locker{color:var(--zc-ink);filter:drop-shadow(0 16px 28px #10212c35)}.deck-locker>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;background:var(--zc-voyage-glass);border:1px solid var(--zc-voyage-line);color:var(--zc-voyage-white);cursor:pointer;list-style:none;font:18px var(--zc-font)}.locker-icon{font-size:22px}.locker-action{margin-left:auto;font:9px sans-serif;text-transform:uppercase;letter-spacing:.08em}.deck-locker[open] .locker-action{font-size:0}.deck-locker[open] .locker-action::after{content:'Close';font-size:10px}.locker-body{max-height:calc(100dvh - 246px);overflow-y:auto;overscroll-behavior:contain;background:var(--zc-surface);border:1px solid var(--zc-border);border-top:0;padding:4px 16px}.locker-body .panel{border:0;border-radius:0;padding:15px 0;box-shadow:none;background:none}.locker-body .panel+.panel{border-top:1px solid var(--zc-border)}.panel h2{font-size:20px;margin-bottom:10px}.inventory strong{font-size:23px}.builds li{padding:12px 0}.builds .effect{font-size:11px}.raft>footer{position:absolute;bottom:7px;left:32px;right:32px;color:var(--zc-voyage-white);font-size:8px;opacity:.7;pointer-events:none}.raft>.preview{position:absolute;top:0;z-index:4;left:0;right:0;border-radius:0;padding:3px;font-size:9px}.quiet-view .top h1,.quiet-view .top .eyebrow{opacity:.25}.quiet-view .voyage-dock{opacity:.55}.quiet-view .voyage-dock:focus-within,.quiet-view .voyage-dock:hover{opacity:1}
@media(max-width:899px){.top{left:20px;right:20px;top:22px}.top h1{font-size:35px;max-width:12em}.top h1 br{display:block}.top-tools .pill{max-width:92px;white-space:normal;text-align:right}.top-tools button{padding:0 12px;font-size:10px}.top .eyebrow{font-size:8px;letter-spacing:.14em}.hud{top:160px;left:20px;right:auto}.side{top:208px;right:20px;width:min(285px,calc(100% - 40px))}.deck-locker:not([open]){width:150px;margin-left:auto}.deck-locker>summary{font-size:16px;padding:8px 12px}.deck-locker:not([open]) .locker-action{display:none}.locker-body{max-height:calc(100dvh - 292px);min-height:180px}.voyage-dock{left:16px;bottom:24px;width:calc(100% - 32px);padding:11px 12px}.controls{flex-direction:column}.segmented,.actions{flex-basis:auto}.actions button{min-height:44px}.segmented button{min-height:36px}.scene-line{bottom:38%;font-size:16px}.stage,#scene,.quiet-view #scene{min-height:max(610px,100dvh)}.raft>footer{left:16px;right:16px;font-size:7px;bottom:6px}.top-tools{max-width:95px}.voyage-dock .hint{font-size:9px;line-height:1.5}.journey-text{font-size:10px}}