@font-face{font-family:Pretendard;src:url(../assets/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(../assets/Pretendard-SemiBold.woff2)format("woff2");font-weight:600 800;font-display:swap}:root{color:#eaf1ef;font-synthesis:none;--navy:#092536;--petrol:#123f50;--brass:#e6c27e;--green:#9ed5ac;--muted:#adc4c9;--line:#89b8b733;background:#092536;font-family:Pretendard,sans-serif;font-size:16px}*{box-sizing:border-box}body{word-break:keep-all;overflow-wrap:anywhere;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:#eaf1ef;cursor:pointer;word-break:keep-all;overflow-wrap:anywhere;background:#143846;border:1px solid #8daca34d;border-radius:7px;min-height:44px;padding:10px 16px;font-size:.92rem;line-height:1.4;transition:background .18s,border-color .18s}button:hover{background:#22515e;border-color:#a6b7a6}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #e6c27e}button.primary{color:#172c31;background:#e6c27e;border-color:#e6c27e;font-weight:600}button.primary:hover{background:#f0d499}button.subtle{background:#082b36b3}button.selected{color:#e6c27e;background:#36504a;border-color:#e6c27e}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty;line-height:1.65}h2{font-size:1.8rem;font-weight:600}h3{font-size:1.2rem;font-weight:600}small{font-size:.8rem;line-height:1.5}.eyebrow{letter-spacing:.17em;color:#e6c27e;font-size:.7rem;font-weight:600}.brand{letter-spacing:.1em;color:#e6c27e;white-space:nowrap;font-family:Georgia,serif;font-size:1.12rem}.brand span{color:#dbe8e2;font-size:.8em}.muted,.small{color:#adc4c9}.small{font-size:.86rem}.icon{margin-right:6px}.home{isolation:isolate;flex-direction:column;min-height:100svh;padding:32px 5vw;display:flex;position:relative}.home-art,.home-shade{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.home-shade{z-index:-1;background:linear-gradient(90deg,#041b2afa 0%,#062536bf 42%,#06253600 76%),linear-gradient(#0000 75%,#041b2af0)}.home-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.edition{color:#c2d0cc;letter-spacing:.07em;font-size:.8rem}.home-copy{max-width:620px;margin:auto 0;padding:70px 0}.home-copy h1{letter-spacing:-.04em;text-shadow:0 4px 26px #061a2b;margin:14px 0 28px;font-size:clamp(3rem,7vw,6rem);font-weight:600}.home-lead{color:#e2eee7;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.55}.home-description{color:#bacdce;margin-top:20px;line-height:1.8}.home-actions{flex-wrap:wrap;gap:12px;margin-top:38px;display:flex}.home-actions .primary{padding:15px 30px;font-size:1rem}.home-controls{color:#a5b9bd;gap:18px;margin-top:24px;font-size:.8rem;display:flex}.home-footer{color:#a7babc;letter-spacing:.05em;justify-content:space-between;gap:20px;font-size:.78rem;display:flex}.game{isolation:isolate;touch-action:none;background:#092536;width:100%;height:100svh;min-height:440px;position:relative;overflow:hidden}#sea{outline-offset:-4px;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{z-index:2;border-bottom:1px solid var(--line);background:linear-gradient(#061c2af5,#061c2ad9);align-items:center;gap:26px;min-height:74px;padding:12px 24px;display:flex;position:absolute;top:0;left:0;right:0}.hud>.brand{text-align:left;background:0 0;border:0;min-width:164px;padding:0}.vessel-status{flex:1;gap:24px;max-width:340px;display:flex}.meter-label{color:#bcd0cd;flex:1;min-width:95px;font-size:.73rem}.meter-label b{float:right;color:#eaf1ef;font-family:monospace;font-weight:400}.meter{background:#486c7444;height:4px;margin-top:7px;display:block}.meter>i{background:#9ed5ac;height:100%;transition:width .3s;display:block}#fuel-meter{background:#e6c27e}.hud-values{white-space:nowrap;color:#d2deda;align-items:center;gap:22px;font:13px monospace;display:flex}.hud-values b{font-size:1rem;font-weight:400}.hud-menu{gap:6px;margin-left:auto;display:flex}.hud-menu button{background:#133643a8;border-color:#6a8c8b33;padding:7px 12px}.quest-card{background:#082637df;border:1px solid #83acaa33;border-left:2px solid #e6c27e;border-radius:3px;width:285px;padding:17px 18px;position:absolute;top:100px;left:24px;box-shadow:0 8px 30px #05141b20}.quest-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.quest-heading button{color:#b8c9c6;background:0 0;border:0;min-width:30px;min-height:24px;padding:0}.quest-card h1{margin:7px 0 13px;font-size:1.05rem;font-weight:600}#quest-list{gap:5px;display:grid}#quest-list p{color:#c7d6d1;font-size:.8rem}#quest-list span{color:#7f9ba2;margin-right:8px}#quest-list .done,#quest-list .done span{color:#9ed5ac}.quest-card.collapsed #quest-list{display:none}.quest-card.collapsed h1{margin-bottom:0}.area-label{text-align:right;pointer-events:none;position:absolute;top:170px;right:28px}.area-label>span{color:#b4cbc7;letter-spacing:.07em;font-size:1.1rem;font-weight:600;display:block}.area-label small{color:#97b4b9;margin-top:6px;display:block}.nav-tools{gap:8px;display:flex;position:absolute;top:224px;right:24px}.nav-tools button{background:#092b3ace}.tutorial{pointer-events:auto;background:#0b283bcf;border-left:2px solid #83b7b3;max-width:340px;padding:14px 37px 14px 16px;position:absolute;bottom:150px;left:24px}.tutorial p{color:#cbdad6;margin-top:5px;font-size:.85rem;line-height:1.55}.tutorial button{color:#b9cac7;background:0 0;border:0;min-width:32px;min-height:32px;padding:0;font-size:1.2rem;position:absolute;top:2px;right:4px}.control-deck{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:42px;left:24px;right:24px}.control-deck>*{pointer-events:auto}.joystick{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#0a2a3866;border:1px solid #bdd3c557;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:inset 0 0 20px #59887922}.stick-ring{border:1px solid #97bdb738;border-radius:50%;width:77px;height:77px;position:absolute}.stick-knob{will-change:transform;background:radial-gradient(circle at 35% 30%,#aecbc5,#416b75 65%,#224954);border:1px solid #b3c9c18a;border-radius:50%;width:45px;height:45px;position:absolute;box-shadow:0 5px 15px #03132099}.stick-label{color:#98b5b9;letter-spacing:.1em;font-size:.7rem;position:absolute;bottom:-23px}.speed-controls{background:#09283bcf;border:1px solid #779fa44d;border-radius:7px;margin-right:auto;display:flex;overflow:hidden}.speed-controls button{background:0 0;border:0;border-radius:0;min-width:64px}.speed-controls button.selected{color:#e6c27e;background:#e6c27e20;box-shadow:inset 0 -2px #e6c27e}.context-actions{align-items:center;gap:8px;display:flex}.context-actions button{min-width:100px;min-height:52px;box-shadow:0 6px 18px #03132033}.keyboard-hint{color:#93b0b5;pointer-events:none;font-size:.74rem;position:absolute;bottom:10px;left:170px}.nav-tools,.control-deck button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#toast{color:#eaf1ef;text-align:center;opacity:0;pointer-events:none;z-index:7;background:#123c49f5;border:1px solid #bfd3b957;border-radius:6px;width:max-content;max-width:min(90%,500px);padding:12px 20px;font-size:.9rem;transition:opacity .2s,transform .2s;position:absolute;bottom:170px;left:50%;transform:translate(-50%,8px)}#toast.show{opacity:1;transform:translate(-50%)}#paused-banner{border:1px solid var(--brass);z-index:5;background:#062537f5;padding:24px 32px;font-size:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}dialog{color:#eaf1ef;word-break:keep-all;overflow-wrap:anywhere;touch-action:auto;background:#092536;border:1px solid #70928b70;border-radius:10px;width:680px;max-width:min(760px,100vw - 32px);max-height:calc(100svh - 32px);padding:34px;box-shadow:0 24px 90px #020e19aa}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#021521b8}dialog>h2{max-width:90%;margin:10px 0 22px}dialog>p{margin:18px 0}dialog>button:not(.close-button){margin-top:20px;margin-right:10px}.close-button{z-index:2;background:#072333cc;border:1px solid #adc9bb55;min-width:44px;min-height:44px;padding:0;font-size:1.5rem;position:absolute;top:14px;right:14px}.help-controls{grid-template-columns:1fr 1fr;gap:20px;display:grid}.help-controls article{border-top:1px solid var(--line);padding-top:14px}.help-controls b{color:#e6c27e;font-size:1rem}.help-controls p{color:#bfd1ce;margin-top:8px;font-size:.9rem}.journal-summary{color:#b9ccc7;gap:24px;padding:12px 0 20px;font-size:.9rem;display:flex}.destinations{flex-wrap:wrap;gap:12px;margin:22px 0;display:flex}.destinations button{text-align:left;flex:1;min-width:150px}.destinations small{color:#9ebbbd;margin-top:4px;display:block}.log-list{color:#b8cfcb;padding-left:20px;font-size:.9rem;line-height:1.6}.log-list li{border-bottom:1px solid #73999522;margin:12px 0;padding-bottom:10px;padding-left:4px}.port-dialog{width:760px;max-width:calc(100vw - 32px);padding:0}.port-cover{height:172px;position:relative;overflow:hidden}.port-cover>img{object-fit:cover;object-position:center 44%;opacity:.72;width:100%;height:100%}.port-cover:after{content:"";background:linear-gradient(#0000 10%,#092536);position:absolute;inset:0}.port-cover>div{z-index:1;position:absolute;bottom:24px;left:30px}.port-cover .eyebrow{color:var(--port-color)}.port-cover h2{margin-top:6px;font-size:1.9rem}.port-summary{border-bottom:1px solid var(--line);color:#c1d3ce;gap:24px;padding:0 30px 18px;font-size:.85rem;display:flex}.port-summary>span:last-child{margin-left:auto}.port-tabs{background:#113747;gap:0;padding:0 20px;display:flex}.port-tabs button{color:#a9c3c5;background:0 0;border:0;border-radius:0;min-height:52px;padding:14px 22px;position:relative}.port-tabs button.selected{color:#e6c27e;box-shadow:inset 0 -2px #e6c27e}.port-intro h3,.site-intro h3{margin:8px 0 10px;font-size:1.4rem}.port-intro p,.site-intro p,.section-lead{color:#bed1ce;font-size:.94rem;line-height:1.65}.harbor-job{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:24px;display:flex}.harbor-job p{color:#a8c1c2;margin-top:6px;font-size:.85rem}.harbor-job button{flex-shrink:0}.port-footer{border-top:1px solid var(--line);z-index:2;background:#0b2c3bf5;justify-content:space-between;align-items:center;gap:20px;padding:16px 30px;display:flex;position:sticky;bottom:0}.port-footer button{min-width:105px}.port-footer>span{color:#c3d7c7;font-size:.82rem;line-height:1.5}.production{background:#041d2e;border:1px solid #52837b4d;border-radius:6px;margin:22px 0 16px;padding:17px}.production-heading{color:#8baeb4;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:.72rem;display:flex}.site-badge{color:#9ed5ac}.bio-nodes{justify-content:space-between;gap:16px;display:flex;position:relative}.bio-nodes:before{content:"";background:#426767;height:1px;position:absolute;top:15px;left:30px;right:30px}.bio-node{text-align:center;flex:1;min-width:0;font-size:.85rem;position:relative}.bio-node>i{background:#164050;border:2px solid #497079;border-radius:50%;width:30px;height:30px;margin:0 auto 10px;display:block;position:relative}.bio-node b{color:#a6c2c0;font-weight:400;display:block}.bio-node small{color:#71949b;margin-top:4px;font-size:.72rem;display:block}.bio-node.flowing>i{background:#a4c7a8;border-color:#d9e8c9;animation:2s infinite breath;box-shadow:0 0 17px #9ed5ac88}.bio-node.flowing b{color:#c8e6c5}.bio-stats{color:#8eb4b4;border-top:1px solid #47727033;flex-wrap:wrap;gap:10px 20px;margin-top:24px;padding-top:14px;font-size:.78rem;display:flex}.bio-stats b{color:#e3ebd8;padding-left:5px;font:14px monospace}.site-reason{color:#b9d0c7;margin:12px 0;font-size:.84rem;line-height:1.6}.site-progress{background:#2f536144;height:4px;margin:16px 0 7px}.site-progress i{background:#9ed5ac;height:100%;transition:width .3s;display:block}.site-progress-label{color:#809fa4;font-size:.72rem}.site-actions{flex-wrap:wrap;gap:10px;display:flex}.mode-choice{border:1px solid var(--line);border-radius:6px;width:100%;margin:0 0 4px;display:flex;overflow:hidden}.mode-choice button{background:#123747;border:0;border-radius:0;flex:1}.mode-choice button.selected{background:#e6c27e25;box-shadow:inset 0 -2px #e6c27e}.supply-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.science-note{border-top:1px solid var(--line);color:#9db8ba;margin-top:25px;padding-top:14px;font-size:.85rem}.science-note summary{cursor:pointer;color:#bed0c8;min-height:35px;padding-top:7px}.science-note p{padding:8px 0 14px}.science-note small{color:#809da6;font-size:.76rem;display:block}.trade-list{margin:18px 0}.trade-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:22px 0;display:flex}.good-icon{color:var(--good);background:#062335;border:1px solid #74969444;border-radius:7px;flex-shrink:0;place-items:center;width:48px;height:48px;font:18px Georgia,serif;display:grid}.trade-name{flex:1}.trade-name h3{font-size:1rem}.trade-name p{color:#99b7ba;margin-top:5px;font-size:.8rem}.trade-name b{color:#e4ebe0;font-weight:400}.trade-actions{gap:8px;display:flex}.trade-actions button{min-width:83px;font-size:.84rem}.trade-actions b{margin-top:3px;font:16px monospace;display:block}.shipyard-art{align-items:center;gap:26px;padding:0 15px 16px;display:flex}.shipyard-art img{object-fit:contain;width:85px;height:110px;transform:rotate(28deg)}.shipyard-art h3{margin:8px 0;font-size:1.7rem}.shipyard-art p{color:#a9c5c3;font-size:.85rem}.upgrade-list{margin-bottom:18px}.upgrade-list article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:19px 0;display:flex}.upgrade-list h3{font-size:1rem}.upgrade-list p{color:#9eb9bb;margin-top:5px;font-size:.85rem}.upgrade-list button{flex-shrink:0;font-size:.85rem}.mode-choice button:focus-visible,.speed-controls button:focus-visible{outline-offset:-4px}@keyframes breath{50%{box-shadow:0 0 25px #9ed5acaa}}@media (width>=1100px){.joystick{opacity:.8;width:96px;height:96px}.control-deck{gap:24px}.home-copy{padding-left:2vw}.home-shade{background:linear-gradient(90deg,#041b2afa,#062536a8 43%,#06253600 80%),linear-gradient(#0000 75%,#041b2ae0)}}@media (width<=900px){.hud{flex-wrap:wrap;gap:16px;padding:12px 16px}.hud>.brand{min-width:140px;font-size:1rem}.vessel-status{gap:16px;max-width:250px}.hud-values{gap:15px}.hud-menu button:first-child{padding:8px;font-size:.8rem}.quest-card{width:255px;top:100px;left:16px}.area-label{right:20px}.nav-tools{right:16px}.control-deck{left:20px;right:20px}.tutorial{max-width:280px;bottom:182px;left:20px}.keyboard-hint{display:none}.control-deck{bottom:32px}.home-art{object-position:58% center}.home-copy h1{font-size:4rem}}@media (width<=600px){.home{min-height:100svh;padding:22px 24px}.home-header{align-items:flex-start;gap:18px}.edition{text-align:right;max-width:95px;font-size:.66rem;line-height:1.7}.home-copy{padding:60px 0 45px}.home-copy h1{margin:14px 0 24px;font-size:3.4rem}.home-lead{font-size:1.4rem}.home-description{max-width:300px;margin-top:20px;font-size:.94rem}.home-actions{gap:10px;margin-top:28px}.home-actions .primary{padding:13px 22px}.home-controls{flex-wrap:wrap;gap:10px 18px;margin-top:22px;font-size:.76rem}.home-footer{gap:12px;font-size:.66rem}.home-shade{background:linear-gradient(90deg,#041b2ae8,#0625368a),linear-gradient(#0000 20%,#041b2af5)}.home-art{object-position:62% center}.hud{gap:8px 12px;min-height:104px;padding:10px 12px}.hud>.brand{flex:1;min-width:125px;min-height:24px;font-size:.84rem}.hud-menu{order:1;gap:4px}.hud-menu button{min-width:36px;min-height:36px;padding:5px 8px}.hud-menu button:first-child{font-size:.75rem}.vessel-status{flex:1;order:2;gap:12px;max-width:none}.meter-label{min-width:68px;font-size:.64rem}.hud-values{order:3;gap:10px;font-size:.7rem}.hud-values b{font-size:.84rem}.quest-card{width:calc(100% - 82px);max-width:285px;padding:10px 12px;top:119px;left:12px}.quest-card .eyebrow{font-size:.56rem}.quest-card h1{margin:5px 0 7px;font-size:.9rem}#quest-list{gap:2px}#quest-list p{font-size:.73rem}.quest-heading button{min-width:24px;min-height:24px}.area-label{top:auto;bottom:166px;right:18px}.area-label>span{font-size:.88rem}.area-label small{font-size:.69rem}.nav-tools{flex-direction:column;gap:6px;top:180px;right:12px}.nav-tools button{min-width:53px;min-height:40px;padding:6px 9px;font-size:.8rem}.tutorial{max-width:250px;padding:10px 34px 10px 12px;bottom:218px;left:12px}.tutorial p{font-size:.79rem}.tutorial .eyebrow{font-size:.6rem}.control-deck{align-items:center;gap:10px;bottom:26px;left:14px;right:14px}.joystick{flex-shrink:0;width:102px;height:102px}.speed-controls{margin:0;position:absolute;bottom:122px;left:0}.speed-controls button{min-width:51px;min-height:38px;padding:7px 10px;font-size:.76rem}.context-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:170px;margin-left:auto}.context-actions button{min-width:76px;min-height:50px;padding:10px 15px;font-size:.9rem}.context-actions #rescue{font-size:.8rem}.stick-label{bottom:-18px}.stick-ring{width:72px;height:72px}#toast{max-width:88%;padding:10px 16px;font-size:.83rem;bottom:190px}dialog{max-width:calc(100vw - 20px);max-height:calc(100svh - 20px);padding:24px}dialog>h2{margin-top:28px;font-size:1.45rem}.help-controls{grid-template-columns:1fr;gap:15px}.help-controls p{font-size:.85rem}.journal-summary{flex-wrap:wrap;gap:12px;font-size:.8rem}.destinations{gap:8px}.destinations button{min-width:140px;font-size:.9rem}.port-dialog{max-width:calc(100vw - 16px)}.port-cover{height:145px}.port-cover>div{bottom:20px;left:20px}.port-cover h2{font-size:1.5rem}.port-summary{gap:14px;padding:0 20px 14px;font-size:.76rem}.port-tabs{padding:0 10px}.port-tabs button{flex:1;min-height:48px;padding:12px 7px;font-size:.86rem}.port-content{padding:20px}.port-intro h3,.site-intro h3{font-size:1.2rem}.port-intro p,.site-intro p,.section-lead{font-size:.88rem}.harbor-job{flex-direction:column;align-items:flex-start;gap:12px;padding-top:18px}.harbor-job p{font-size:.81rem}.port-footer{gap:12px;padding:12px 20px}.port-footer>span{font-size:.75rem}.port-footer button{min-width:86px}.production{margin:18px 0 14px;padding:13px}.production-heading{flex-wrap:wrap;gap:5px;margin-bottom:18px;font-size:.65rem}.bio-nodes{gap:6px}.bio-node{font-size:.72rem}.bio-node small{font-size:.64rem}.bio-node>i{width:24px;height:24px;margin-bottom:8px}.bio-nodes:before{top:12px}.bio-stats{gap:8px 14px;margin-top:17px;font-size:.7rem}.bio-stats b{font-size:12px}.site-reason{font-size:.78rem}.site-progress-label{font-size:.65rem}.site-actions{gap:8px}.site-actions button{padding:9px 12px;font-size:.83rem}.supply-row{gap:8px}.science-note{font-size:.82rem}.trade-row{flex-wrap:wrap;gap:12px;padding:18px 0}.trade-actions{width:100%;padding-left:60px}.trade-actions button{flex:1}.trade-name h3{font-size:.95rem}.trade-name p{font-size:.77rem}.upgrade-list article{flex-wrap:wrap;gap:12px}.upgrade-list p{font-size:.82rem}.shipyard-art{gap:18px;padding:0}.shipyard-art img{width:67px;height:92px}.shipyard-art h3{font-size:1.4rem}}@media (width<=360px){.home{padding:20px}.home-copy h1{font-size:3rem}.home-description{font-size:.9rem}.hud>.brand{min-width:107px;font-size:.72rem}.hud-menu button:first-child{padding:5px 6px;font-size:.69rem}.hud-values{gap:6px}.vessel-status{gap:8px}.meter-label{min-width:59px;font-size:.6rem}.quest-card{max-width:226px}#quest-list p{font-size:.68rem}.tutorial{max-width:224px}.tutorial p{font-size:.76rem}.context-actions{max-width:160px}.context-actions button{min-width:70px;padding:10px 12px}.port-content{padding:18px 16px}.port-summary{gap:9px;padding:0 16px 13px}.port-footer{padding:12px 16px}.bio-node b{font-size:.67rem}.bio-node small{font-size:.61rem}.supply-row button{font-size:.77rem}}@media (height<=600px) and (width>=601px){.hud{gap:16px;min-height:62px;padding:8px 16px}.hud-menu button{min-height:40px}.quest-card{width:235px;padding:12px 14px;top:80px}.quest-card h1{font-size:.95rem}#quest-list p{font-size:.73rem}.tutorial{max-width:275px;padding:10px 32px 10px 13px;bottom:143px}.tutorial p{font-size:.78rem}.control-deck{bottom:24px}.joystick{width:92px;height:92px}.speed-controls{margin-left:0}.area-label{top:145px}.nav-tools{top:190px}.keyboard-hint{display:none}.game{min-height:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (height<=500px) and (width>=601px){.quest-card:not(.collapsed)~.tutorial{display:none}.tutorial{max-width:275px;bottom:142px}.quest-card.collapsed{padding:10px 14px}.quest-card.collapsed h1{margin-top:4px}}@media (height<=360px){.tutorial{display:none}}@media (width<=600px){.hud-menu button{min-width:44px;min-height:44px}.hud-menu button:first-child{font-size:.8rem}.hud>.brand{min-width:100px}.quest-heading button{min-width:44px;min-height:36px}.speed-controls button,.nav-tools button{min-height:44px;font-size:.875rem}.site-actions button,.supply-row button{min-height:48px;font-size:.875rem}.bio-node b{font-size:.75rem}.bio-node small{font-size:.7rem}.site-reason{font-size:.875rem}.bio-stats,.site-progress-label{font-size:.75rem}.science-note{font-size:.875rem}.port-footer>span{font-size:.8rem}.tutorial button{min-width:36px;min-height:44px}.quest-card.collapsed h1{margin-bottom:0}}@media (width<=360px){.hud{gap:8px}.hud-menu{gap:3px}.hud-menu button:first-child{padding:5px;font-size:.75rem}.quest-card h1{font-size:.9rem}#quest-list p{font-size:.75rem}.supply-row button{font-size:.875rem}.bio-node b{font-size:.75rem}.bio-node small{font-size:.7rem}}#sea{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}#sea.dragging{cursor:grabbing}.nav-tools{grid-template-columns:repeat(2,minmax(44px,auto));gap:8px;display:grid}.nav-tools button{min-height:44px;font-size:.875rem}.nav-tools button:first-child,.nav-tools button:nth-child(2){grid-column:1/-1}.nav-tools button:nth-child(n+3){font-size:1.25rem}#next-detail{color:#bbd2ce;text-wrap:pretty;margin:14px 0 12px;font-size:.875rem;line-height:1.6}#next-objective{text-align:left;width:100%;min-height:48px;padding:11px 13px;font-size:.875rem;line-height:1.5}.quest-card h1{text-wrap:balance;line-height:1.5}.quest-card.collapsed #next-detail{display:none}.quest-card.collapsed #next-objective{margin-top:12px}.home-lead,.home-description{text-wrap:pretty}.home-lead{max-width:560px}.home-description{max-width:450px}.production{margin:22px 0;padding:20px}.production-heading{margin-bottom:16px;font-size:.875rem}.site-badge{font-weight:600}.cell-scene{--cell:#9ed5ac;--cell-muted:#294e45;background:#163a342b;border:1px solid #91caa64d;border-radius:26px;padding:18px 16px;overflow:hidden}.mitochondrion{--cell:#c2b4e0;--cell-muted:#393c5a;background:#34335125;border-color:#b8a6d44d}.cell-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.cell-heading b{color:var(--cell);font-size:1rem}.cell-heading>span{color:#a7bfc0;font-size:.8125rem}.cell-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cell-stage{background:#051b2b99;border:1px solid #829eaa38;border-radius:10px;min-width:0;padding:16px 12px 12px;transition:border-color .3s,background .3s;position:relative}.cell-stage h4{color:#cedcd5;margin:9px 0;font-size:1rem;line-height:1.5}.cell-place{color:#8ea9ae;font-size:.75rem;line-height:1.5;display:block}.cell-stage p{color:#aec4c4;min-height:42px;font-size:.8125rem;line-height:1.6}.cell-stage strong{color:#b6c7c6;font-size:.8125rem;font-weight:500;line-height:1.6;display:block}.reaction-state{color:#92a9ae;margin-top:12px;font-size:.75rem;display:block}.cell-stage.flowing{border-color:var(--cell);background:#244a454d}.cell-stage.flowing h4,.cell-stage.flowing strong,.cell-stage.flowing .reaction-state{color:var(--cell)}.molecule-stream{border-top:1px solid #7c9f9c44;height:22px;margin-top:12px;position:relative}.molecule-stream i{background:#607e81;border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:15%}.molecule-stream i:nth-child(2){animation-delay:-.8s;left:45%}.molecule-stream i:nth-child(3){animation-delay:-1.6s;left:75%}.flowing .molecule-stream i{background:var(--cell);box-shadow:0 0 8px var(--cell);animation:2.4s linear infinite electron-flow}.fermentation-branch{background:#101d31;border:1px dashed #79829680;border-radius:10px;margin-top:12px;padding:14px}.fermentation-branch>span{color:#b3a6ca;margin-bottom:8px;font-size:.75rem;display:block}.fermentation-branch b{font-size:.9375rem;font-weight:500;line-height:1.6;display:block}.fermentation-branch p{color:#a6bec0;margin-top:6px;font-size:.8125rem;line-height:1.65}.fermentation-branch.flowing{background:#3d344b55;border-color:#c2b4e0}.carrier-pool{color:#d4e2d6;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:22px;font-size:.8125rem;display:grid}.carrier-pool b{margin-left:4px;font:600 16px ui-monospace,monospace}.carrier-track{background:#876b9b;border-radius:20px;height:12px;overflow:hidden}.carrier-track i{background:#9ed5ac;height:100%;transition:width .4s;display:block}.carrier-caption{color:#b3c9c7;text-align:center;margin-top:10px;font-size:.75rem;line-height:1.65}.cell-caption{color:#9eb7ba;margin-top:14px;font-size:.8125rem;line-height:1.7}.bio-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;padding-top:18px;font-size:.8125rem;display:grid}.bio-stats span{line-height:1.5;display:block}.bio-stats b{color:#e4ecdc;padding:4px 0 0;font-size:20px;display:block}.site-reason{color:#c7d9cb;margin-top:20px;font-size:.9375rem;line-height:1.7}.site-progress-label{font-size:.8125rem;line-height:1.6;display:block}.mission-instruction{color:#e5e4ca;border-left:3px solid #e6c27e;margin:20px 0 12px;padding:4px 0 4px 13px;font-size:.9375rem;line-height:1.75}.supply-inventory{color:#a4bfbc;margin:12px 0 16px;font-size:.8125rem;line-height:1.7}.site-actions{gap:12px}.site-actions button{min-height:48px;font-size:.9375rem;line-height:1.5}.site-actions [data-action=wait]{color:#e6c27e;background:#e6c27e15;border-color:#e6c27e88;width:100%}.site-actions [data-action=shade]{flex:1}.site-actions .mode-choice{margin:4px 0}.observation-result:empty{display:none}.observation-result{background:#163a3440;border:1px solid #91caa65c;border-radius:10px;margin-top:20px;padding:20px}.observation-result h4{color:#cde1c9;font-size:1rem}.observation-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.observation-values span{color:#b3c9c6;font-size:.8125rem;line-height:1.6;display:block}.observation-values b{color:#e7edca;margin-top:5px;font:24px ui-monospace,monospace;display:block}.observation-result>p{color:#c2d7c7;font-size:.875rem;line-height:1.75}.biology-comparison{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.biology-comparison>button{text-align:left;width:100%;padding:14px 16px;font-size:.9375rem;line-height:1.5}.comparison-heading{margin:24px 0 18px}.comparison-heading h4{color:#dce5d4;font-size:1rem;line-height:1.6}.comparison-heading p{color:#acc3c1;margin-top:10px;font-size:.875rem;line-height:1.75}.comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.comparison-grid:has(article:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid article{background:#061c2e;border:1px solid #73899055;border-radius:8px;padding:16px 12px}.comparison-grid b{font-size:.9375rem;line-height:1.5;display:block}.comparison-grid strong{color:#c9e1ae;margin-bottom:14px;font:22px ui-monospace,monospace;display:block}.comparison-grid span{color:#b7ccca;margin-top:5px;font-size:.8125rem;line-height:1.65;display:block}.comparison-bar{background:#405359;border-radius:8px;height:6px;margin:14px 0 12px;overflow:hidden}.comparison-bar i{background:#9ed5ac;height:100%;display:block}.comparison-conclusion{color:#c3d8ca;margin-top:18px;font-size:.9375rem;line-height:1.8}#comparison-result>small{color:#95afb2;margin-top:12px;font-size:.8125rem;line-height:1.7;display:block}.port-departures{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.port-departures button{font-size:.875rem;line-height:1.5}.port-footer{gap:12px}.port-footer>span{max-width:45%}.port-content .site-intro p{font-size:1rem;line-height:1.75}.port-tabs button{font-size:1rem}.port-tabs{z-index:3;position:sticky;top:0}.port-content{padding-bottom:30px}@keyframes electron-flow{0%{opacity:0;left:5%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:95%}}@media (width<=900px){.quest-card{width:270px}.nav-tools{grid-template-columns:44px 44px;max-width:96px}.nav-tools button:nth-child(-n+2){font-size:.8125rem}}@media (width<=600px){.quest-card{width:calc(100% - 110px);max-width:285px}.quest-card h1{margin:6px 0 9px;font-size:1rem}.quest-card .eyebrow{font-size:.625rem}#quest-list p{font-size:.8125rem;line-height:1.6}#next-detail{margin:10px 0;font-size:.8125rem}#next-objective{padding:10px 11px;font-size:.875rem}.nav-tools{grid-template-columns:40px 40px;gap:8px;max-width:88px;top:180px;right:12px}.nav-tools button{padding:7px 6px}.production{padding:16px 12px}.production-heading{gap:8px;font-size:.8125rem}.cell-scene{border-radius:20px;padding:16px 12px}.cell-heading>span{font-size:.8125rem;line-height:1.6}.cell-stages{grid-template-columns:1fr;gap:10px}.cell-stage{grid-template-columns:1fr 1fr;column-gap:10px;padding:13px 12px;display:grid}.cell-stage .cell-place,.cell-stage h4{grid-column:1}.cell-stage h4{margin:5px 0;font-size:1rem}.cell-stage p{grid-area:1/2/3;align-self:center;min-height:auto;font-size:.875rem}.cell-stage strong{grid-column:1/-1;font-size:.875rem}.cell-stage .molecule-stream{grid-column:1/-1;height:12px;margin-top:8px}.reaction-state{grid-column:1/-1;margin-top:5px}.carrier-pool{grid-template-columns:auto auto;gap:10px;font-size:.8125rem}.carrier-track{grid-area:2/1/auto/-1}.carrier-pool>span:last-child{text-align:right}.carrier-caption{font-size:.8125rem}.bio-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;font-size:.875rem}.bio-stats b{font-size:20px}.site-reason{font-size:.9375rem}.site-progress-label,.cell-caption{font-size:.8125rem}.mission-instruction{font-size:.9375rem}.supply-inventory{font-size:.875rem}.site-actions button,.supply-row button{min-height:48px;font-size:.9375rem}.observation-result{padding:16px 14px}.observation-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.observation-values span{font-size:.875rem}:is(.comparison-grid,.comparison-grid:has(article:last-child:nth-child(2))){grid-template-columns:1fr}.comparison-grid article{grid-template-columns:1fr auto;column-gap:10px;padding:16px;display:grid}.comparison-grid b{font-size:1rem}.comparison-grid strong{grid-area:1/2;margin-bottom:0;font-size:22px}.comparison-bar{grid-area:2/1/auto/-1;margin:14px 0 8px}.comparison-grid span{grid-column:1/-1;font-size:.875rem}.port-footer{flex-direction:column;align-items:stretch;padding:14px 16px}.port-footer>span{max-width:none;font-size:.875rem;line-height:1.6}.port-footer>span:empty{display:none}.port-departures{grid-template-columns:1fr;display:grid}.port-departures button{min-height:48px;font-size:.9375rem}.context-actions{max-width:calc(100% - 122px)}.context-actions button{max-width:100%;font-size:.9375rem;line-height:1.5}.area-label{max-width:55%;bottom:194px}.area-label small{font-size:.8125rem}.home-description{font-size:1rem}}@media (width<=360px){.quest-card{width:calc(100% - 100px)}.nav-tools{grid-template-columns:36px 36px;gap:6px;max-width:78px}.nav-tools button:nth-child(-n+2){font-size:.8125rem}.quest-card h1{font-size:.9375rem}#next-detail{font-size:.8125rem}.port-content{padding:20px 14px}.production,.cell-scene{padding:14px 10px}.cell-stage{grid-template-columns:1fr;padding:13px}.cell-stage p{grid-area:auto/1}.cell-stage strong,.cell-stage .molecule-stream,.reaction-state{grid-column:1}.mode-choice{flex-wrap:wrap}.mode-choice button{min-width:45%}.supply-row{grid-template-columns:1fr}.site-actions [data-action=shade]{flex-basis:100%}}@media (height<=500px) and (width>=601px){.quest-card{width:260px;top:80px}.quest-card h1{font-size:.9375rem}#next-detail{margin:8px 0;font-size:.8125rem}.quest-card.collapsed #next-objective{margin-top:8px}.nav-tools{top:120px}.area-label{top:80px}.control-deck{bottom:26px}}@media (prefers-reduced-motion:reduce){.molecule-stream i{animation:none!important}}.port-dialog:has(.production){width:1040px}.port-dialog:has(.production) .port-cover{height:126px}.site-workbench{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:24px;margin-top:20px;display:grid}.site-workbench .production{margin:0}.mission-controls{position:sticky;top:68px}.mission-controls .mission-instruction{margin-top:0}.mission-controls .site-actions{grid-template-columns:1fr;display:grid}.mission-controls .supply-row{grid-template-columns:1fr}.mission-controls .mode-choice{grid-template-columns:1fr;display:grid}.mission-controls [data-action=wait]{color:#132d37;background:#e6c27e;font-weight:600}.mission-controls [data-action=repair-garden]{color:#c9e6c9;border-color:#9ed5ac}.mission-controls [data-action=wait]{order:2}.mission-controls [data-action=shade],.mission-controls [data-action=carbon]{order:3}@media (width<=900px){.site-workbench{grid-template-columns:1fr}.mission-controls{grid-row:1;position:static}.mission-controls .site-actions,.mission-controls .mode-choice{display:flex}.mission-controls .supply-row{grid-template-columns:1fr 1fr;display:grid}.mission-controls .site-actions [data-action=repair-garden]{width:100%}.mission-controls .site-actions [data-action=shade]{flex:1}.site-workbench .production{margin-top:0}}@media (width<=600px){.site-workbench{gap:20px;margin-top:18px}.port-dialog:has(.production) .port-cover{height:110px}.mission-controls .site-actions{gap:10px}.mission-controls .site-actions button{font-size:.9375rem}.mission-controls .site-actions [data-action=shade],.mission-controls .site-actions [data-action=carbon]{font-size:.875rem}.site-workbench .production .cell-scene{border-radius:16px}.port-dialog:has(.production) .port-content{padding:20px 16px}.site-workbench .production .cell-caption,.cell-place{font-size:.8125rem}.cell-stage p{min-height:0}}.nav-tools button{width:100%;min-width:0}.game.map-browsing .quest-card #quest-list,.game.map-browsing .quest-card #next-detail{display:none}.game.map-browsing .quest-card #next-objective{margin-top:10px}.map-gesture-hint{text-align:center;color:#bfd5ce;text-wrap:pretty;pointer-events:none;grid-column:1/-1;font-size:.875rem;line-height:1.6}.organelle-art{background:radial-gradient(#95bfaa16,#0000 70%);border-bottom:1px solid #8eb6ac33;place-items:center;margin:18px 0 22px;padding-bottom:16px;display:grid}.organelle-art img{object-fit:contain;filter:drop-shadow(0 8px 16px #02121b80);width:100%;height:200px}.organelle-art figcaption{color:#c4d8c8;text-align:center;margin-top:8px;font-size:.8125rem;line-height:1.75}.campaign-board{background:linear-gradient(135deg,#27484688,#101f2e);border:1px solid #b5bc8766;border-radius:12px;margin-bottom:28px;padding:24px}.campaign-board h3{color:#e8e4c7;text-wrap:balance;margin:14px 0 6px;font-size:1.6rem;line-height:1.45}.campaign-board>p{color:#c1d2c8;margin:12px 0;font-size:1rem;line-height:1.8}.campaign-board .contract-subtitle{color:#e6c27e;margin-top:0;font-size:.875rem}.contract-number{color:#d8d5b6;justify-content:space-between;align-items:center;gap:16px;display:flex}.campaign-board button{color:#e6c27e;background:#d8bb7512;border-color:#e6c27e80;min-height:48px;margin-top:12px;font-size:1rem;line-height:1.5}.campaign-board button:not(:disabled):hover{background:#d8bb7528}.campaign-board .contract-hint{margin-top:18px;font-size:.9375rem;line-height:1.8}.contract-progress{flex-wrap:wrap;gap:6px 12px;display:flex}.contract-progress b{color:#d4e9c0}.freight-status{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;display:grid}.freight-status span{background:#071d2880;border:1px solid #b3c89d44;border-radius:6px;padding:14px 16px;font-size:.9375rem}.freight-status b{color:#d4e9c0;margin-top:8px;font:24px ui-monospace,monospace;display:block}.campaign-timeline{border-top:1px solid #9bb1a933;flex-wrap:wrap;gap:12px 20px;margin:24px 0 0;padding:20px 0 0;list-style:none;display:flex}.campaign-timeline li{color:#8ca8ad;align-items:center;gap:8px;font-size:.875rem;line-height:1.6;display:flex}.campaign-timeline li>span{border:1px solid #809f9f66;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:.75rem;display:grid}.campaign-timeline .current{color:#e6c27e}.campaign-timeline .finished{color:#a1d5ad}.campaign-timeline .current>span{border-color:#e6c27e}.campaign-board.completed{border-color:#9ed5ac66}.ending-dialog{background:#0a2330;width:1000px;max-width:calc(100vw - 32px);padding:0}.ending-dialog>.close-button{z-index:4;position:fixed;top:24px;right:28px}.ending-art{height:400px;position:relative;overflow:hidden}.ending-art>img{object-fit:cover;width:100%;height:100%}.ending-art:after{content:"";background:linear-gradient(#0000 35%,#0a2330);position:absolute;inset:0}.ending-art>div{z-index:1;position:absolute;bottom:28px;left:40px;right:40px}.ending-art h2{color:#f0e8c9;text-wrap:balance;margin-top:12px;font-size:2.5rem;line-height:1.4}.ending-body{padding:0 40px 36px}.ending-body>p{color:#bfcfc7;font-size:1rem;line-height:1.9}.ending-body h3{color:#e6ddbe;margin-top:32px;font-size:1.3rem}.ending-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:28px 0;display:grid}.ending-stats span{color:#a6bdb9;border-left:1px solid #d8c59955;padding-left:14px;font-size:.875rem;line-height:1.6}.ending-stats b{color:#e1dfbf;margin-top:8px;font:24px ui-monospace,monospace;display:block}.ending-lessons{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.ending-lessons article{background:#102f3d;border:1px solid #8eada633;border-radius:10px;padding:20px}.ending-lessons img{object-fit:contain;width:100%;height:160px}.ending-lessons b{color:#d8e2c5;margin:16px 0 8px;font-size:1rem;display:block}.ending-lessons p{color:#b3c8c4;font-size:.9375rem;line-height:1.85}.ending-actions{flex-wrap:wrap;gap:12px;margin:28px 0;display:flex}.ending-actions button{min-height:48px;font-size:1rem}.archive-notes{border-top:1px solid #9bb1a944;margin-top:28px;padding-top:20px}.archive-notes summary{cursor:pointer;color:#e3d8b5;min-height:44px;font-size:1rem;line-height:1.7}.archive-notes article{border-bottom:1px solid #9bb1a922;padding:14px 0}.archive-notes h4{color:#d0ddc5;font-size:.9375rem}.archive-notes p{color:#b1c8c4;margin-top:8px;font-size:.9375rem;line-height:1.8}@media (width<=600px){.organelle-art img{height:160px}.organelle-art figcaption{font-size:.8125rem}.campaign-board{margin-bottom:24px;padding:20px 16px}.campaign-board h3{font-size:1.4rem}.campaign-board button{width:100%;font-size:.9375rem}.campaign-timeline{grid-template-columns:1fr;gap:10px;display:grid}.freight-status{gap:10px}.freight-status span{padding:12px;font-size:.875rem}.ending-dialog{max-width:calc(100vw - 16px)}.ending-art{height:280px}.ending-art>div{bottom:22px;left:22px;right:22px}.ending-art h2{font-size:1.8rem}.ending-body{padding:0 22px 28px}.ending-stats{grid-template-columns:1fr 1fr;gap:22px 12px}.ending-stats b{font-size:22px}.ending-lessons{grid-template-columns:1fr;gap:16px}.ending-lessons img{height:150px}.ending-actions{grid-template-columns:1fr;display:grid}.ending-body>p{font-size:1rem}.ending-dialog>.close-button{top:18px;right:18px}.context-actions button{max-width:100%}}.contract-progress>span{flex-wrap:wrap;align-items:baseline;gap:8px;display:inline-flex}.contract-progress>span>b{white-space:nowrap}@media (height<=500px){:is(.port-dialog .port-cover,.port-dialog:has(.production) .port-cover){height:82px;padding:16px 24px}.port-cover h2{font-size:1.35rem}.port-cover .eyebrow{display:none}.port-summary{padding-top:8px;padding-bottom:8px}.port-footer{padding-top:10px;padding-bottom:10px}}.game{touch-action:auto;height:100dvh;min-height:360px}.hud{gap:20px;min-height:76px;padding:12px 22px}.hud-menu button{min-width:44px;min-height:44px}.vessel-status{max-width:280px}.objective-strip{z-index:2;border-bottom:1px solid var(--line);background:#0b2c3bea;align-items:center;gap:12px;min-height:56px;padding:8px 22px;display:flex;position:absolute;top:76px;left:0;right:0}.objective-strip>span{flex:1;font-size:.9375rem;line-height:1.5}.objective-strip>button{flex:none}.objective-strip>button:first-child{display:none}.objective-strip .primary{padding:8px 16px;font-size:.875rem}#sea{touch-action:none;height:calc(100% - 272px);top:132px;bottom:140px}.control-deck{border-top:1px solid var(--line);background:#082431f5;align-items:center;min-height:140px;padding:18px 26px 24px;bottom:0;left:0;right:0}.joystick{width:88px;height:88px}.stick-label{display:none}.speed-controls{margin-left:10px}.context-actions button{max-width:260px}.keyboard-hint{z-index:1;bottom:8px;left:160px}.area-label{z-index:1;top:auto;bottom:158px;right:24px}.nav-tools{z-index:1;top:150px;right:20px}.map-gesture-hint{display:none}#toast{z-index:50;position:fixed;bottom:156px}.quest-card{display:none}dialog,dialog.port-dialog,dialog.ending-dialog{overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;width:min(860px,100vw - 32px);max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden auto}.dialog-scroll{touch-action:pan-y;min-width:0;padding:32px;position:relative}.port-dialog>.dialog-scroll,.ending-dialog>.dialog-scroll{padding:0}.dialog-scroll>h2{margin:12px 48px 20px 0}.dialog-scroll>p{margin:16px 0}.dialog-scroll>button:not(.close-button){margin-top:18px;margin-right:10px}.dialog-scroll>.close-button{float:right;z-index:20;margin-left:12px;position:sticky;top:12px}.port-toolbar{z-index:12;border-bottom:1px solid var(--line);background:#092536f5;justify-content:space-between;align-items:center;padding:8px 20px;display:flex;position:sticky;top:0}.port-toolbar .close-button{min-width:44px;min-height:44px;position:static}.port-toolbar>span{color:var(--brass);font-size:.9375rem}.port-cover{height:100px;padding:0}.port-dialog:has(.production) .port-cover{height:100px;padding:0}.port-cover>div{bottom:16px;left:28px}.port-cover h2{font-size:1.6rem}.port-cover .eyebrow{font-size:.75rem}.port-summary{padding:10px 28px 14px;font-size:.875rem}.port-tabs{z-index:11;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px;display:grid;position:sticky;top:61px}.port-tabs button{min-width:0;padding:12px 8px;font-size:.9375rem}.port-content{padding:24px 28px}.port-footer{flex-wrap:wrap;padding:18px 28px;position:static}.port-departures{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.port-footer>span:empty{display:none}.port-footer .port-departures:has([data-action=next-objective]) [data-action=depart]{display:block}.site-workbench{display:block}.mission-controls{width:100%}.mission-instruction{border-left:2px solid var(--green);background:#9ed5ac0d;margin:18px 0;padding:18px;font-size:1rem;line-height:1.8}.supply-inventory{color:var(--muted);margin:12px 0 20px;font-size:.9375rem}.site-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.site-actions .mode-choice,.site-actions .supply-row{grid-column:1/-1}.site-actions button{min-height:48px;font-size:1rem}.reactor-details{border-top:1px solid var(--line);margin-top:24px}.reactor-details>summary{cursor:pointer;min-height:48px;color:var(--green);padding:18px 0}.site-intro h3{font-size:1.35rem}.site-intro p{font-size:1rem}.harbor-scene{background:linear-gradient(#08253624,#062432b0),var(--harbor-art) center 58%/cover;border:1px solid #93b7b34d;border-radius:8px;height:290px;position:relative;overflow:hidden}.harbor-path{background:linear-gradient(#7ca2a766,#284f5bdd);border-top:1px solid #aecfc566;height:52px;position:absolute;bottom:36px;left:0;right:0;transform:skewY(-3deg)}.harbor-person,.harbor-building{background:#082536e8;border-color:#e6c27e66;flex-direction:column;align-items:center;min-width:74px;padding:8px;font-size:.875rem;display:flex;position:absolute;bottom:80px;transform:translate(-50%)}.harbor-person{background:0 0;border:0;min-width:88px;bottom:68px}.harbor-person svg{filter:drop-shadow(0 4px 5px #02111b);height:100px}.harbor-person>span{color:#e6c27e;background:#082536ef;border-radius:5px;padding:5px 12px}.harbor-person small{color:#d5e1db;font-size:.75rem;display:block}.harbor-building>span{color:#e6c27e;margin-bottom:4px;font-size:26px}.captain-token{pointer-events:none;z-index:2;width:52px;transition:left .45s;position:absolute;bottom:29px;transform:translate(-50%)}.captain-token svg{filter:drop-shadow(0 5px 4px #01141b);width:100%;display:block}.captain-token>span{text-align:center;color:#f1d79e;background:#082536bb;border-radius:5px;font-size:.75rem;display:block}.captain-token.walking svg{animation:.15s infinite alternate walk-bob}.harbor-walk-hint{color:#d1ded7;text-align:center;font-size:.75rem;position:absolute;bottom:4px;left:12px;right:12px}.harbor-welcome{justify-content:space-between;align-items:center;gap:18px;margin:24px 0;display:flex}.harbor-welcome h3{margin-top:8px;font-size:1.25rem;line-height:1.6}.harbor-welcome button{flex:none}.conversation{background:#123a48;border:1px solid #e6c27e80;border-radius:7px;grid-template-columns:100px minmax(0,1fr);gap:20px;margin:16px 0 24px;padding:20px;display:grid;box-shadow:0 8px 24px #03182444}.dialogue-portrait{background:linear-gradient(#0000,#e6c27e19);align-self:end}.dialogue-portrait svg{width:100%;display:block}.speaker{color:var(--brass);font-size:1.1rem;font-weight:600}.speaker span{color:var(--muted);font-size:.8125rem;font-weight:400;display:block}.spoken-line{min-height:4em;margin-top:12px;font-size:1rem;line-height:1.9}.dialogue-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.dialogue-copy>small{text-align:right;color:var(--muted);margin-top:8px;display:block}.task-card{border:1px solid #8caba157;border-left:3px solid var(--brass);background:#0e303e;border-radius:4px;padding:22px}.task-card h3{margin:8px 0;font-size:1.2rem;line-height:1.6}.task-card>p:not(.eyebrow){color:#c7d8d2;font-size:1rem;line-height:1.8}.task-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.task-actions button{min-height:48px}.quest-steps{margin:24px 0;padding:0;list-style:none}.quest-steps li{border-bottom:1px solid var(--line);color:#c7d6d1;align-items:center;gap:12px;padding:12px 0;line-height:1.6;display:flex}.quest-steps li.done{color:var(--green)}.constraint-card{border:1px solid var(--line);background:#071f2c;border-radius:6px;padding:20px}.constraint-card p{color:#c3d5d0;margin-top:12px;font-size:.9375rem}.region-routes{gap:24px;margin-top:24px;display:grid}.region-routes section{border-top:1px solid var(--line);padding-top:18px}.region-routes h3{font-size:1.2rem}.region-routes p{color:var(--muted);margin:8px 0 14px;font-size:.9375rem}.region-routes section>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.region-routes button{text-align:left}.region-routes small,.gate-choices small{color:#bfd0cb;margin-top:6px;font-size:.8125rem;display:block}.gate-choices{gap:12px;margin:24px 0;display:grid}.gate-choices button{text-align:left;padding:20px;font-size:1.1rem}.route-intro,.hold-warning{color:#bfd0cb}.hold-warning{margin-top:24px!important}.harbor-person:focus-visible,.harbor-building:focus-visible{outline-offset:2px}@keyframes walk-bob{to{transform:translateY(-4px)rotate(2deg)}}@media (width<=1100px){.hud{gap:12px}.hud>.brand{min-width:125px;font-size:.9rem}.hud-values{gap:12px}.vessel-status{gap:12px;max-width:240px}.hud-menu button{padding:8px 10px;font-size:.875rem}}@media (width<=700px){.hud{grid-template-columns:1fr auto;gap:8px 10px;min-height:112px;padding:8px 12px;display:grid}.hud>.brand{min-width:0;min-height:44px;font-size:.875rem}.hud-menu{grid-area:1/2;gap:4px}.hud-menu button{min-width:44px;min-height:44px;padding:7px;font-size:.875rem}.hud-menu [data-action=journal],.hud-menu [data-action=help]{display:none}.vessel-status{grid-area:2/1;gap:10px;min-width:0;max-width:none}.meter-label{min-width:0;font-size:.75rem}.hud-values{flex-wrap:wrap;grid-area:2/2;justify-content:flex-end;gap:8px;font-size:.75rem}.hud-values b{font-size:.875rem}#daylight{display:none}.objective-strip{gap:10px;min-height:60px;padding:8px 12px;top:112px}.objective-strip>span{font-size:.875rem}.objective-strip .primary{min-height:44px;padding:8px 10px;font-size:.875rem}#sea{height:calc(100% - 326px);top:172px;bottom:154px}.control-deck{align-items:center;gap:12px;min-height:154px;padding:20px 14px 12px;bottom:0}.joystick{width:88px;height:88px}.stick-ring{width:64px;height:64px}.stick-knob{width:40px;height:40px}.speed-controls{grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;inset:14px 14px auto 116px}.speed-controls button{min-width:0;min-height:44px;padding:8px 4px;font-size:.875rem}.context-actions{justify-content:flex-end;gap:6px;width:100%;max-width:calc(100% - 100px);padding-top:48px}.context-actions button{min-width:80px;max-width:100%;min-height:48px;padding:10px 12px;font-size:.9375rem}.context-actions #salvage{font-size:.8125rem}.area-label{bottom:170px;right:14px}.area-label>span{letter-spacing:0;font-size:.875rem}.area-label small{font-size:.75rem}.nav-tools{flex-direction:row;gap:6px;top:186px;right:12px}.nav-tools button{min-height:44px;padding:8px;font-size:.8125rem}.nav-tools [data-action^=zoom-],.keyboard-hint{display:none}#toast{width:max-content;max-width:calc(100% - 24px);font-size:.875rem;bottom:166px}dialog,dialog.port-dialog,dialog.ending-dialog{scrollbar-gutter:auto;border-left:0;border-right:0;border-radius:0;width:100%;max-width:100%;max-height:100dvh}.dialog-scroll{padding:24px 20px}.dialog-scroll>h2{font-size:1.5rem}.port-toolbar{padding:6px 16px}.port-cover{height:86px;padding:0}.port-dialog:has(.production) .port-cover{height:86px;padding:0}.port-cover>div{bottom:12px;left:20px}.port-cover h2{font-size:1.4rem}.port-summary{gap:16px;padding:10px 20px 12px;font-size:.8125rem}.port-tabs{padding:0 6px;top:57px}.port-tabs button{min-height:48px;padding:10px 4px;font-size:.875rem}.port-content{padding:20px 16px}.harbor-scene{height:240px}.harbor-person{min-width:70px;padding:4px;bottom:66px}.harbor-person svg{height:76px}.harbor-person>span{padding:4px 8px;font-size:.875rem}.harbor-person small{font-size:.6875rem}.harbor-building{min-width:60px;max-width:78px;padding:7px;font-size:.8125rem}.harbor-building>span{font-size:22px}.captain-token{width:43px}.harbor-walk-hint{font-size:.6875rem;left:6px;right:6px}.harbor-welcome{flex-direction:column;align-items:stretch;gap:14px;margin:20px 0}.harbor-welcome h3{font-size:1.125rem}.harbor-welcome button{width:100%}.conversation{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:16px 12px}.spoken-line{font-size:1rem;line-height:1.85}.dialogue-actions{grid-column:1/-1}.dialogue-actions button{padding:9px 12px;font-size:.875rem}.task-card{padding:18px 16px}.task-card h3{font-size:1.125rem}.task-card>p:not(.eyebrow){font-size:1rem}.task-actions{grid-template-columns:1fr;display:grid}.port-footer{gap:12px;padding:16px}.port-departures{grid-template-columns:1fr;width:100%;display:grid}.port-footer button{font-size:.9375rem}.site-actions{grid-template-columns:1fr}.site-actions .mode-choice,.site-actions .supply-row{grid-column:auto}.site-actions button{font-size:.9375rem}.supply-row{grid-template-columns:1fr 1fr}.bio-stats{font-size:.8125rem}.bio-stats b{font-size:.875rem}.site-reason{font-size:.9375rem}.site-progress-label{font-size:.8125rem}.region-routes section>div{grid-template-columns:1fr}.constraint-card{padding:16px}.trade-actions{padding-left:0}.trade-actions button{font-size:.9375rem}.trade-name p{font-size:.875rem}.trade-name h3{font-size:1rem}}@media (height<=540px) and (width>=701px){.hud{min-height:64px;padding:6px 14px}.objective-strip{min-height:52px;top:64px}#sea{height:calc(100% - 216px);top:116px;bottom:100px}.control-deck{min-height:100px;padding:10px 20px}.joystick{width:70px;height:70px}.area-label{bottom:116px}.nav-tools{top:130px}.keyboard-hint{display:none}.port-cover{height:68px}.port-dialog:has(.production) .port-cover{height:68px}}@media (prefers-reduced-motion:reduce){.captain-token{transition:none}.captain-token.walking svg{animation:none}}.site-work-status{color:#c2e8bb;background:#9ed5ac12;border:1px solid #9ed5ac66;border-radius:6px;margin:20px 0 12px;padding:14px 18px;font-size:1rem;line-height:1.7}.objective-strip #next-objective{text-align:center;flex:none;width:auto;min-width:88px;max-width:42%;margin:0}.objective-strip>span{overflow-wrap:normal;min-width:0}.harbor-scene button{overflow-wrap:normal}.port-toolbar+.port-cover{flex:none}.overlay-notice{z-index:25;color:#ecf1d5;background:#38574b;border-bottom:1px solid #b9d69d;padding:14px 20px;font-size:.9375rem;line-height:1.7;position:sticky;top:0;margin:0!important}.port-dialog .overlay-notice{top:61px}@media (width<=1000px) and (width>=701px){.hud{grid-template-columns:1fr auto;gap:8px 16px;min-height:112px;padding:8px 16px;display:grid}.hud>.brand{min-width:0;min-height:44px}.hud-menu{grid-area:1/2}.vessel-status{grid-area:2/1;max-width:none}.hud-values{grid-area:2/2;justify-content:flex-end}.objective-strip{min-height:60px;top:112px}#sea{height:calc(100% - 312px);top:172px}.nav-tools{top:190px}}@media (height<=540px) and (width>=701px){.hud{flex-wrap:nowrap;gap:12px;min-height:64px;padding:8px 14px;display:flex}.hud>.brand,.hud-menu [data-action=journal],.hud-menu [data-action=help]{display:none}.vessel-status{flex:1;max-width:300px}.hud-values{margin-left:auto}.objective-strip{min-height:52px;top:64px}#sea{height:calc(100% - 216px);top:116px}.nav-tools{top:130px}.nav-tools [data-action^=zoom-]{display:none}.context-actions button{max-width:240px}.port-dialog .overlay-notice{top:57px}}#site-work-status{flex-wrap:wrap;gap:4px 12px;display:flex}#site-work-status[data-metrics=true]>span{white-space:nowrap}#site-work-status>span+span:before{content:"·";margin-right:12px}@media (height<=540px){.game .area-label{display:none}}.game{container-type:inline-size}@container (width<=700px){.hud{flex-wrap:nowrap;grid-template-columns:1fr auto;gap:8px 10px;min-height:112px;padding:8px 12px;display:grid}.hud>.brand{min-width:0;min-height:44px;font-size:.875rem;display:block}.hud-menu{grid-area:1/2;gap:4px}.hud-menu button{min-width:44px;min-height:44px;padding:7px;font-size:.875rem}.hud-menu [data-action=journal],.hud-menu [data-action=help]{display:none}.vessel-status{grid-area:2/1;gap:10px;min-width:0;max-width:none}.meter-label{min-width:0;font-size:.75rem}.hud-values{grid-area:2/2;justify-content:flex-end;gap:8px;font-size:.75rem}.hud-values b{font-size:.875rem}#daylight{display:none}.objective-strip{gap:10px;min-height:60px;padding:8px 12px;top:112px}.objective-strip>span{font-size:.875rem}.objective-strip #next-objective{padding:8px 10px;font-size:.875rem}#sea{height:calc(100% - 326px);top:172px;bottom:154px}.control-deck{gap:12px;min-height:154px;padding:20px 14px 12px}.joystick{width:88px;height:88px}.speed-controls{grid-template-columns:repeat(3,1fr);margin:0;display:grid;position:absolute;inset:14px 14px auto 116px}.speed-controls button{min-width:0;min-height:44px;padding:8px 4px;font-size:.875rem}.context-actions{justify-content:flex-end;width:100%;max-width:calc(100% - 100px);padding-top:48px}.context-actions button{min-width:80px;max-width:100%;padding:10px 12px;font-size:.9375rem}.nav-tools{flex-direction:row;top:186px;right:12px}.nav-tools [data-action^=zoom-]{display:none}.area-label{bottom:170px;right:14px}.keyboard-hint{display:none}}@media (height<=540px){@container (width<=700px){.hud{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:64px;padding:8px 12px}.hud>.brand,.hud-values{display:none}.vessel-status{grid-area:1/1}.hud-menu{grid-area:1/2}.objective-strip{min-height:52px;top:64px}#sea{height:calc(100% - 216px);top:116px;bottom:100px}.control-deck{gap:12px;min-height:100px;padding:10px 14px}.joystick{width:64px;height:64px}.stick-ring{width:48px;height:48px}.stick-knob{width:32px;height:32px}.speed-controls{flex:1;min-width:0;margin:0;position:static}.speed-controls button{padding:8px 3px;font-size:.8125rem}.context-actions{width:auto;max-width:33%;margin-left:0;padding:0}.context-actions button{min-width:72px;padding:8px 10px;font-size:.875rem}.area-label{bottom:114px}.nav-tools{top:130px}}}:root{--brass:#e8c584;--paper:#f3e6c8;--ink:#132f38;--line:#8d775448}h1,h2,.home-lead,.story-card h3,.shipyard-art h3,.port-cover h2{letter-spacing:-.025em;text-wrap:balance;font-family:Iowan Old Style,Palatino Linotype,Batang,serif}.home-copy{max-width:640px}.home-shade{background:linear-gradient(90deg,#071d2dec 0%,#071d2dac 40%,#071d2d10 80%),linear-gradient(#0000 55%,#071d2d9c)}.home-description{color:#e3e2d1;max-width:510px}.home-lead{font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.7}.home-art{object-position:center}.home-actions .primary{box-shadow:0 4px 24px #041b365c}.character-art{object-fit:cover;width:100%;display:block}.harbor-person .character-art{object-fit:cover;border:2px solid #d8b979;border-radius:4px;width:72px;height:90px;box-shadow:0 3px 12px #06243288}.captain-token .character-art{object-fit:contain;filter:drop-shadow(0 5px 3px #0006);height:100px}.dialogue-portrait .character-art{aspect-ratio:4/5;border:1px solid #b6925b;border-radius:3px}.captain-token.walking .character-art{animation:.15s infinite alternate walk-bob}.harbor-scene{background-position:50% 62%;border-color:#b8986177;height:340px}.harbor-path{background:#c6b48b33;border-color:#d7c08755}.harbor-walk-hint{background:#071d2dba;border-radius:3px;padding:8px}.harbor-building{color:#f4e7c4;background:#1c3634ea;border:1px solid #bba372}.harbor-welcome{border-bottom:1px solid var(--line);padding-bottom:20px}.port-cover{height:190px}.port-cover img{opacity:.82}.port-cover>div{border-left:3px solid var(--brass);background:#082533a3;padding:10px 18px}.port-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.port-tabs button{padding-inline:8px}.story-card{background:linear-gradient(115deg,#203c3e,#102c3c);border:1px solid #b99d6559;border-radius:4px;margin:24px 0;padding:26px}.story-card h3{margin:10px 0 12px;font-size:1.5rem}.story-card>p{color:#e2e3d1;font-size:1rem;line-height:1.85}.story-goal{background:#051f2b80;border-left:2px solid #d8b775;margin:18px 0;padding:15px 18px}.story-goal b{color:var(--brass);font-size:.875rem}.story-goal p{margin-top:6px;line-height:1.75}.story-card button{min-height:48px}.story-premise{color:#eed29a;border:1px solid #c9ac7559;margin:18px 0;padding:18px}.story-journal ol{margin:24px 0;padding:0;list-style:none}.story-journal li{border-bottom:1px solid var(--line);grid-template-columns:32px minmax(0,1fr);gap:16px;padding:24px 0;display:grid}.story-journal li>span{border:1px solid var(--brass);width:30px;height:30px;color:var(--brass);place-items:center;display:grid}.story-journal li h3{margin:8px 0;font-size:1.2rem}.story-journal li p{color:#d7ded2;margin-top:10px;line-height:1.85}.story-journal li.current{border-left:3px solid var(--brass);padding-left:16px}.story-journal li.locked{opacity:.55}.story-journal .chapter-goal{color:#dfbf80}.story-journal li small{color:var(--brass);font-size:.8125rem}.prologue-dialog{padding:0;max-width:920px!important}.prologue-art{height:270px;position:relative}.prologue-art img{object-fit:cover;width:100%;height:100%}.prologue-art>span{color:#f2dfb5;background:#071f2bbe;padding:12px 30px;font-size:.875rem;position:absolute;bottom:0;left:0;right:0}.prologue-body{background:#102d3a;padding:32px 42px}.prologue-body h2{margin:14px 0 24px;font-size:2rem}.prologue-body p{color:#e2e5d5;margin-bottom:18px;font-size:1.0625rem;line-height:1.95}.prologue-body blockquote{border-left:3px solid var(--brass);color:#f0d49b;background:#e4c28b14;margin:26px 0;padding:18px 24px;font-family:Batang,serif;line-height:1.9}.prologue-body button{width:100%;min-height:52px;margin-top:12px}.inventory-art{background-image:url(../assets/voyage/rpg/items-nautical.webp);background-repeat:no-repeat;background-size:300% 200%;flex:none;width:64px;height:64px;display:block}.item-biomass{background-position:0 0}.item-oxygen{background-position:50% 0}.item-parts{background-position:100% 0}.item-sail{background-position:0 100%}.item-compass{background-position:50% 100%}.item-journal{background-position:100% 100%}.good-icon{border:1px solid #b99d6559;border-radius:5px;width:70px;height:70px;background:#112e37!important}.upgrade-art{object-fit:contain;width:64px;height:64px}.upgrade-list article{gap:14px}.upgrade-list article>div{flex:1;min-width:0}.shipyard-art{background:radial-gradient(at 35%,#ba976c28,#0000 60%);min-height:260px}.shipyard-art img{object-fit:contain;width:55%;max-height:300px}.crew-roster{border:1px solid var(--line);background:#082430;align-items:center;gap:20px;margin:24px 0;padding:20px;display:flex}.crew-roster img{aspect-ratio:4/5;object-fit:cover;border:1px solid #b49b65;width:84px}.crew-roster p{color:#c5d5cc;margin-top:8px;font-size:.875rem;line-height:1.75}.supplies-card{background:#14333d;border:1px solid #8eae9c55;margin:20px 0;padding:20px}.supplies-card h3{font-size:1.15rem}.supplies-card>div{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.supplies-card span{border:1px solid var(--line);padding:8px 12px;font-size:.9375rem}.supplies-card .ready{color:#badfa9}.supplies-card .missing{color:#f3bb87}.supplies-card>p{color:#c5d5cc;margin-bottom:14px;font-size:.9375rem;line-height:1.7}.supplies-card button{min-height:48px}.tavern-intro{border-left:3px solid var(--brass);background:#3d342c;padding:24px}.tavern-intro h3{margin:10px 0;font-size:1.4rem}.tavern-intro p{line-height:1.85}.officer-list{gap:16px;margin:24px 0;display:grid}.officer-list article{border:1px solid var(--line);background:#12303a;grid-template-columns:100px minmax(0,1fr);gap:24px;padding:20px;display:grid}.officer-list img{aspect-ratio:4/5;object-fit:cover;border:1px solid #bba16b;width:100%}.officer-list small{color:var(--brass)}.officer-list h3{margin:8px 0;font-size:1.25rem}.officer-list p{margin-bottom:14px;font-size:1rem;line-height:1.8}.officer-list button{min-height:48px}@media (width<=700px){.home-copy{padding-top:40px}.home-shade{background:linear-gradient(90deg,#071d2dec,#071d2d68),linear-gradient(#0000,#071d2dee)}.harbor-scene{height:270px}.harbor-person .character-art{width:54px;height:68px}.captain-token .character-art{height:78px}.port-cover{height:130px}.port-cover>div{padding:8px 12px;left:12px}.port-tabs button{padding:10px 3px;font-size:.8125rem}.story-card{padding:20px 16px}.story-card h3{font-size:1.3rem}.story-goal{padding:12px}.prologue-art{height:180px}.prologue-body{padding:24px 20px}.prologue-body h2{font-size:1.5rem}.prologue-body p{font-size:1rem}.prologue-body blockquote{padding:14px 16px}.prologue-art>span{padding:12px 20px}.supplies-card{padding:18px 16px}.supplies-card button{width:100%}.crew-roster{align-items:flex-start;gap:14px;padding:16px}.crew-roster img{width:64px}.upgrade-list article{flex-wrap:wrap}.upgrade-list article>button{width:100%}.officer-list article{grid-template-columns:68px minmax(0,1fr);gap:14px;padding:16px 12px}.officer-list button{width:100%;padding:10px 12px}.inventory-art{width:52px;height:52px}.good-icon{width:56px;height:56px}.shipyard-art{flex-direction:column;align-items:stretch;min-height:190px}.shipyard-art img{width:100%;max-height:220px}.story-journal li{gap:12px}.story-journal li.current{padding-left:10px}}@media (prefers-reduced-motion:reduce){.captain-token.walking .character-art{animation:none}}.prologue-art img{display:block}.prologue-body>.eyebrow{color:var(--brass);font-size:.75rem;line-height:1.7}.prologue-art{clear:both}.shipyard-art img{flex:0 0 55%;height:300px;transform:none}@media (width<=700px){.shipyard-art img{flex:auto;height:230px}}.scene-art{height:clamp(210px,39svh,430px)}.scene-art img{object-position:center 58%}.scene-body{grid-template-columns:100px minmax(0,1fr);gap:26px;padding:28px 36px;display:grid}.scene-speaker{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--brass);border-radius:6px;width:100%}.scene-body h2{margin:8px 0 14px;font-size:1.7rem}.scene-body .spoken-line{min-height:5.8em;margin:0;font-size:1.125rem;line-height:1.9}.scene-controls{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.scene-controls>span{color:var(--brass);flex:none;font:14px monospace}.scene-controls>div{flex-wrap:wrap;gap:10px;display:flex}.scene-controls button{width:auto;min-height:48px;margin:0}.prologue-dialog .scene-skip{color:#c5d5cc;background:0 0;border-color:#0000;min-height:44px;margin:0 auto 16px;font-size:1rem;display:block}.companion-guide{background:#1c4148;border:1px solid #88b7ab77;border-radius:8px;grid-template-columns:56px minmax(0,1fr);gap:16px;margin-bottom:24px;padding:18px;display:grid}.companion-guide>img{aspect-ratio:4/5;object-fit:cover;border:1px solid #c6ad77;border-radius:5px;width:56px}.companion-guide small{color:#e7c995;font-size:.875rem}.companion-guide h3{margin:5px 0 8px;font-size:1.125rem;line-height:1.5}.companion-guide p{color:#d9e7db;text-wrap:pretty;margin-bottom:14px;font-size:1rem;line-height:1.8}.companion-guide button{min-height:48px;padding:10px 14px;font-size:1rem}.tutorial{z-index:3;background:0 0;border:0;max-width:350px;padding:0;bottom:164px;left:20px}.tutorial .companion-guide{background:#153a43f5;grid-template-columns:44px minmax(0,1fr);gap:12px;margin:0;padding:14px 36px 14px 14px;box-shadow:0 8px 26px #020e1944}.tutorial .companion-guide>img{width:44px}.tutorial .companion-guide h3{font-size:1rem}.tutorial .companion-guide p{font-size:.9375rem;line-height:1.7}.tutorial .companion-guide button{background:var(--brass);color:var(--ink);border:1px solid #e6c27e;width:100%;min-height:44px;padding:8px 10px;font-size:.9375rem;position:static}.tutorial>[data-action=tutorial-close]{min-width:44px;min-height:44px;top:0;right:0}.codex-dialog{width:900px;max-width:min(940px,100vw - 24px);padding:30px}.codex-heading{margin-bottom:24px;padding-right:110px;position:relative}.codex-heading h2{margin:10px 0;font-size:2rem}.codex-heading>p:last-of-type{color:#c7d9d2;font-size:1rem;line-height:1.8}.codex-heading strong{color:var(--brass);font:24px monospace;position:absolute;top:28px;right:0}.codex-heading strong small{color:#c7d9d2;margin-top:8px;font:14px sans-serif;display:block}.codex-filters{flex-wrap:wrap;gap:8px;margin:20px 0 24px;display:flex}.codex-filters button{border-radius:24px;min-height:44px;padding:9px 14px;font-size:1rem}.codex-filters [aria-pressed=true]{background:var(--brass);color:var(--ink);border-color:var(--brass)}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.discovery-card{background:#12323e;border:1px solid #9ab5a74d;border-radius:8px;overflow:hidden}.discovery-picture{background:#183d45;place-items:center;height:174px;display:grid;position:relative;overflow:hidden}.discovery-picture>img{object-fit:cover;width:100%;height:100%}.discovery-picture>small{color:#e6cd9d;background:#082533e6;border:1px solid #d5bd8555;border-radius:20px;padding:6px 10px;font-size:.875rem;position:absolute;top:14px;left:14px}.discovery-picture>span{color:#93b5b188;font:72px Iowan Old Style,serif}.discovery-card.locked .discovery-picture{background:radial-gradient(#2d514d,#102f3d)}.discovery-copy{padding:20px}.discovery-copy>small{color:#96c9b4;font-size:.875rem}.discovery-copy h3{text-wrap:balance;margin:8px 0 14px;font-size:1.25rem;line-height:1.6}.discovery-copy p{color:#d0dfd6;text-wrap:pretty;font-size:1rem;line-height:1.85}.discovery-copy button{min-height:48px;margin-top:18px;font-size:1rem}.codex-footnote{color:#abc3c5;margin-top:24px;font-size:.9375rem;line-height:1.8}.codex-empty{grid-column:1/-1;padding:24px;font-size:1rem;line-height:1.8}.chapter-moment{background:#244440;border:1px solid #e1c385;border-radius:7px;grid-template-columns:160px minmax(0,1fr);gap:24px;margin-bottom:24px;padding:20px;animation:.35s ease-out moment-in;display:grid}.chapter-moment>img{object-fit:cover;border-radius:4px;width:100%;height:100%;min-height:170px}.chapter-moment small{color:var(--brass);font-size:.875rem}.chapter-moment h3{text-wrap:balance;margin:10px 0;font-size:1.4rem}.chapter-moment p{color:#e1e6d6;margin-bottom:16px;font-size:1rem;line-height:1.85}.chapter-moment button{min-height:44px;margin:4px 6px 0 0;font-size:1rem}.sound-setting{border:1px solid var(--line);align-items:center;gap:20px;margin:24px 0;padding:18px;display:flex}.sound-setting>div{flex:1}.sound-setting p{margin-top:8px;font-size:1rem;line-height:1.8}.sound-setting button{flex:none;min-height:48px;font-size:1rem}@keyframes moment-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=700px){.scene-art{height:clamp(170px,28svh,270px)}.scene-body{grid-template-columns:58px minmax(0,1fr);gap:14px;padding:22px 18px}.scene-body h2{font-size:1.3rem}.scene-body .spoken-line{min-height:0;font-size:1rem;line-height:1.85}.scene-controls{flex-wrap:wrap;gap:12px;margin-top:18px}.scene-controls>div{width:100%}.scene-controls button{flex:1;padding:10px 12px;font-size:1rem}.scene-skip{font-size:1rem}.tutorial{max-width:none;bottom:170px;left:12px;right:12px}.tutorial .companion-guide{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px 40px 12px 12px}.tutorial .companion-guide>img{width:34px}.tutorial .companion-guide p{display:none}.tutorial .companion-guide button{width:auto;margin-top:2px}.tutorial .companion-guide h3{margin:3px 0 6px}.tutorial .companion-guide small{font-size:.8125rem}.codex-dialog{padding:22px 16px}.codex-heading{padding-top:30px;padding-right:0}.codex-heading strong{margin-top:18px;display:block;position:static}.codex-heading strong small{margin-left:12px;display:inline}.codex-heading h2{font-size:1.6rem}.codex-filters{gap:7px}.codex-filters button{padding:8px 12px}.discovery-grid{grid-template-columns:1fr;gap:18px}.discovery-picture{height:190px}.discovery-copy{padding:18px}.chapter-moment{grid-template-columns:1fr;gap:18px;padding:16px}.chapter-moment>img{height:140px;min-height:0}.chapter-moment h3{font-size:1.3rem}.chapter-moment button{width:100%;margin:8px 0 0}.companion-guide{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:16px 12px}.companion-guide>img{width:44px}.companion-guide button{width:100%}.sound-setting{flex-wrap:wrap;align-items:flex-start}.sound-setting button{width:100%}}@media (height<=540px){.scene-art{height:140px}.scene-body{padding:18px}.tutorial{display:none}.scene-body .spoken-line{min-height:0}.chapter-moment>img{min-height:100px}}@media (prefers-reduced-motion:reduce){.chapter-moment{animation:none}}.codex-dialog{padding:0}.codex-dialog .dialog-scroll{padding:30px}.mission-story{margin:12px 0 24px}.mission-story>summary{cursor:pointer;border-bottom:1px solid var(--line);padding:12px;font-size:1rem}.prologue-dialog .dialog-scroll{padding:0}.prologue-dialog .dialog-scroll>.close-button{float:none;margin:0;position:absolute;top:12px;right:12px}.prologue-dialog .dialog-scroll>.scene-skip{margin:0 auto 16px}.tutorial{display:block}.tutorial[hidden]{display:none}.game:has(.tutorial:not([hidden])) .area-label{display:none}.codex-heading strong{right:60px}@container (width<=700px){.hud{grid-template-rows:44px auto auto;row-gap:6px;min-height:140px}.vessel-status{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;gap:18px;display:grid}.meter-label{font-size:.875rem}.hud-values{grid-area:3/1/auto/-1;justify-content:flex-start;gap:18px;font-size:.875rem}.hud-values b{font-size:.9375rem}.objective-strip{top:140px}#sea{height:calc(100% - 354px);top:200px}.nav-tools{top:214px}}@media (height<=540px){.tutorial{display:none}@container (width<=700px){.hud{grid-template-rows:auto;min-height:64px}.vessel-status{grid-area:1/1;display:flex}.hud-values{display:none}.objective-strip{top:64px}#sea{height:calc(100% - 216px);top:116px}.nav-tools{top:130px}}}@media (width<=700px){.codex-dialog .dialog-scroll{padding:22px 16px}.hud>.brand span{display:none}}.harbor-building{text-shadow:0 2px 4px #031722;filter:drop-shadow(0 4px 5px #03172288);background:0 0;border:0;min-width:96px;max-width:135px;padding:0 4px 8px;font-size:1rem;line-height:1.6}.harbor-building>img{object-fit:contain;pointer-events:none;width:128px;max-width:100%;height:130px;margin:0 auto 4px;display:block}.harbor-building:focus-visible{outline:3px solid var(--brass);outline-offset:5px;border-radius:8px}.facility-banner{float:right;object-fit:contain;filter:drop-shadow(0 5px 7px #05172255);width:160px;height:140px;margin:0 0 18px 24px;display:block}.facility-banner~.trade-list,.facility-banner~.mission-story{clear:both}.shipyard-building{float:none;width:100%;height:180px;margin:0 auto 12px}.tavern-interior{object-fit:cover;object-position:center 58%;border:1px solid #b49c6666;border-radius:6px;width:100%;height:240px;margin-bottom:24px;display:block}.discovery-card.locked .discovery-picture>img{filter:brightness(0)opacity(.28);object-fit:contain;padding:14px}.discovery-picture>img{object-fit:contain;padding:12px}@media (width<=700px){.harbor-building{min-width:66px;max-width:86px;font-size:.9375rem}.harbor-building>img{width:88px;height:92px}.facility-banner{width:112px;height:110px;margin-left:12px}.shipyard-building{width:100%;height:150px;margin:0 auto 12px}.tavern-interior{height:185px}}.harbor-walk-hint{margin:0;padding:8px;font-size:.875rem;line-height:1.6;bottom:8px}.captain-token{bottom:70px}@media (width<=700px){.facility-banner{float:none;margin:0 auto 18px}.tavern-intro .facility-banner{width:128px;height:120px}}.discovery-picture>img{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;padding:12px;display:block;position:absolute;inset:0}.harbor-scene{background:#0a2938}.harbor-backdrop{object-fit:cover;object-position:center 62%;opacity:.72;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}