@font-face{font-family:Pretendard;src:url('../assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#102124;--ink:#e9dfc6;--muted:#a4b1a2;--line:#cbbd8c30;--mint:#d9ba7c;--gold:#d8b071}
body{background:#102124}button.primary{background:#d6b779;border-color:#d6b779;color:#26322c}button.primary:hover{background:#ead29f}button.selected{border-color:#dfc288;background:#c9b07816}.dot{background:#dab876;box-shadow:0 0 15px #ddb47055}.dialog{background:linear-gradient(145deg,#283e3beb,#152a2bed);border-color:#b6ad884c}.overlay{background:#0a171bb3;backdrop-filter:blur(4px)}.harbor-menu{position:absolute;left:7.5vw;top:8vh;width:560px;max-width:47vw}.harbor-title{font-size:clamp(52px,6.3vw,94px);font-weight:650;letter-spacing:-5px;margin:39px 0 3px;line-height:1.12;color:#e8ddbd}.harbor-english{font-size:10px;letter-spacing:5px;color:#b5ae8d;margin:17px 0 35px}.harbor-menu h2{font-size:25px;line-height:1.6;margin:0 0 14px;font-weight:450;letter-spacing:-.5px}.harbor-intro{font-size:13px;line-height:1.9;color:#a1b0a1;margin-bottom:27px}.harbor-menu .menu-actions{max-width:450px}.harbor-menu .menu-secondary{gap:26px}.cabin-crew{border-top:1px solid var(--line);padding-top:21px;margin-top:20px;max-width:480px}.cabin-crew .eyebrow{font-size:9px}.empty-seat{font-size:12px;color:#8c9d8d;margin-top:17px}.crew-row{display:flex;align-items:center;gap:15px;margin-top:16px}.crew-row strong{display:block;font-size:15px;font-weight:500}.crew-row span:not(.crew-portrait){display:block;font-size:10px;color:#a4b29f;margin-top:6px}.crew-portrait{position:relative;display:block;flex:0 0 48px;width:48px;height:58px;overflow:hidden;background:linear-gradient(135deg,#9e9c7d40,#253a33);border:1px solid #a9a07866;border-radius:2px}.crew-portrait i{position:absolute;left:17px;top:9px;width:15px;height:17px;border-radius:45% 45% 40% 40%;background:#c9b88d}.crew-portrait b{position:absolute;left:9px;top:29px;width:34px;height:40px;border-radius:40% 40% 0 0;background:#a3915f;transform:rotate(-6deg)}.crew-portrait.operator b{background:#68766a}.crew-portrait.operator i:before{content:'';position:absolute;width:19px;height:5px;background:#4b625a;left:-2px;top:0}.crew-portrait.engineer i:before{content:'';position:absolute;width:18px;height:6px;background:#c7a056;left:-2px;top:-3px;border-radius:50% 50% 0 0}.harbor-map-note{position:absolute;right:8vw;bottom:8vh;display:flex;gap:20px;align-items:center;color:#c9c2a5}.harbor-map-note>b{font-size:70px;font-weight:300;opacity:.65;line-height:1}.harbor-map-note span{font-size:10px;line-height:2;letter-spacing:1.5px}.harbor-map-note em{font-size:8px;color:#b29b75;font-style:normal}.next-call{border-left:2px solid #bea063;padding:4px 0 4px 17px;margin-top:25px}.next-call span{font-size:9px;display:block;color:#a9ac90;letter-spacing:2px;margin-bottom:8px}.next-call b{font-size:15px;font-weight:500;color:#e1d4af}.rescue-brief{width:890px}.rescue-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:19px;margin:26px 0}.rescue-choice{display:flex;text-align:left;gap:20px;padding:24px;min-height:220px}.rescue-choice .crew-portrait{width:70px;height:88px;flex-basis:70px;transform:scale(1.1);transform-origin:top left;margin-right:4px}.rescue-choice .crew-portrait i{left:24px;top:15px;width:20px;height:24px}.rescue-choice .crew-portrait b{left:11px;top:45px;width:48px;height:58px}.rescue-choice small{color:#bcb18c;font-size:10px}.rescue-choice h3{font-size:27px;margin:11px 0 13px}.rescue-choice span:not(.crew-portrait){font-size:11px;color:#c4c6ab}.rescue-choice p{font-size:12px;line-height:1.85;margin:12px 0 0}.refuge-note{font-size:12px!important;color:#9db09d!important}.record-mission{grid-column:1/-1;border:1px solid var(--line);padding:22px}.debrief{width:750px}.return-person{display:flex;gap:24px;margin:26px 0}.return-person .crew-portrait{transform:scale(1.3);transform-origin:top left;margin-right:15px;margin-top:10px}.return-person h3{margin:0 0 20px;font-size:20px}.return-person .testimony{font-size:22px;font-weight:400;line-height:1.8;color:#e3d7b6}.return-person p:not(.testimony){font-size:12px;color:#a5b5a1}.log-clue{padding:18px;border:1px solid var(--line);font-size:13px}.log-clue p{font-size:14px;margin-bottom:0}.manual-number{color:#d5b779;margin-right:10px}.harbor-top{background:#112b2ce8;border-color:#b7b38833}.hud-brand{color:#e1d5b1}.hud-brand span{max-width:260px;letter-spacing:0}.energy progress::-webkit-progress-value{background:#c7b77c}.meter progress::-webkit-progress-value{background:#afb99d}.hud-bottom{background:#122b2de8;border-color:#b9b18433;height:43px}.anchor-state b{color:#d9c58f}.hud-hint{font-size:11px;color:#d4ceb0}.mission-objective{position:absolute;top:84px;left:50%;transform:translateX(-50%);text-align:center;padding:9px 19px;background:#132e2fd9;border:1px solid #bbb68d38;color:#e3d5aa;font-size:13px;white-space:nowrap}.mission-objective span{color:#bba873;margin-right:10px;font-size:10px}.passenger-status{position:absolute;right:24px;top:138px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.passenger-status span{padding:7px 10px;border-left:2px solid #b7a474;background:#17332ec9;color:#cfcaac;font-size:10px}.passenger-status .shelter{color:#8b9f90;border-color:#718779}.passenger-status .aboard{border-color:#ded6a0;color:#e7d9b6}.radio-panel{position:absolute;left:30px;top:137px;max-width:395px;background:#10272bea;border-left:2px solid #c5a568;padding:14px 18px;color:#d0bd91;box-shadow:0 10px 30px #10222522}.radio-panel>div{display:flex;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:1px;color:#9fa991}.radio-panel b{font-size:11px;color:#dfcba0;letter-spacing:0;font-weight:400}.radio-panel p{font-size:13px;line-height:1.9;color:#dfd5b7;margin:10px 0 0}.hud-time{color:#e0d2ac}.hud-time span{color:#a4b09d}.dash-state b{color:#d1c193}#toast{background:#263b36f2;border-color:#c4b98266;color:#e1d5b3}
@media(max-height:760px){.harbor-menu{top:6vh}.harbor-title{font-size:67px;margin-top:26px}.harbor-english{margin:12px 0 24px}.harbor-menu h2{font-size:21px}.harbor-intro{font-size:12px;margin-bottom:18px}.cabin-crew{margin-top:13px;padding-top:13px}.next-call{margin-top:18px}.rescue-choice{min-height:185px;padding:20px}.rescue-choice h3{font-size:24px}.return-person .testimony{font-size:19px}.harbor-map-note>b{font-size:50px}}
@media(max-width:1050px){.harbor-menu{left:5vw;max-width:51vw}.harbor-title{font-size:62px}.harbor-intro{font-size:11px}.harbor-menu h2{font-size:19px}.rescue-choice{gap:16px;padding:16px}.rescue-choice .crew-portrait{display:none}.radio-panel{max-width:280px;left:20px}.radio-panel p{font-size:11px}.mission-objective{font-size:11px;max-width:74vw;white-space:normal}.hud-hint{font-size:9px}.hud-brand span{max-width:145px;font-size:8px}.harbor-map-note{right:5vw;bottom:11vh}}


.harbor-menu{max-height:calc(100vh - 90px);overflow-y:auto;padding-right:16px;padding-bottom:24px;scrollbar-width:thin;scrollbar-color:#9d997b #193332;overscroll-behavior:contain}
@media(max-height:760px){.harbor-menu{max-height:calc(94vh - 42px)}.harbor-menu .crew-row{margin-top:10px}.harbor-menu .next-call{margin-bottom:14px}}

.log-entry{border-top:1px solid var(--line);padding-top:15px}.log-entry small{color:#b4a881}.log-entry p{color:#dfd5b7}.chapter-crew{display:flex;gap:30px}.hud-hint{max-width:68%;text-align:center}

.tow-objective{max-width:80vw;white-space:normal}.tow-power-note{padding:18px;border:1px solid #c6aa6570;background:#b59b5720;color:#e0c898!important}.tow-tension{max-width:170px}@media(max-width:1100px){.tow-tension{display:none}.tow-objective{max-width:86vw;font-size:11px}}

.hud-hint{font-size:12px;line-height:1.4}@media(max-width:1050px){.hud-bottom{height:56px}.hud-hint{font-size:11px}.radio-panel p{font-size:12px}}

.tow-footer{height:74px;padding:8px 24px;gap:16px}.tow-footer .anchor-state{min-width:135px}.tow-footer .anchor-state small{display:block;margin-top:5px;font-size:11px;color:#d5c699}.tow-footer .hud-hint{flex:1;max-width:48%;font-size:12px;line-height:1.4}.tow-action{min-width:195px;max-width:220px;font-size:13px;text-align:right;color:#eee0b8}.dock-feedback{position:absolute;bottom:88px;left:50%;transform:translateX(-50%);display:flex;gap:16px;padding:12px 18px;max-width:90vw;background:#152f2eef;border:1px solid #caba8960;font-size:13px;white-space:nowrap}.dock-feedback .met{color:#c6dfba}.dock-feedback .unmet{color:#e3ba81}
@media(max-width:1100px){.tow-tension{display:block;max-width:110px;min-width:85px}.tow-footer .hud-hint{font-size:11px}.tow-action{font-size:12px;min-width:155px;max-width:175px}.dock-feedback{font-size:12px;gap:12px}.harbor-top .hud-brand span{display:none}.harbor-top .meter{max-width:150px}}

.tow-arrival{background:none;backdrop-filter:none}.tow-arrival .arrival-note{position:absolute;left:24px;top:110px;width:320px;max-height:calc(100vh - 140px);padding:24px;background:#17322ded;box-shadow:0 15px 50px #10282266}.arrival-note h2{font-size:26px;line-height:1.35;white-space:pre-line}.arrival-note .log-clue{padding:12px}.arrival-note p{font-size:13px}.arrival-note .dialog-footer{display:grid;grid-template-columns:1fr;gap:10px}.arrival-hud{position:absolute;top:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #d5c49455;background:#19392dda;color:#dfddba;font-size:15px}
@media(max-width:1050px){.tow-arrival .arrival-note{left:16px;top:90px;width:280px;padding:20px}.arrival-note h2{font-size:23px}.arrival-hud{top:16px;font-size:13px;white-space:nowrap}}

.net-intro{border-left:2px solid #d4b978;padding:10px 14px;background:#baa77512;font-size:13px!important;color:#e1d2ae!important}.rescue-footer{height:68px;gap:18px;padding:8px 24px}.rescue-footer .anchor-state{min-width:170px}.rescue-footer .hud-hint{max-width:55%;flex:1}.context-action{min-width:170px;max-width:230px;text-align:right;color:#e2d5ae;font-size:12px;line-height:1.4}.rescue-footer .anchor-state em{margin-left:8px}@media(max-width:1050px){.rescue-footer .anchor-state{min-width:130px}.rescue-footer .hud-hint{font-size:11px}.context-action{min-width:145px;font-size:11px}.rescue-footer{height:78px;gap:12px}}

.net-clock{margin-top:3px;line-height:1.2}.net-clock strong{display:block;color:#eddfb9;font-size:14px;font-variant-numeric:tabular-nums}.net-clock small{display:block;margin-top:3px;font-size:10px;color:#bbb89c}.net-clock.urgent strong{color:#ffd8b0;background:#713d28;padding:2px 5px;border-left:3px solid #ffe1b3}.tow-footer .anchor-state small{margin-top:3px}.tow-footer .net-clock strong{font-size:12px}@media(max-width:1050px){.rescue-footer .anchor-state{min-width:160px}.rescue-footer .net-clock strong{font-size:13px}.tow-footer .anchor-state{min-width:155px}}

.mission-board{width:900px;max-height:88vh;overflow-y:auto}.mission-list{display:grid;gap:14px;margin:22px 0}.mission-card{display:grid;grid-template-columns:1fr 140px;gap:20px;padding:20px;border:1px solid #b6ae7855;background:#102e2a55}.mission-card.complete{border-left:3px solid #bace9e}.mission-card small{color:#c8b780;font-size:11px}.mission-card h3{font-size:23px;margin:9px 0}.mission-card p{font-size:12px;line-height:1.6;margin:8px 0}.mission-card button{align-self:center;white-space:normal}.record-line{font-size:11px;color:#bcccad;margin-top:13px}.mission-card button:disabled{opacity:.4;cursor:default}@media(max-width:1050px){.mission-card{grid-template-columns:1fr 130px;padding:15px}.mission-card h3{font-size:20px}.mission-board{max-height:84vh}}

.tow-action .rigging{display:block;font-size:11px;line-height:1.4;color:#bfcba8;margin-top:5px}.harbor-menu .menu-actions{flex-wrap:wrap}

.harbor-menu{max-height:88vh;overflow-y:auto;padding-right:8px}
/* Narrative reward art stays out of the navigable harbor canvas. */
.crew-portrait img{width:100%;height:100%;object-fit:cover;display:block}.crew-portrait{border-radius:6px}.rescue-choice .crew-portrait{transform:none;width:86px;height:108px;flex-basis:86px}.return-person .crew-portrait{transform:none;width:110px;height:136px;flex-basis:110px;margin-right:0}
.memory-summary{margin:16px 0 8px;max-width:450px}.memory-summary>span{display:flex;justify-content:space-between;color:#b9c6aa;font-size:11px;margin-bottom:7px}.memory-summary b{color:#efcf8e}.memory-summary progress{display:block;width:100%;height:5px;border:0;background:#182e2d}.memory-summary progress::-webkit-progress-bar{background:#182e2d}.memory-summary progress::-webkit-progress-value{background:#d9b778}
.memory-album{width:1000px;max-height:88vh;overflow-y:auto}.memory-album>p{font-size:13px}.memory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.memory-card{overflow:hidden;border:1px solid #b6ad7855;border-radius:7px;background:#102a29}.memory-card>img,.memory-sealed{display:block;width:100%;height:150px;object-fit:cover}.memory-card>div:not(.memory-sealed){padding:15px}.memory-card small{font-size:10px;color:#d2bd83}.memory-card h3{font-size:17px;line-height:1.4;margin:8px 0}.memory-card p{font-size:12px;line-height:1.6;margin:0}.memory-sealed{display:grid;place-items:center;font-size:40px;color:#7d9180;background:radial-gradient(ellipse,#38534b,#172e2c)}.memory-card.locked{border-style:dashed}.memory-card.locked h3{color:#b4bca6}.clean-seal{display:block;color:#d2ddb1;font-size:11px;margin-top:9px}
.reward-reveal{display:flex;gap:14px;align-items:center;padding:12px;margin:18px 0;border:1px solid #dfbd7866;background:#d5b97812;border-radius:6px;animation:reward-arrive .4s ease-out}.reward-reveal>img{width:130px;height:95px;object-fit:cover;border-radius:4px}.reward-reveal>div{display:flex;flex-direction:column;gap:7px}.reward-reveal small{color:#e2bf78;font-size:11px}.reward-reveal strong{font-size:16px}.reward-reveal span{font-size:11px;line-height:1.5;color:#bbc6a8}.arrival-note .reward-reveal{display:block;padding:0;overflow:hidden}.arrival-note .reward-reveal>img{width:100%;height:100px;border-radius:0}.arrival-note .reward-reveal>div{padding:12px}.debrief{max-height:88vh;overflow-y:auto}.tow-arrival .arrival-note{overflow-y:auto}.harbor-menu .menu-secondary{gap:12px;flex-wrap:wrap}
.reward-notice{position:absolute;right:22px;bottom:155px;z-index:4;pointer-events:none;display:flex;gap:12px;align-items:center;max-width:290px;padding:14px 18px;border:1px solid #d5bc7b80;border-radius:5px;background:#193c36f2;box-shadow:0 5px 22px #061d2055;opacity:0;transform:translateY(8px);transition:opacity .18s,transform .18s}.reward-notice.show{opacity:1;transform:translateY(0)}.reward-notice>span{font-size:27px;color:#e4c37f}.reward-notice small{display:block;font-size:10px;color:#b6c6a6;margin-bottom:5px}.reward-notice strong{font-size:14px;color:#f0ddb0}
@keyframes reward-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reduce-motion .reward-reveal{animation:none}.reduce-motion .reward-notice{transition:none;transform:none}@media(prefers-reduced-motion:reduce){.reward-reveal{animation:none}.reward-notice{transition:none;transform:none}}
@media(max-width:1050px){.rescue-choice .crew-portrait{display:block;width:58px;height:76px;flex-basis:58px}.rescue-choice{gap:12px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.memory-card>img,.memory-sealed{height:135px}.memory-album{max-height:86vh}.reward-notice{max-width:250px;bottom:160px;right:16px}.reward-notice strong{font-size:12px}.reward-reveal>img{width:100px;height:85px}}
.tow-arrival .arrival-note{width:350px}.arrival-note .reward-reveal{display:flex;gap:0}.arrival-note .reward-reveal>img{width:100px;height:130px;flex:0 0 100px}.arrival-note .reward-reveal>div{padding:10px}.arrival-note .reward-reveal strong{font-size:14px}.arrival-record summary{cursor:pointer;color:#e5d3a5;font-size:13px}.arrival-note .dialog-footer{position:sticky;bottom:-20px;padding:10px 0 0;background:#17322d;z-index:1}
.memory-card[data-memory="engineer"]>img,.memory-card[data-memory="operator"]>img{object-position:50% 25%}.memory-open{font-size:11px;padding:8px 12px;margin-top:12px}.memory-detail{width:900px;max-height:90vh;overflow-y:auto}.memory-detail>img{display:block;width:100%;height:52vh;object-fit:contain;background:#102727}.memory-detail h2{margin-bottom:16px}

.mastery-record{margin-top:12px}.mastery-stamps{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.mastery-stamp{font-size:12px;border:1px solid #677b7c;border-radius:5px;padding:5px 8px;color:#b6c6c5}.mastery-stamp.earned{color:#ead397;border-color:#b49c60;background:#b49c6018}.mastery-reveal{border-left:3px solid #d3b776;padding:8px 12px;margin:12px 0;background:#d3b77612}.mastery-reveal small{color:#d3b776}.mastery-reveal p{margin:5px 0;font-size:14px}

.mastery-help{font-size:12px;color:#baccc9}.mastery-help summary{cursor:pointer;padding:6px 0}.mastery-help ul{padding-left:18px;line-height:1.65}

.route-plan{margin:12px 0;border:1px solid #547873;padding:12px 16px;border-radius:6px}.route-plan summary{cursor:pointer;color:#dfc589;font-weight:650}.route-plan article{padding:12px 0;border-bottom:1px solid #ffffff15}.route-plan article:last-child{border:0}.route-plan strong{color:#d8dfca;font-size:14px}.route-plan p{font-size:13px;margin:7px 0}.route-plan small{color:#d4b879}

.mission-story{margin:16px 0;border-top:1px solid #55736b;padding-top:14px}.mission-story summary{cursor:pointer;color:#dfc589}.mission-story img{display:block;width:100%;height:auto;margin-top:14px;border-radius:5px}.mission-story p{font-size:14px;line-height:1.8}.mission-story small{display:block;font-size:11px;color:#acbdb8;line-height:1.6}


/* Title screen, not a dispatch dashboard. The scene carries the premise. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.title-mark{position:absolute;left:50%;top:12vh;transform:translateX(-50%);width:max-content;max-width:90vw;text-align:center;color:#e3dfd1;text-shadow:0 3px 24px #0a233c99;pointer-events:none}.title-mark>span{display:block;font-size:11px;letter-spacing:7px;margin-bottom:16px;opacity:.75}.title-mark>div{font-size:clamp(58px,6.8vw,106px);line-height:1.1;font-weight:400;letter-spacing:-6px;word-spacing:8px}.title-navigation{left:9vw;top:auto;bottom:12vh;width:390px;max-width:42vw;max-height:52vh;padding:10px 28px 10px 0;overflow-y:auto;scrollbar-width:thin;background:none}.title-choices{display:flex;align-items:flex-start;flex-direction:column;gap:10px}.title-choices>button{position:relative;border:0;border-radius:0;background:none;padding:6px 0 6px 25px;text-align:left;font-size:20px;font-weight:450;color:#bec9cd;text-shadow:0 2px 8px #031a2c;transition:color .18s,transform .18s}.title-choices>button::before{content:'';position:absolute;left:0;top:50%;width:13px;height:1px;background:currentColor;opacity:0;transform:translateX(-5px);transition:opacity .18s,transform .18s}.title-choices>button:hover,.title-choices>button:focus-visible{color:#fff3ce;background:none;transform:translateX(5px)}.title-choices>button:hover::before,.title-choices>button:focus-visible::before{opacity:1;transform:none}.title-choices>button:first-child{font-size:25px;color:#f2e9d4;margin-bottom:10px}.title-choices>button:focus-visible{outline:1px solid #dbd2b399;outline-offset:7px}.scene-radio{position:absolute;right:16vw;bottom:27vh;border:0;background:none;padding:10px 12px;color:#e0d4b7;font-size:11px;text-shadow:0 2px 5px #092334;opacity:.4;transition:opacity .2s}.scene-radio:hover,.scene-radio:focus-visible{opacity:1;background:none;border:0}.radio-spark{display:inline-block;width:4px;height:4px;background:#f7db98;box-shadow:0 0 13px 5px #e7bc6355;border-radius:50%;margin-right:8px}.scene-subtitle{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);width:620px;max-width:84vw;font-size:14px;line-height:1.9;text-align:center;white-space:pre-line;color:#f0e7d2;text-shadow:0 2px 5px #000,0 0 15px #03111e;pointer-events:none}.scene-subtitle[hidden]{display:none}.reduce-motion .title-choices>button{transition:none}.reduce-motion .title-choices>button:hover,.reduce-motion .title-choices>button:focus-visible{transform:none}
@media(prefers-reduced-motion:reduce){.title-choices>button,.title-choices>button::before{transition:none}.title-choices>button:hover,.title-choices>button:focus-visible{transform:none}}
@media(max-height:760px){.title-mark{top:10vh}.title-mark>div{font-size:65px;letter-spacing:-4px}.title-mark>span{font-size:9px;margin-bottom:12px}.title-navigation{bottom:10vh;max-height:52vh}.title-choices{gap:6px}.title-choices>button{font-size:17px}.title-choices>button:first-child{font-size:22px;margin-bottom:7px}.scene-subtitle{font-size:12px;bottom:3vh}.scene-radio{bottom:28vh}}
@media(max-width:700px){.title-mark{top:13vh}.title-mark>div{font-size:49px;letter-spacing:-3px}.title-mark>span{font-size:8px;letter-spacing:3px}.title-navigation{left:7vw;max-width:80vw}.scene-radio{right:5vw}.scene-subtitle{bottom:2vh;font-size:11px}}

/* Ship cutaway: a continuous deck and hull, with crew physically located by duty. */
#interiorToggle{position:fixed;z-index:12;right:24px;top:148px;padding:9px 16px;background:#182b2d;color:#ead9b3;border:1px solid #a48c61}#voyageStatus{position:fixed;z-index:11;right:24px;top:193px;max-width:65vw;font-size:12px;background:#102427e8;color:#d4d9cf;padding:7px 10px;pointer-events:none}#interiorToggle[hidden],#voyageStatus[hidden]{display:none}.interior{width:min(1000px,94vw);max-height:94vh;overflow:auto}.interior h2{margin:5px 0 12px}.ship-section{padding:6px 22px 0;--paint:#426b64}.paint-harbor{--paint:#426b64}.paint-ochre{--paint:#b18a49}.paint-red{--paint:#96564a}.ship-deck{display:flex;justify-content:flex-end;padding-right:5%;height:112px}.ship-deck .ship-room{width:26%;background:#495751;border:6px solid #ac9c7c;border-bottom:0}.ship-hull{display:grid;grid-template-columns:1.1fr 1fr 1fr;border:12px solid var(--paint);border-top-width:7px;overflow:hidden;border-radius:8px 15px 60px 65px;background:#182c2b;height:185px;box-shadow:0 8px 0 #111e20}.ship-room{position:relative;border-right:6px solid #6e7060;padding:10px 14px;background:repeating-linear-gradient(90deg,#3b443b 0,#3b443b 47px,#424b41 48px,#424b41 50px);overflow:hidden}.ship-room h3{position:relative;z-index:2;font-size:13px;margin:0;color:#efe1bd;font-weight:500}.ship-room small{position:absolute;bottom:8px;left:10px;right:10px;font-size:10px;color:#bfcec5}.room-art{height:57px;font-size:42px;color:#b5a17a;letter-spacing:10px;opacity:.85}.room-art svg{width:100%;height:100%;stroke:#baac87;fill:#243c3c;stroke-width:2}.wheelhouse .room-art{position:absolute;right:16px;bottom:5px;width:54px}.hull-keel{text-align:center;color:#b4a47e;font-size:10px;letter-spacing:6px;padding:15px}.room-crew{position:relative;z-index:3;display:flex;gap:18px}.section-person{display:inline-flex;flex-direction:column;align-items:center;font-size:10px;color:#eee1c2}.section-person i{display:block;width:15px;height:20px;background:#d59e57;border-radius:5px 5px 1px 1px;position:relative;margin-top:7px;margin-bottom:3px;border-bottom:6px solid #263633}.section-person i:before{content:'';position:absolute;left:4px;top:-7px;width:8px;height:8px;background:#d5b28a;border-radius:50%}.section-person.operator i{background:#89a99a}.flood-surface{position:absolute;left:0;right:0;bottom:0;background:#3d99ad80;border-top:2px solid #9ec5c5;pointer-events:none}.flood-0{height:0;border:0}.flood-1{height:25%}.flood-2{height:50%}.flood-3{height:75%}.flood-4{height:100%}.ship-readings{display:flex;flex-wrap:wrap;gap:16px;border-block:1px solid #697b6d;padding:12px 0;font-size:13px}.ship-readings b{color:#e5c58e;margin-left:6px}.crew-orders{display:flex;gap:30px;margin:14px 0}.crew-orders label{display:flex;align-items:center;gap:15px}.crew-orders select,.voyage-refit select{background:#193332;color:#eeddbb;padding:8px;border:1px solid #6e8272}.interior .micro{font-size:12px;line-height:1.6;margin:8px 0}.interior>p{font-size:12px}.equipment-offers{display:flex;flex-direction:column;gap:10px;margin:18px 0}.equipment-offers button{text-align:left;padding:16px;border-radius:0;border-color:#647568}.equipment-offers strong,.equipment-offers span{display:block}.equipment-offers span{font-size:13px;margin-top:6px;line-height:1.5;font-weight:400;color:#bdc7bc}.paint-preview{background:var(--paint);height:110px;border-radius:15px 15px 75px 45px;border:7px solid #b7a17d;margin:25px 0;display:grid;place-items:center;color:#ece1c6;font-size:35px}.stack [aria-pressed=true]{border-color:#e6c887;color:#ffe3ab}#panel.overlay:has(.interior){z-index:20}.title-navigation{max-height:56vh}.title-choices{gap:5px}.title-choices>button{font-size:18px}.title-choices>button:first-child{margin-bottom:5px}
@media(max-height:760px){.interior{padding:18px 24px}.ship-deck{height:85px}.ship-hull{height:145px}.room-art{height:43px}.interior h2{font-size:24px}.ship-readings{padding:8px 0}.crew-orders{margin:8px 0}.title-choices{gap:2px}.title-choices>button{font-size:16px;padding-block:4px}}

.interior .micro{color:#bdc8ba}.room-modules{position:absolute;right:8px;bottom:10px;z-index:3;display:flex;gap:4px;flex-direction:column;align-items:flex-end}.room-modules span{font-size:10px;color:#f2ddb4;background:#1b3331;border:1px solid #8e9278;padding:3px 5px}

/* Generated cutaway shell, furniture and crew are independent image layers. */
.illustrated-section{padding:0;background:radial-gradient(ellipse at 55% 65%,#50463355,transparent 70%)}.ship-scene{display:block;width:100%;height:min(48vh,480px);overflow:hidden}.ship-scene .ship-room{border:0;background:none;padding:0}.ship-scene text{font:500 20px Pretendard;fill:#f0dfb7;text-anchor:middle;paint-order:stroke;stroke:#101c1e;stroke-width:5px;stroke-linejoin:round}.ship-scene .section-person text{font-size:18px}.ship-scene .paint-band{fill:var(--paint);opacity:.6;mix-blend-mode:color}.bilge-water{fill:#509ba47a;stroke:#9cc6c4;stroke-width:2}.interior{width:min(1180px,96vw);background:#142223ed}.interior h2{font-size:25px}.interior .ship-readings{margin-top:0}.interior .crew-orders{margin:10px 0}.paint-preview{background:transparent url('../assets/art/menu-tug-v1.png') center/contain no-repeat;border:0;border-radius:0;height:180px}.paint-preview span{background:var(--paint);font-size:13px;padding:5px 10px;border:1px solid #d4c49a;align-self:end}
@media(max-height:760px){.ship-scene{height:285px}.interior{padding:14px 24px}.interior h2{margin-bottom:0}.interior .ship-readings{gap:12px}.interior .micro{font-size:11px}.interior>p{margin:7px 0}.interior #interiorBack{padding:9px 15px}}

.ship-scene text{font-size:28px}.ship-scene .section-person text{font-size:25px}.equipment-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.equipment-art{display:block;width:100%;height:115px;margin-bottom:8px}.equipment-offers button{padding:12px}.equipment-offers span{font-size:12px}.voyage-refit .micro{color:#bdc8ba}

.equipment-art{width:115px;height:115px;margin-inline:auto;overflow:hidden}
/* Port menus: restrained working surfaces, stable type roles, fixed actions. */
.departure-desk,.paint-shop{--menu-paper:#ddd7c5;--menu-ink:#27342f;--menu-secondary:#536057;font-variant-numeric:tabular-nums}
.dialog.departure-desk{width:min(1220px,95vw);height:min(850px,92vh);max-height:92vh;display:flex;flex-direction:column;overflow:hidden;padding:0;border:1px solid #687268;border-radius:0;background:#23342e;box-shadow:0 18px 55px #0007}
.departure-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:20px 28px 16px;border-bottom:1px solid #758176;background:#20372f}
.departure-heading h2{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;color:#f1ecdd}.departure-heading>span{font-size:14px;color:#bac5b8;letter-spacing:0}
.departure-body{display:grid;grid-template-columns:270px minmax(0,1fr);flex:1;min-height:0}
.departure-index{padding:16px 0;overflow:auto;border-right:1px solid #758176;background:#273d34}
.departure-index button{width:100%;display:flex;align-items:baseline;gap:14px;border:0;border-left:4px solid transparent;border-radius:0;padding:19px 22px;text-align:left;color:#c6cfc3;background:transparent;transition:background .12s}
.departure-index button strong{display:block;font-size:18px;line-height:1.4;font-weight:600}.departure-index button small{display:block;font-size:14px;line-height:1.45;margin-top:6px;color:inherit}.departure-number{font-size:14px;font-weight:500;opacity:.8}
.departure-index button:hover:not(:disabled){background:#ffffff0d}.departure-index button[aria-pressed=true]{background:#ddd7c5;border-left-color:#af5939;color:#27342f}.departure-index button:disabled{color:#8b9b90;cursor:not-allowed}.departure-index-note{padding:8px 26px;margin:12px 0!important;color:#afbeb1;font-size:14px;line-height:1.5}
.departure-file{min-width:0;overflow-y:auto;background:var(--menu-paper);color:var(--menu-ink);scrollbar-color:#7d8a79 #ddd7c5}
.departure-hero{display:flex;align-items:center;gap:24px;padding:24px 30px 18px;border-bottom:1px solid #acae99}.departure-hero img{width:136px;height:96px;object-fit:cover;filter:saturate(.65);flex-shrink:0}.departure-hero small{font-size:14px;font-weight:500;color:#536057}.departure-hero h3{font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin:9px 0 0;color:#24352d}
.departure-reading{padding:20px 30px 28px}.departure-reading p{font-size:16px;line-height:1.6;margin:0 0 18px;color:#303c33}.departure-reading .departure-condition{border-left:3px solid #9c543b;padding-left:15px;color:#624432}
.departure-reading details{border:0;border-top:1px solid #adb19d;border-radius:0;padding:14px 0;margin:0}.departure-reading summary{font-size:16px;font-weight:600;line-height:1.45;color:#2d4d3d;cursor:pointer}.departure-reading .route-plan article{border-bottom:1px solid #b8baa6;padding:14px 0}.departure-reading .route-plan strong{font-size:16px;color:#2d4d3d}.departure-reading .route-plan p{font-size:16px;line-height:1.6;margin:7px 0}.departure-reading .route-plan small,.departure-reading .mission-story small{font-size:14px;color:#66533a}.departure-reading .mastery-record{margin-top:14px}.departure-reading .mastery-record small,.departure-reading .mastery-stamp{color:#3d5744;font-size:14px}.departure-reading .mastery-stamp{border-color:#83977d;background:none}.departure-reading .mastery-stamp.earned{border-color:#466c50;background:#466c5014}.departure-reading .mastery-help li{font-size:14px;color:#374a3e}.departure-reading .micro{font-size:14px!important;color:#536057!important}.departure-reading .mission-story img{border-radius:0}
.departure-footer{display:flex;align-items:center;gap:24px;padding:16px 26px;border-top:1px solid #758176;background:#20372f;flex-shrink:0}.departure-footer button{font-size:18px;font-weight:600;line-height:1.3;min-height:46px;border-radius:0;padding:10px 20px}.departure-footer #back{border:0;color:#dce4d7;background:none}.departure-footer #towBegin{margin-left:auto;background:#bd6846;border:1px solid #d88964;color:#fff5e5;max-width:45%}.departure-footer #towBegin:hover{background:#d17a52}.departure-crew{display:flex;gap:18px}.departure-crew>div{display:flex;align-items:center;gap:8px;font-size:14px;color:#e6e7d8}.departure-crew .crew-portrait{width:34px;height:40px;flex-basis:34px;border:0;border-radius:0}.departure-crew .crew-portrait img{width:100%;height:100%;object-fit:cover}
.departure-desk button:focus-visible,.departure-desk summary:focus-visible,.paint-shop button:focus-visible{outline:3px solid #d59354;outline-offset:-3px}
.dialog.paint-shop{width:min(1100px,95vw);max-height:92vh;overflow:auto;padding:28px 32px;border:1px solid #687268;border-radius:0;background:#23342e url('../assets/art/harbor-workshop-v1.png') center/cover;box-shadow:0 18px 55px #0007}
.paint-shop header{background:#20372ff2;padding:16px 20px;display:inline-block}.paint-shop .eyebrow{font-size:14px;letter-spacing:0;color:#bdc7b8}.paint-shop h2{font-size:28px;letter-spacing:-.02em;line-height:1.2;margin:8px 0;color:#f1ecdd}.paint-shop header p{font-size:16px;line-height:1.6;color:#d7decf;margin:8px 0 0}
.paint-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:center;margin-top:18px}.paint-slip{margin:0;min-width:0}.paint-slip canvas{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;filter:drop-shadow(0 14px 8px #0008)}.paint-slip figcaption{display:flex;justify-content:space-between;padding:12px 10px;font-size:14px;background:#20372fed;color:#e7e3d4;letter-spacing:0}
.paint-samples{padding:20px;background:var(--menu-paper);color:var(--menu-ink)}.paint-samples>small{font-size:14px}.paint-samples .stack{margin:14px 0;gap:0}.paint-samples button[data-paint]{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #b3b7a2;border-left:3px solid transparent;border-radius:0;color:#314335;padding:13px 8px;text-align:left;font-size:18px;min-height:64px}.paint-samples button[data-paint] i{width:40px;height:26px;background:var(--swatch);flex-shrink:0}.swatch-harbor{--swatch:#426b64}.swatch-ochre{--swatch:#b18a49}.swatch-red{--swatch:#96564a}.paint-samples button span{flex:1}.paint-samples button small{display:none}.paint-samples button b{visibility:hidden}.paint-samples button[aria-pressed=true]{border-left-color:#45654d;background:#45654d12;color:#203c2d}.paint-samples button[aria-pressed=true] b{visibility:visible}.paint-samples .micro{font-size:14px!important;color:#536057;line-height:1.5!important;margin-top:14px!important}.paint-samples #paintBack{font-size:18px;color:#f1ecdd;background:#20372f;width:100%;border-radius:0;margin-top:16px}
@media(max-width:1050px){.departure-body{grid-template-columns:230px minmax(0,1fr)}.departure-index button{padding:16px;gap:10px}.departure-heading{padding:16px 22px}.departure-hero{padding:18px 22px;gap:18px}.departure-hero img{width:100px;height:80px}.departure-reading{padding:18px 22px}.departure-footer{padding:12px 18px;gap:12px}.departure-crew{gap:10px}.paint-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.dialog.paint-shop{padding:22px}}
@media(prefers-reduced-motion:reduce){.departure-index button{transition:none}}
.dialog.departure-desk{border:10px solid #35483b;border-image:url('../assets/art/dispatch-folder-v1.png') 28 stretch;border-radius:0}.departure-file{background:#ddd7c5 url('../assets/art/dispatch-folder-v1.png') right center/160% 140% no-repeat}.departure-index{background:#20372f url('../assets/art/dispatch-folder-v1.png') 4% center/650% 170% no-repeat}.departure-crew .crew-portrait{width:42px;height:48px;flex-basis:42px}.departure-heading{background:#20372f}.departure-index button[aria-pressed=true]{border-right:0;outline-offset:-4px}.departure-index button strong{word-break:keep-all;overflow-wrap:anywhere}
.departure-index{background-image:linear-gradient(#20372fe8,#20372fe8),url('../assets/art/dispatch-folder-v1.png')}.departure-index-note{display:none}
/* Narrative type is reserved for the brief chapter opening; controls remain Pretendard. */
@font-face{font-family:'Nanum Myeongjo';src:url('../assets/fonts/NanumMyeongjo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.opening-screen{background:linear-gradient(0deg,rgba(4,15,20,.38),rgba(4,15,20,.66),rgba(4,15,20,.38));display:grid;place-items:center}
.voyage-opening{width:min(760px,85vw);text-align:center;color:#f4e8d0;text-shadow:0 2px 12px #07151c}
.voyage-opening>p{font-size:13px;letter-spacing:.18em;color:#c5bfae;margin:0 0 26px}
.voyage-opening h1{font-family:'Nanum Myeongjo',serif;font-size:clamp(32px,4vw,56px);font-weight:400;line-height:1.5;word-break:keep-all;margin:0 0 24px}
.voyage-opening>div{font-size:16px;line-height:1.9;word-break:keep-all}
.voyage-opening button{margin-top:36px;background:none;border:0;border-bottom:1px solid #8a928b;border-radius:0;color:#d8d5c7;font-size:14px;padding:12px}
.dialog .reading-link{background:none;border:0;border-radius:0;padding:12px 0;text-decoration:underline;text-underline-offset:5px;color:inherit;font-size:14px}
.departure-reading .departure-goal{font-size:19px;line-height:1.9;max-width:38em;word-break:keep-all;margin:18px 0 26px}
.departure-reading .departure-record{margin-top:24px}
.dialog.story-archive{width:min(1000px,94vw);height:min(820px,90vh);padding:28px 34px;display:flex;flex-direction:column;overflow:hidden;background:#ddd0ac;color:#293a38;border-image:url('../assets/art/dispatch-folder-v1.png') 28 stretch;border-width:10px}
.story-archive header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}
.story-archive header h2{font-size:26px;margin:0}
.story-archive button{color:inherit;background:transparent;border:1px solid #8b917c;padding:10px 14px;font-size:14px}
.story-archive nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;flex-shrink:0}
.story-archive nav [aria-pressed=true]{background:#334a46;color:#f3e8cb}
.story-reading{overflow:auto;min-height:0;padding:12px 22px 30px 0;margin-top:12px;scrollbar-color:#7d8879 transparent}
.story-reading h3{font-size:22px;font-weight:650;margin:24px 0 18px}
.story-reading p{color:#293a38;font-size:16px;line-height:1.9;max-width:46em;word-break:keep-all}
.story-reading small{color:#535d50;font-size:13px;line-height:1.7;display:block;max-width:56em}
.story-reading img{width:100%;max-height:280px;object-fit:cover;margin-top:12px}
.story-routes article{border-top:1px solid #a6ac94;padding:14px 0}
.story-routes h4{font-size:16px;margin:0}
@media(max-height:700px){.dialog.story-archive{padding:18px 24px}.story-archive nav{margin-top:12px}.story-archive header h2{font-size:22px}.departure-reading .departure-goal{font-size:17px}}
.dialog .voyage-story-result{font-size:14px;line-height:1.6;margin:0 0 14px;color:#dfd3b7}
@media(max-height:700px){.voyage-refit:has(.voyage-story-result) .equipment-art{width:80px;height:80px}.voyage-refit:has(.voyage-story-result) .dialog-footer{margin-top:12px;padding-top:12px}}
.voyage-forecast{border-block:1px solid #a4aa8b66;padding:10px 0;color:#e1d5b8;font-size:14px}.voyage-forecast>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:9px 0}.voyage-forecast span{padding-left:8px;border-left:2px solid #667d74;color:#acb8aa}.voyage-forecast .current{border-color:#e5bd77;color:#f2e3bc}.voyage-forecast small{display:block;font-size:12px;line-height:1.5}.voyage-refit .dialog-footer{flex-wrap:wrap}.voyage-refit .dialog-footer button{flex:1;font-size:14px;padding:10px;min-width:140px}.voyage-refit .equipment-art{width:78px;height:78px}.voyage-refit>p{margin:10px 0;font-size:14px}.voyage-refit h2{margin:8px 0}.voyage-refit .equipment-offers{margin:12px 0}.voyage-refit .dialog-footer{margin-top:12px;padding-top:12px}#voyageStatus.fuel-low{color:#ffd19c;border:1px solid #d19b61}

.distress-calls>p{margin:4px 0 8px;font-size:13px;color:#b8c7bb}.distress-calls>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.distress-calls button{text-align:left;border:1px solid #6b8175;border-radius:0;padding:12px;background:#102422}.distress-calls button[aria-pressed=true]{border-left:4px solid #e2bc75;background:#34413b}.distress-calls strong,.distress-calls span,.distress-calls small{display:block}.distress-calls strong{font-size:18px}.distress-calls span{font-size:13px;line-height:1.5;margin:6px 0;font-weight:400}.distress-calls small{color:#e8c582;font-size:12px}.expedition-refit .equipment-art{float:left;width:52px;height:52px;margin-right:10px}.expedition-refit .equipment-offers button{padding:12px}.expedition-refit .equipment-offers strong{font-size:15px}.expedition-refit .equipment-offers span{font-size:12px}.forecast-fold{font-size:13px;color:#d8c69f;margin:8px 0}.forecast-fold summary{cursor:pointer}.expedition-refit .dialog-footer{position:sticky;bottom:-30px;background:#192d2c;padding-bottom:12px;z-index:2}.expedition-live{display:flex;gap:6px 14px;flex-wrap:wrap;border-top:1px solid #8c9f8266;margin-top:5px;padding-top:5px;font-size:12px}.expedition-live b{color:#ead6aa}.expedition-live.gust-warning{color:#f1cc83}.expedition-live.gust-active{color:#ffb38b}#voyageStatus:has(.expedition-live){max-width:calc(100vw - 240px);background:#102422ee}
.expedition-record{list-style:none;padding:0;margin:16px 0;border-block:1px solid #83937b66}.expedition-record li{display:grid;grid-template-columns:1fr auto;padding:10px 0;border-bottom:1px solid #83937b33}.expedition-record small{font-size:12px;color:#aebcac}.expedition-record b{color:#e6c58a}

.salvage-plan{border-top:1px solid #8c9f8266;margin:12px 0;padding-top:10px}.salvage-plan summary{cursor:pointer;color:#e8c582;font-size:14px}.salvage-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.salvage-options button{text-align:left;padding:10px}.salvage-options strong,.salvage-options span{display:block}.salvage-options span{font-size:12px;font-weight:400;margin-top:4px}.salvage-options [aria-pressed=true]{border-color:#e8c582;background:#34413b}.salvage-plan label{font-size:12px}.salvage-plan .micro{margin:8px 0}

.sea-instruments{display:flex;gap:12px;align-items:center;border-top:1px solid #8c9f8244;padding-top:5px;margin-top:5px}.sea-instruments svg{width:48px;height:48px;flex-shrink:0}.sea-instruments>div{display:grid;gap:4px;font-size:11px}.sea-instruments b{color:#e1d0ac}.sea-instruments span{color:#b7d0c7}.drive-reading meter{width:100%;height:9px;accent-color:#dfc083}.drive-reading.firing b{color:#ffe4a1}.drive-reading{min-width:100px}.current-reading{margin-left:auto}@media(max-width:1000px){.sea-instruments{gap:7px}.sea-instruments>div{font-size:10px}.drive-reading{min-width:76px}}

.sea-instruments{position:fixed;right:20px;bottom:100px;width:440px;max-width:calc(100vw - 250px);box-sizing:border-box;padding:8px 10px;background:#102422ed;border:1px solid #8c9f8266;margin:0;gap:12px}.sea-instruments>div{font-size:11px}.sea-instruments .current-reading{max-width:96px}.sea-instruments .drive-reading{min-width:82px}
.voyage-debrief{border-block:1px solid #87927b66;padding:12px 0;margin:12px 0;color:#d2d8cb}.voyage-debrief h3{font-size:17px;color:#eed9a8;margin:0 0 10px}.debrief-readings{display:flex;gap:24px;margin:0}.voyage-debrief dt{font-size:11px;color:#aabbac}.voyage-debrief dd{margin:3px 0;font-size:14px}.debrief-readings dd{font-size:22px}.voyage-debrief p{font-size:12px;line-height:1.6;margin:10px 0}.voyage-debrief summary{font-size:12px;cursor:pointer;color:#d9bf82}.voyage-debrief details dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0}.voyage-debrief .debrief-transfer{color:#dfce9f}
.dialog.voyage-end{width:min(740px,94vw)}.voyage-end h2{font-size:27px;margin:8px 0 12px}.voyage-end>p{font-size:13px;line-height:1.6;margin:8px 0}.voyage-end-actions{display:grid;grid-template-columns:1fr 1fr 1fr;position:sticky;bottom:-30px;background:#192d2c;padding:12px 0 0;z-index:2}.voyage-end-actions button{padding:12px 8px;font-size:12px}@media(max-width:600px){.voyage-end-actions{grid-template-columns:1fr}.debrief-readings{gap:14px}}

.tow-action .pilot-mode{display:block;font-size:11px;line-height:1.3;color:#9bada9;margin-top:2px}
.tow-action .pilot-mode[data-active="true"]{color:#d4f3e4;font-weight:700}
.tow-action .rigging{margin-top:2px}

.dock-feedback{display:block;white-space:normal;max-width:min(720px,90vw);text-align:center;padding:8px 14px}
.dock-checks{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 14px}
.dock-coach{display:block;margin-bottom:5px;font-size:13px;color:#ead8ab}

body:has(#voyageStatus:not([hidden]) .sea-instruments) .dock-feedback{bottom:178px}

.voyage-route{display:flex;list-style:none;margin:0 0 14px;padding:0;border-bottom:1px solid #82978b55;gap:20px;padding-bottom:10px}.voyage-route li{flex:1;font-size:13px;color:#9caeaa}.voyage-route li[data-route-state="completed"]{color:#bfd8ae}.voyage-route li[aria-current]{color:#f2d394}.voyage-route small{display:block;font-size:10px;margin-top:3px}.refit-crew{border-block:1px solid #82978b55;padding:10px 0;margin-bottom:14px}.refit-crew summary{cursor:pointer;font-size:13px}.refit-crew summary b{font-size:12px;margin-left:12px;color:#bbd5b1}.refit-crew [data-water-trend="rising"]{color:#f1bb82}.refit-crew .crew-orders{margin:10px 0}.refit-crew p{font-size:12px;margin:6px 0}.refit-crew small{display:block;font-size:11px;line-height:1.4;color:#a8b9b0}.crew-tradeoffs{color:#e7c997}

.equipment-comparison{display:block;border-top:1px solid #8c9f8244;margin-top:8px;padding-top:6px;font-size:11px;line-height:1.5;color:#d9d8b9;font-weight:400}.equipment-offers .equipment-comparison span{display:block;font-size:11px;line-height:1.5;margin:0;color:#d9d8b9}.equipment-comparison .removed-module{display:block;color:#edbe8c;font-weight:500}.comparison-basis{font-size:11px!important;line-height:1.5;color:#acbdb3}.dialog-footer .equipment-comparison{font-size:10px;margin-top:5px;padding-top:4px}
.equipment-comparison[hidden]{display:none}

.dialog.voyage-refit{scroll-padding-block:24px 130px}
.ship-work{display:flex;flex-wrap:wrap;gap:12px 28px;border-block:1px solid #adbcab40;padding:8px 0;margin:12px 0}.ship-work p{margin:4px 0;flex:1 1 240px}.ship-work small{display:block;color:#b4c2b8;margin-top:5px}.ship-work [data-work-water="rising"] strong,.ship-work [data-work-repair="empty"] strong{color:#e6b98a}
.ship-work-live{display:flex;flex-wrap:wrap;gap:4px 12px;padding:6px 0;border-top:1px solid #a5b7b633}.ship-work-live strong{font-weight:600}.ship-work-live[data-live-water="rising"] strong,.ship-work-live[data-live-repair="empty"]{color:#f0bd92}
.field-progress{flex-basis:100%;padding-top:5px;border-top:1px solid #a5b7b633}.field-progress label{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.field-progress progress{width:130px;height:7px;accent-color:#d5bc7e}.field-progress small{display:block;margin-top:4px;color:#b4c2b8}.field-progress[data-work-state="moving"],.field-progress[data-work-state="no-parts"]{color:#f0bd92}
.crew-plans{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.crew-plans button{flex:1 1 150px;text-align:left;padding:10px 12px}.crew-plans small{display:block;margin-top:5px;font-size:11px;font-weight:400}.crew-plans [aria-pressed="true"]{border-color:#d5bc7e;background:#b18a4926}
.voyage-code{display:block;margin:12px 0;font-size:12px}.voyage-code input,.voyage-code-entry input{font:600 14px Pretendard;letter-spacing:.08em;color:#eadcba;background:#102323;border:1px solid #a5b7b655;padding:8px;width:180px;max-width:100%;margin:5px 8px}.voyage-code small,.voyage-code-entry small{display:block;color:#a5b7b6;font-size:11px;line-height:1.5}.voyage-code-entry{margin:16px 0}.voyage-code-entry form{margin-top:12px}.voyage-code-entry [role="status"]{color:#f0bd92}
.interior #interiorBack{position:sticky;bottom:0;z-index:2;background:#233a35;box-shadow:0 -8px 16px #192d2ccc}
.gust-ride{color:#c4d5ca}.gust-ride[data-riding=true]{color:#b4f2ce;border-left:3px solid #8cd9ad;padding-left:8px;font-weight:700}
@media(min-width:1051px){#voyageStatus:has(.expedition-live){max-width:calc(100vw - 490px)}}@media(min-width:700px) and (max-width:1050px){#voyageStatus:has(.expedition-live){max-width:calc(100vw - 375px)}}
.build-desk{border-block:1px solid #95b5a455;padding:10px 0;margin:12px 0}.build-desk summary{cursor:pointer;color:#e8cf96}.build-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.build-options button{text-align:left;padding:12px}.build-options strong,.build-options span{display:block}.build-options span{font-size:12px;line-height:1.7;margin-top:6px;font-weight:400}.build-options [aria-pressed=true]{border-color:#e9c477;background:#3c4b3d}.bilge-build{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:8px 0;color:#c5e5d4;border-bottom:1px solid #91b9a455;font-size:12px}.bilge-build progress{width:110px;height:7px;accent-color:#9bd2b7}.bilge-build small{flex-basis:100%}.bilge-build[data-bilge-band=danger]{color:#ffc19d}.bilge-build[data-valve=true]{border-left:3px solid #dcb373;padding-left:7px}@media(max-width:700px){.build-options{grid-template-columns:1fr}}
.winch-build{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;padding:8px 0;border-bottom:1px solid #bbad7455;color:#ead6a4;font-size:12px}.winch-build progress{width:110px;height:7px;accent-color:#e4c078}.winch-build small{flex-basis:100%}.winch-build[data-winch-state=ready]{color:#bcf0c9}.winch-build[data-winch-state=overload]{color:#ffb69b}