:root{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:#f2eddc;font-synthesis:none;font-weight:400;background:#123f4b;--ink:#f2eddc;--muted:#9eafa8;--gold:#ebc57c;--gold-dark:#b68b46;--panel:rgba(18,42,46,.94);--line:#d4e0c820}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #f1cf84;outline-offset:4px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{transition:background .18s,color .18s,transform .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}h2,h3{font-weight:700}p{line-height:1.8}button[aria-label],.icon-button{flex-shrink:0}.game-app{position:relative;width:100%;height:100dvh;min-height:620px;overflow:hidden;background:#155767}.game-world,.world-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 150px #092a353d;background:linear-gradient(0deg,#092c39a8,transparent 30%,transparent 78%,#0a2d3677)}.topbar{position:absolute;z-index:5;left:0;right:0;top:0;height:85px;display:flex;align-items:center;padding:0 32px;background:linear-gradient(#122e37f2,#153642dd);border-bottom:1px solid #b9cfc42b;gap:40px}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-mark{height:44px;width:44px;display:grid;place-items:center;border:1px solid #d0b982a1;color:var(--gold);border-radius:50%;position:relative}.brand-mark:after{content:"";position:absolute;inset:-4px;border:1px solid #d0b9822b;border-radius:50%}.brand strong{display:block;line-height:1.1;font:900 25px "Noto Serif SC",serif;letter-spacing:2px}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:5px;color:#c1cabb}.day-chip{display:flex;gap:12px;align-items:center;color:#f0cf85;border-left:1px solid var(--line);padding-left:32px}.day-chip b,.day-chip span{display:block}.day-chip b{font:600 13px Noto Sans SC,sans-serif;color:var(--ink);margin-bottom:4px}.day-chip span{font-size:10px;color:#a9bcba;letter-spacing:1px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#d1d8c6;border:1px solid #a8c0b922;border-radius:7px;background:#d0e3d708}.icon-button:hover{background:#d0e3d717}.save-status{font-size:10px;color:#a5b7ad;margin-right:14px;display:flex;gap:6px;align-items:center}.save-status i{width:5px;height:5px;border-radius:100%;background:#91b995;box-shadow:0 0 6px #92c4a03d}.save-status i.bad{background:#d77c65}.resources{position:absolute;top:100px;left:50%;transform:translate(-50%);display:flex;gap:3px;z-index:4;padding:6px;border:1px solid #a7bfaf3d;background:linear-gradient(110deg,#153d45ed,#173a41e8);border-radius:12px;box-shadow:0 5px 16px #0b30412c}.resource{padding:5px 15px 5px 10px;display:flex;align-items:center;gap:10px;position:relative;min-width:109px;border-right:1px solid var(--line)}.resource:last-child{border:0}.resource-icon{color:#c1a777}.resource-water .resource-icon{color:#8fc8cf}.resource-food .resource-icon{color:#a2be74}.resource-parts .resource-icon{color:#adbabd}.resource-rope .resource-icon{color:#cdad6c}.resource small{display:block;font-size:10px;letter-spacing:1px;color:#bcc6b8}.resource strong{display:block;font-size:20px;font-variant-numeric:tabular-nums;line-height:1.4;font-weight:600}.resource.low strong{color:#f99979}.consumption{display:none}.mission-card{position:absolute;top:180px;left:30px;width:225px;z-index:3;background:linear-gradient(130deg,#173840f2,#16353ee8);border:1px solid #b4c2a838;box-shadow:0 8px 40px #102d372b;border-radius:3px 12px 12px}.mission-body{padding:22px 18px 18px}.eyebrow{display:block;font-size:9px;letter-spacing:2.1px;font-weight:500;color:#9bb6af;line-height:1.6}.eyebrow span{float:right;color:#ddc898;letter-spacing:1px}.chapter-pips{display:flex;gap:5px;margin:12px 0 20px}.chapter-pips i{display:block;width:27px;height:3px;background:#e2d4a21a}.chapter-pips .done{background:#a9c1a5}.chapter-pips .current{background:#e1ba6d;box-shadow:0 0 6px #e1ba6d55}.mission-body h2{font-size:20px;line-height:1.5;font-family:"Noto Serif SC",serif}.mission-description{font-size:11px;color:#aebfb5;margin-top:9px;line-height:1.8}.objectives{display:flex;flex-direction:column;gap:18px;margin:23px 0}.objective{display:flex;align-items:center;gap:8px}.objective-check{width:14px;height:14px;border:1px solid #c9d3b747;border-radius:3px;display:grid;place-items:center}.objective>div{flex:1}.objective>div>span{font-size:11px}.objective small{font-size:10px;color:#c3c6ae}.objective.done{color:#b7ce9c}.objective.done .objective-check{background:#708662;border-color:#708662;color:#eff4da}.progress{height:3px;background:#cedeb615;border-radius:2px;overflow:hidden;margin-top:6px}.progress i{height:100%;display:block;background:linear-gradient(90deg,#8ba384,#dbbe77);transition:width .25s}.mission-reward{display:flex;flex-direction:column;gap:8px;padding-top:13px;border-top:1px solid var(--line);margin-bottom:16px}.mission-reward>small{font-size:10px;color:#acbfb3;letter-spacing:1px}.cost{display:inline-flex;gap:10px;flex-wrap:wrap;align-items:center;vertical-align:middle}.cost>span{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#d2c7a5;font-variant-numeric:tabular-nums}.cost>span.short{color:#e29a80}.button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:13px 17px;min-height:44px;border:1px solid #b5c2a84a;border-radius:5px;background:#c3d3b70b;font-size:12px;font-weight:600;line-height:1.6}.button.gold{background:linear-gradient(110deg,#f0d394,#d5aa64);color:#293b35;border:1px solid #edd198;box-shadow:inset 0 1px #fff7da55,0 4px 12px #0f2b3833}.button.muted{background:#e7e8c408;color:#adbaaa}.button+.button{margin-top:12px}.mission-mobile-toggle{display:none}.region-label{position:absolute;top:184px;left:50%;transform:translate(-50%);text-align:center;color:#d0e3dd;pointer-events:none;text-shadow:0 2px 8px #1b4e55}.region-label>span:not(.location-line){display:block;font-size:11px;font-weight:500;letter-spacing:4px}.region-label small{display:block;font-size:8px;letter-spacing:3px;opacity:.65;margin-top:9px}.location-line{display:block;background:#d9e6cc90;height:1px;width:25px;margin:0 auto 12px}.raft-status{position:absolute;right:30px;top:180px;padding:18px;width:218px;background:#14373ce6;border:1px solid #b4c2a832;border-radius:12px 3px 12px 12px;z-index:3}.status-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.status-heading>span{font-size:11px;display:flex;align-items:center;gap:7px;color:#c3cdbb}.status-heading strong{font-weight:500;font-size:15px}.status-heading small{font-size:10px;color:#8fa8a1}.health-track{height:5px;border-radius:8px;background:#0d2d36}.health-track>i{height:100%;display:block;background:linear-gradient(90deg,#709e8d,#abc3a0);border-radius:8px;transition:width .3s}.health-track.danger>i{background:#d5916d}.raft-meta{display:flex;justify-content:space-between;margin:14px 0;color:#a4bab1;font-size:10px}.raft-meta span,.raft-meta button{display:flex;align-items:center;gap:5px}.raft-meta button{padding:0}.weather-forecast{border-top:1px solid var(--line);padding-top:13px;display:flex;gap:8px;align-items:center;color:#aebdad;font-size:9px}.raft-status>.small-button{width:100%;margin:0 0 12px}.world-tools{position:absolute;right:30px;bottom:171px;display:flex;flex-direction:column;gap:5px;z-index:2}.world-tools .icon-button{background:#153d43c9;border-color:#bad5c838}.bottom-area{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;width:max-content;max-width:100%}.captain-message{display:flex;align-items:center;gap:11px;margin-bottom:16px;padding:10px 17px 10px 9px;border:1px solid #d6dab323;border-radius:12px;background:#15383bba;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:440px}.avatar{width:42px;height:42px;overflow:hidden;background:linear-gradient(135deg,#8ca594,#53746a);border-radius:50%;border:1px solid #d9c69c;flex-shrink:0;position:relative}.avatar img{width:92px;position:absolute;top:-3px;left:-25px}.captain-message span{font-size:11px;color:#e7c885}.captain-message i{font-style:normal;color:#91a79e;font-size:9px;margin-left:6px}.captain-message p{font-size:11px;line-height:1.7;margin-top:2px;color:#d6dccd}.dock{display:flex;gap:4px;padding:8px;border:1px solid #c0caa160;border-radius:12px;background:linear-gradient(115deg,#173a42f5,#19383cf5);box-shadow:0 10px 30px #0b2e4b70;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dock>button{min-width:74px;min-height:60px;padding:7px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:6px;color:#c0cec0;position:relative}.dock>button>span{font-size:11px;letter-spacing:1px}.dock>button.active{background:#d9ca9621;color:#f0ce85}.dock>button:hover{background:#d9ca9612}.dock>.salvage-button{flex-direction:row;gap:14px;color:#283e35;background:linear-gradient(120deg,#f0d599,#d5ad6a);min-width:159px;padding:12px 18px}.dock>.salvage-button>span{font-weight:700;font-size:13px;letter-spacing:1px}.salvage-button small{font-size:9px;display:block;opacity:.55;margin-top:4px;font-weight:500}.dock-divider{width:1px;background:#c6d3b422;margin:12px 4px}.notification-dot{position:absolute;top:7px;right:14px;width:5px;height:5px;border-radius:50%;background:#eac57b;box-shadow:0 0 7px #eac57b80}.keyboard-hint{font-size:9px;color:#acc2b9;margin-top:13px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.keyboard-hint button{padding:0;display:flex;gap:5px;align-items:center;font-size:9px;color:#dacb9d;margin-left:10px}.keyboard-hint>span{opacity:.4}.expedition-tracker{position:absolute;top:370px;right:30px;z-index:3;display:flex;align-items:center;gap:11px;width:218px;padding:16px;background:#1d4141e6;border:1px solid #c2cdaa40;border-radius:9px;color:#dec893}.expedition-tracker div{flex:1}.expedition-tracker b{font-size:11px;display:block;color:#e6e9d3}.expedition-tracker span{font-size:10px;display:block;margin-top:5px;color:#afc3b3}.build-panel,.building-details{position:absolute;z-index:6;background:linear-gradient(135deg,#15353bf7,#17383cf7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #c5caaa60;box-shadow:0 10px 60px #06233280;border-radius:12px;padding:20px}.build-panel{bottom:127px;left:50%;transform:translate(-50%);width:570px;max-height:calc(100dvh - 240px);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-heading h3{font-size:17px;font-weight:500;margin-top:4px}.panel-heading .icon-button{width:30px;height:30px}.build-tabs{margin:18px 0 10px;display:flex;gap:12px;border-bottom:1px solid var(--line);align-items:center}.build-tabs button{padding:0 9px 11px;font-size:12px;color:#9eb5a9;border-bottom:2px solid transparent}.build-tabs button.active{color:#eaca82;border-bottom-color:#d3b273}.build-tabs span{font-size:9px;color:#849e97;margin-left:auto}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-item{display:flex;align-items:center;text-align:left;border:1px solid #bfd1ab25;border-radius:7px;padding:8px;min-height:101px;gap:8px;background:#c6d5b107}.build-item:hover{border-color:#d5c48b66}.build-image{width:67px;height:70px;display:grid;place-items:center;flex-shrink:0;color:#c6b583}.sprite{display:block;background-image:url(/assets/buildings.png);background-size:300% 300%;width:100%;height:100%;background-repeat:no-repeat}.build-item>div{flex:1;min-width:0}.build-item strong{font-size:12px;display:flex;gap:5px;align-items:center;margin-bottom:5px;font-weight:500}.build-item small{font-size:9px;color:#97afa4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;margin-bottom:8px}.build-item .cost{gap:6px}.build-item .cost>span{font-size:9px;gap:3px}.build-item .cost svg{width:11px;height:11px}.build-item>svg{color:#c4bc91}.build-item.locked{filter:grayscale(.8);opacity:.4}.building-details{right:30px;bottom:145px;width:260px}.building-details .panel-heading h3{font-size:18px}.building-details .panel-heading h3 span{font-size:12px;color:#d3bd86;margin-left:4px}.detail-sprite{width:135px;height:140px;margin:3px auto}.building-details>p{font-size:11px;color:#b2c2b5}.production-line{display:flex;align-items:center;justify-content:space-between;margin:12px 0;padding:10px 0;border-block:1px solid var(--line);font-size:10px;color:#91aba1}.detail-actions .button>span{display:flex;align-items:flex-start;flex-direction:column;gap:4px}.detail-actions .button .cost span{color:#435446}.text-button{font-size:11px;padding:10px 0;display:flex;align-items:center;gap:6px;justify-content:center;color:#bfcebd}.detail-actions .text-button{width:100%;margin:5px 0 -8px;color:#a0b4a8;font-size:10px}.max-level{padding:13px;text-align:center;background:#a4c49417;color:#d4ddb9;border-radius:5px;font-size:12px}.max-level svg{margin-right:6px}.placement-hint{position:absolute;z-index:5;bottom:245px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background:#193c3ff2;border:1px solid #ebd18c88;border-radius:9px;padding:15px 18px;color:#e8cf92;box-shadow:0 8px 30px #0b303950;white-space:nowrap}.placement-hint>span{font-size:11px}.placement-hint small{display:block;font-size:9px;margin-top:5px;color:#a7bcab}.placement-hint>.cost{border-left:1px solid var(--line);padding-left:15px}.toast{position:absolute;z-index:50;left:50%;top:176px;transform:translate(-50%);max-width:min(600px,90vw);padding:13px 20px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;background:#e9dec2;color:#314b41;border:1px solid #fff2cb;border-radius:6px;box-shadow:0 5px 30px #07344340;animation:toast-in .25s ease-out;pointer-events:none}.toast.error{color:#793c2c;background:#efcfb5}.emergency-button{position:absolute;right:30px;bottom:127px;padding:10px 15px;color:#f5d0aa;border:1px solid #cc947b80;border-radius:7px;background:#653e34ed;font-size:11px;display:flex;gap:8px;align-items:center;z-index:7}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:28px;background:#041f30a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{width:530px;max-width:100%;max-height:calc(100dvh - 56px);overflow:auto;border:1px solid #bbbc9166;background:linear-gradient(130deg,#1d4147,#142f38);border-radius:14px;padding:30px;box-shadow:0 20px 100px #06202788;animation:modal-in .2s ease-out;outline:none}.modal-wide{width:950px}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.modal h2{font:700 24px/1.6 "Noto Serif SC",serif;margin-top:5px}.modal>header .icon-button{align-self:flex-start}.modal-intro{color:#b9cabc;font-size:12px;margin-bottom:22px}.fine-print{font-size:10px;line-height:1.9;color:#8ca49c;margin-top:22px}.sea-chart{height:160px;position:relative;border:1px solid #c3cbb82b;border-radius:6px;margin-bottom:20px;background:radial-gradient(ellipse at 70% 50%,#336a6c,#214a51);overflow:hidden}.sea-chart svg{width:100%;height:100%}.chart-point{position:absolute;transform:translate(-50%,-50%);width:32px;height:32px;background:#b1b991;color:#244f4e;border:3px solid #427471;border-radius:50%;display:grid;place-items:center}.chart-point small{position:absolute;white-space:nowrap;top:36px;font-size:9px;color:#ced9bc}.chart-point.locked{background:#5b8278}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.region-card{padding:18px;background:#c1d5b309;border:1px solid #c0cba733;border-radius:7px}.region-number{font-size:11px;color:#aac0b0;display:flex;justify-content:space-between}.region-card h3{font-size:17px;margin-top:15px}.region-subtitle{font-size:10px;color:#d1bd8d;display:block;margin-top:6px}.region-card>p{font-size:11px;color:#9cb4a6;margin:12px 0;min-height:60px}.region-data{display:flex;gap:12px;font-size:9px;color:#bdcbb1;padding-bottom:14px;border-bottom:1px solid var(--line)}.region-cost{display:flex;flex-direction:column;gap:8px;margin:14px 0}.region-cost>small{color:#92a89a;font-size:9px}.region-card>.button{font-size:11px;padding:11px 13px}.region-card.locked{opacity:.6}.crew-summary{display:flex;align-items:center;gap:20px;background:#d0d8ae0a;padding:20px;border:1px solid #c0c6a028;border-radius:8px;color:#cfbd84}.crew-summary strong{font-size:26px;color:#e4e5cb}.crew-summary p{font-size:10px;color:#abc0af}.crew-summary>span{margin-left:auto;font-size:10px;color:#9bb3a4;line-height:1.8}.crew-list{margin:15px 0}.crew-list article{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.crew-avatar{width:48px;height:48px;background:#aeb79c20;border:1px solid #c9b38160;border-radius:50%;overflow:hidden;display:grid;place-items:center;position:relative;color:#ceb58b}.crew-avatar img{width:103px;position:absolute;top:-5px;left:-27px}.crew-list h3{font-size:14px}.crew-list h3 span{font-size:9px;margin-left:9px;color:#c2b085;font-weight:400}.crew-list p{font-size:10px;color:#adc0b1;margin-top:5px}.crew-list article>svg{margin-left:auto;color:#aec292}.rescue-note{display:flex;gap:10px;margin:20px 0;color:#c5c19b}.rescue-note p{font-size:11px;color:#9fb8a8}.trade-section{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.trade-section h3{font-size:14px}.trade-section p{font-size:11px;color:#9db5a5;margin:10px 0 14px}.trade-buttons{display:flex;gap:10px}.small-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;border:1px solid #b7c1a840;background:#c2d5b609;border-radius:5px;min-height:35px;padding:8px 12px;color:#d2d7b9}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0;border-block:1px solid var(--line)}.journal-stats div{text-align:center;border-right:1px solid var(--line)}.journal-stats div:last-child{border:0}.journal-stats strong{display:block;font-size:25px;font-weight:500;color:#e0c487}.journal-stats small{font-size:9px;color:#a3bbaa;display:block;margin-top:6px}.log-list{max-height:330px;overflow:auto;margin:18px 0}.log-list article{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid #c6d2b515}.log-list article span{font-size:9px;color:#bbbc92;white-space:nowrap;margin-top:5px;min-width:44px}.log-list p{font-size:11px;color:#bcd0bc}.achievement-row{display:flex;gap:10px;color:#cbb77e;font-size:10px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.achievement-row strong{margin-left:auto;font-weight:500}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px;gap:15px}.setting-row>span{display:flex;gap:10px;align-items:center}.setting-row input{accent-color:#d7bd82;width:150px}.toggle{width:42px;height:24px;background:#66827840;border:1px solid #bfccae3b;border-radius:30px;padding:3px}.toggle i{display:block;width:16px;height:16px;border-radius:50%;background:#acc1b0;transition:transform .2s}.toggle.on{background:#c6b17a}.toggle.on i{transform:translate(17px);background:#f1e6c4}.settings-save{margin:26px 0 20px}.settings-save h3{display:flex;gap:10px;align-items:center;font-size:14px}.settings-save p{font-size:11px;color:#a5beae;margin:13px 0}.settings-save>div{display:flex;gap:10px}.danger-text{color:#e8a991!important}.help-list article{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.help-list article>span{color:#cfba85;width:32px;flex-shrink:0;margin-top:3px}.help-list h3{font-size:14px;margin-bottom:7px;display:flex;align-items:center;gap:10px}.help-list h3 small{font-size:10px;color:#8ea998}.help-list p{font-size:11px;color:#aec7b4}.help-controls{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.help-controls span{padding:5px 8px;border:1px solid var(--line);border-radius:3px;font-size:10px;color:#c5d1b3}.event-art,.ending-art{text-align:center;color:#ddc78e;background:radial-gradient(ellipse,#63958930,transparent);padding:30px}.event-body{font-size:13px;line-height:2;color:#c6d2ba;margin:15px 0 25px}.event-choices{display:flex;gap:12px;flex-direction:column}.event-choices button{padding:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;background:#c3d4ac08;border:1px solid #c2c49a42;border-radius:7px;gap:18px}.event-choices strong{font-size:13px;font-weight:500;color:#e8d7a8}.event-choices p{font-size:11px;color:#9eb9a7;margin-top:6px}.ending-art.won{color:#f0d084;background:radial-gradient(ellipse,#b89e4740,transparent)}.ending-stats{display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 0;border-block:1px solid var(--line);font-size:11px;color:#a1baa6}.ending-stats b{font-size:19px;color:#dbcb9c;margin-inline:4px}.confirm-actions{display:flex;gap:12px}.confirm-actions>.button{margin:0;justify-content:center}.pause-overlay{position:absolute;inset:0;z-index:10;background:#052231b0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;flex-direction:column}.pause-overlay>svg{color:#dbc18a}.pause-overlay h2{font:700 28px "Noto Serif SC",serif;margin:24px 0 13px}.pause-overlay p{font-size:12px;color:#afc6b5;margin-bottom:26px}.pause-overlay .button{width:230px}.title-screen{position:absolute;inset:0;z-index:20;overflow:hidden;background:linear-gradient(90deg,#0c2c3deb,#103747b3 42%,#10374710 75%)}.title-waves{position:absolute;inset:0;background:linear-gradient(0deg,#0e2b35e6,transparent 40%,#103a4230);pointer-events:none}.title-copy{position:absolute;top:50%;transform:translateY(-47%);left:max(7%,calc((100vw - 1200px)/2));z-index:2;width:580px;max-width:48%}.title-kicker{font-size:11px;letter-spacing:2px;color:#e3d29e;display:flex;gap:12px;align-items:center;margin-bottom:27px}.title-kicker>span{height:1px;width:28px;background:#d0b574}.title-copy h1{font:900 clamp(45px,5.5vw,83px)/1.3 "Noto Serif SC","Songti SC",serif;color:#f4ecd5;letter-spacing:3px;text-shadow:0 4px 0 #153c41,0 8px 25px #092b3759;transform:skewY(-3deg)}.title-copy h1>span{display:block;color:#edc77d;letter-spacing:8px;font-size:1.15em}.title-sub{font-size:13px;letter-spacing:4px;margin:25px 0 26px;color:#dedac0;display:flex;gap:15px;align-items:center}.title-sub span{font-size:10px;border:1px solid #a8bba16b;padding:5px 10px;letter-spacing:1px}.title-copy>p{font-size:12px;color:#bdcdc0;line-height:2.2;font-weight:400}.title-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.start-button{width:258px;min-height:57px;font-size:15px;letter-spacing:2px;justify-content:flex-start;padding:16px 22px}.start-button>svg:last-child{margin-left:auto}.title-features{display:flex;gap:25px;margin:28px 0 23px;color:#bcc9b6}.title-features>span{font-size:10px;display:flex;align-items:center;gap:7px}.title-save-note{font-size:9px;color:#84a59f;letter-spacing:1px}.title-character{position:absolute;width:min(43vw,540px);height:min(78vh,720px);bottom:3%;right:8%;isolation:isolate}.title-character>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 20px #0b354699);position:relative}.character-aura{position:absolute;inset:5% -15% -10%;background:radial-gradient(ellipse,#cae2c436,transparent 65%);z-index:-1}.character-tag{position:absolute;bottom:8%;right:-7%;padding:16px 28px 16px 20px;background:#173d40eb;border-left:3px solid #e9cc85;box-shadow:0 7px 30px #0c293638;transform:rotate(-3deg)}.character-tag strong{display:block;font-family:"Noto Serif SC",serif;font-size:21px;color:#e8cf8f;margin-bottom:6px}.character-tag span{font-size:10px;color:#c7d5c1}.edition-label{position:absolute;bottom:27px;left:32px;font-size:8px;letter-spacing:3px;color:#81a9a8}.recovery{padding:60px;background:#163f49;min-height:100dvh}.recovery h1{margin-bottom:20px}.recovery button{padding:12px;background:#d0b97e;color:#203b37;border-radius:5px;margin:25px 0}.recovery details{font-size:12px;color:#a9bbae}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#c1c59b45;border-radius:3px}::-webkit-scrollbar-track{background:transparent}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reduced-motion *{animation:none!important;transition:none!important}@media(min-width:1600px){.mission-card{left:42px;width:245px;top:200px}.mission-body{padding:25px 22px}.mission-description,.objective>div>span{font-size:12px}.raft-status{right:42px;top:200px;width:235px}.expedition-tracker{top:395px;right:42px;width:235px}.resources{top:110px}.resource{min-width:125px;padding-block:7px}.bottom-area{bottom:28px}.captain-message{margin-bottom:24px}.dock>button{min-width:85px;padding-inline:21px}.dock>.salvage-button{min-width:177px}.title-copy{left:10%}}@media(max-width:1100px){.topbar{padding-inline:22px;gap:24px}.brand{min-width:210px}.brand strong{font-size:23px}.mission-card{left:20px;width:200px}.mission-body{padding:18px 15px}.mission-body h2{font-size:18px}.mission-description{font-size:10px}.objective>div>span{font-size:10px}.raft-status{right:20px;width:190px;padding:15px}.resource{min-width:94px;padding:5px 10px;gap:7px}.resource strong{font-size:18px}.resources{top:100px}.region-label{top:190px}.building-details{right:20px;width:230px}.expedition-tracker{width:190px;right:20px}.title-copy{left:7%}.title-character{right:2%;width:47vw}.character-tag{right:4%}.title-kicker{font-size:9px;letter-spacing:1px}.title-features{gap:16px}}@media(max-width:800px){.game-app{min-height:540px}.topbar{height:70px;padding-inline:17px;gap:18px}.brand{min-width:auto;gap:9px}.brand-mark{width:34px;height:34px}.brand-mark>svg{width:20px}.brand strong{font-size:20px}.brand small{font-size:8px;letter-spacing:3px;margin-top:5px}.day-chip{padding-left:17px;gap:7px}.day-chip>svg{width:21px}.day-chip b{font-size:11px}.day-chip span{font-size:9px}.top-actions{gap:5px}.top-actions .icon-button{width:32px;height:32px}.save-status{display:none}.resources{top:82px;gap:0;padding:3px;max-width:calc(100% - 28px)}.resource{min-width:85px;gap:6px;padding:4px 9px}.resource-icon svg{width:18px}.resource strong{font-size:17px}.resource small{font-size:9px}.mission-card{top:150px;left:16px;width:190px}.mission-description{display:none}.mission-body{padding:15px 13px}.chapter-pips{margin-block:10px 13px}.objectives{gap:13px;margin:16px 0}.mission-body h2{font-size:17px}.raft-status{top:150px;right:16px;width:170px;padding:13px}.region-label{display:none}.captain-message{max-width:375px;padding:8px 13px 8px 8px;margin-bottom:12px}.captain-message p{font-size:10px}.avatar{width:35px;height:35px}.avatar img{width:78px;left:-23px}.expedition-tracker{top:326px;right:16px;width:170px;padding:13px}.world-tools{right:16px;bottom:156px}.building-details{right:16px;bottom:145px;width:230px}.modal{padding:24px}.region-grid{grid-template-columns:repeat(2,1fr)}.modal h2{font-size:21px}.title-character{right:-3%;height:67vh;width:50vw;bottom:9%}.title-copy{left:6%;max-width:55%;transform:translateY(-48%)}.title-copy h1{font-size:52px}.title-sub{letter-spacing:2px;font-size:11px}.title-copy>p{font-size:11px}.title-kicker{font-size:8px}.title-features{gap:15px}.title-features>span{font-size:9px}.character-tag{right:12%;padding:12px 18px}.character-tag span{font-size:8px}.edition-label{left:24px;bottom:21px;font-size:7px}}@media(max-width:600px){.game-app{min-height:550px}.topbar{height:64px;padding:0 14px;gap:12px}.brand strong{font-size:18px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:2px}.brand-mark{width:29px;height:29px}.brand-mark:after{inset:-3px}.brand-mark>svg{width:17px}.day-chip{padding-left:10px;gap:5px}.day-chip>svg{width:17px}.day-chip b{font-size:10px}.day-chip span{font-size:8px;margin-top:1px}.top-actions{gap:3px}.top-actions .icon-button{border:0;background:transparent;width:27px;height:33px}.top-actions .icon-button svg{width:17px}.resources{top:73px;border-radius:8px;padding:5px 3px;width:calc(100% - 24px);max-width:420px;justify-content:space-around}.resource{min-width:0;gap:5px;flex:1;padding:2px 4px}.resource-icon svg{width:16px;height:19px}.resource strong{font-size:14px;line-height:1.35}.resource small{font-size:7px;letter-spacing:0}.resource-parts{flex:.85}.mission-card{top:135px;left:13px;width:calc(100% - 26px);border-radius:7px;background:#153d42d9;z-index:5}.mission-mobile-toggle{display:flex;align-items:center;gap:8px;padding:12px 13px;width:100%;font-size:11px;text-align:left;color:#ead6a4}.mission-mobile-toggle>span{margin-left:auto;color:#9fbdb0;font-size:9px}.mission-body{display:none;padding:5px 15px 16px}.mission-card.mobile-open .mission-body{display:block}.mission-card.mobile-open{background:#17383ef7;box-shadow:0 10px 30px #07314177}.mission-body>.eyebrow,.mission-body>h2,.mission-body>.chapter-pips{display:none}.mission-description{display:block;font-size:10px}.objectives{gap:12px;margin:13px 0}.objective>div>span{font-size:11px}.objective .progress{display:none}.mission-reward{flex-direction:row;justify-content:space-between;margin-bottom:12px;padding-top:10px}.mission-reward>small{font-size:9px}.mission-body>.button{min-height:38px;font-size:11px;padding:9px 12px}.raft-status{top:188px;left:13px;right:auto;width:142px;padding:11px;background:#153b40b8;border-radius:7px}.status-heading{margin-bottom:9px}.status-heading>span{font-size:9px;gap:5px}.status-heading>span svg{width:13px}.status-heading strong{font-size:12px}.status-heading small{font-size:8px}.health-track{height:3px}.raft-meta{margin:10px 0 0;font-size:9px}.weather-forecast{display:none}.raft-status>.small-button{font-size:9px;padding:4px;margin:10px 0 0;min-height:27px}.expedition-tracker{top:188px;right:13px;width:160px;padding:10px;font-size:10px}.expedition-tracker>svg{width:18px}.expedition-tracker b{font-size:9px}.expedition-tracker span{font-size:8px}.world-tools{right:13px;bottom:175px;gap:4px}.world-tools .icon-button{width:31px;height:31px}.world-tools svg{width:17px}.bottom-area{bottom:max(14px,env(safe-area-inset-bottom));width:calc(100% - 22px)}.captain-message{margin-bottom:10px;max-width:calc(100% - 23px);gap:8px;padding:8px 11px 8px 7px;border-radius:9px}.captain-message .avatar{width:33px;height:33px}.captain-message .avatar img{width:73px;left:-20px}.captain-message span{font-size:10px}.captain-message i{font-size:8px}.captain-message p{font-size:9px;line-height:1.6}.dock{width:100%;padding:6px;gap:1px;border-radius:10px;justify-content:space-between}.dock>button{min-width:0;flex:1;padding:7px 5px;min-height:58px;gap:6px}.dock>button>svg{width:21px;height:21px}.dock>button>span{font-size:9px;letter-spacing:1px}.dock>.salvage-button{flex:1.8;min-width:100px;gap:7px;padding:8px 10px;flex-direction:row}.dock>.salvage-button>span{font-size:11px;letter-spacing:0}.salvage-button small{display:none}.dock-divider{margin:10px 3px}.notification-dot{right:8px}.keyboard-hint{display:none}.placement-hint{bottom:179px;width:calc(100% - 80px);left:13px;transform:none;padding:12px;gap:10px;flex-wrap:wrap;white-space:normal}.placement-hint>svg{width:18px}.placement-hint>span{font-size:10px}.placement-hint small{font-size:8px}.placement-hint>.cost{border:0;padding:0;margin-left:29px;flex:1}.placement-hint .icon-button{position:absolute;right:7px;top:7px;width:25px;height:25px;border:0}.placement-hint .icon-button svg{width:16px}.build-panel{left:10px;right:10px;width:auto;transform:none;bottom:95px;max-height:calc(100dvh - 175px);padding:16px;border-radius:10px}.panel-heading h3{font-size:15px}.panel-heading .eyebrow{font-size:8px;letter-spacing:1px}.build-tabs{margin-top:14px;gap:9px}.build-tabs>span{font-size:8px}.build-tabs button{font-size:11px;padding-bottom:9px}.build-grid{gap:6px}.build-item{padding:6px;gap:4px;min-height:100px;flex-wrap:wrap;position:relative}.build-image{width:50px;height:60px}.build-image>svg{width:28px}.build-item strong{font-size:11px}.build-item small{font-size:8px;margin-bottom:5px}.build-item .cost{gap:5px}.build-item .cost span{font-size:8px}.build-item .cost svg{width:10px}.build-item>svg{display:none}.building-details{left:13px;right:13px;width:auto;bottom:95px;padding:16px;display:grid;grid-template-columns:90px 1fr;column-gap:16px}.building-details .panel-heading{grid-column:1/-1;margin-bottom:10px}.building-details .panel-heading h3{font-size:16px}.detail-sprite{grid-column:1;grid-row:2/5;width:90px;height:115px;margin:0}.building-details>p{font-size:10px}.production-line{font-size:8px;margin:7px 0;padding:7px 0}.detail-actions .button{font-size:11px;padding:9px 12px;min-height:36px}.detail-actions .button>span{gap:2px}.detail-actions .text-button{font-size:9px;margin-bottom:-10px}.toast{top:118px;font-size:10px;padding:10px 14px;width:max-content;max-width:calc(100% - 28px);line-height:1.6;z-index:55}.toast>svg{width:16px}.emergency-button{left:13px;right:auto;bottom:174px;font-size:10px;padding:10px}.modal-backdrop{padding:13px;background:#092b3be3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{padding:21px 19px;max-height:calc(100dvh - 26px);border-radius:10px}.modal>header{margin-bottom:16px;gap:10px}.modal h2{font-size:20px;line-height:1.7}.modal .eyebrow{font-size:8px;letter-spacing:1.7px}.modal>header .icon-button{width:29px;height:29px}.modal-intro{font-size:11px;margin-bottom:17px}.region-grid{grid-template-columns:1fr}.sea-chart{height:115px;margin-bottom:15px}.chart-point small{font-size:8px;top:32px}.region-card{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.region-number{grid-column:1/-1}.region-card h3{margin:0;font-size:16px}.region-subtitle{text-align:right;font-size:9px}.region-card>p{grid-column:1/-1;min-height:0;margin:0;font-size:10px}.region-data{grid-column:1/-1;padding:5px 0 10px}.region-cost{margin:4px 0;gap:6px}.region-card>.button{grid-column:1/-1;margin-top:6px}.crew-summary{padding:15px;gap:16px}.crew-summary strong{font-size:22px}.crew-summary>span{font-size:9px}.crew-list article{padding:12px 0}.crew-list h3{font-size:13px}.crew-list p{font-size:9px}.crew-avatar{width:42px;height:42px}.crew-avatar img{width:90px;left:-25px}.trade-section p,.small-button{font-size:10px}.trade-buttons{gap:7px}.help-list article{gap:13px;padding:15px 0}.help-list h3{font-size:13px}.help-list p{font-size:10px}.help-controls{gap:6px}.help-controls span{font-size:9px}.event-body{font-size:12px}.title-screen{background:linear-gradient(0deg,#10313df7,#123646ed 45%,#164f5750)}.title-copy{top:auto;bottom:10%;left:7%;max-width:90%;width:100%;transform:none}.title-kicker{font-size:8px;margin-bottom:16px;letter-spacing:1px}.title-copy h1{font-size:52px;line-height:1.1;letter-spacing:2px}.title-copy h1>span{display:inline;font-size:1em;letter-spacing:3px}.title-copy h1{width:max-content;max-width:100%;font-size:clamp(34px,10.5vw,58px)}.title-sub{font-size:10px;letter-spacing:2px;margin:21px 0 18px;gap:10px}.title-sub span{padding:3px 8px;font-size:8px}.title-copy>p{font-size:10px;line-height:2}.title-actions{margin-top:22px;gap:15px}.start-button{width:228px;min-height:49px;font-size:13px;padding:13px 18px}.title-features{margin:20px 0 14px;gap:19px}.title-features>span{font-size:9px;gap:5px}.title-features svg{width:13px}.title-save-note{font-size:8px}.title-character{height:54%;width:80%;right:-4%;top:0;bottom:auto;-webkit-mask-image:linear-gradient(#000 65%,transparent 100%);mask-image:linear-gradient(#000 65%,transparent 100%)}.title-character>img{object-position:center top}.character-tag{bottom:18%;right:2%;padding:9px 12px;display:none}.character-tag strong{font-size:15px}.title-waves{z-index:1;background:linear-gradient(0deg,transparent 45%,#113b4410 60%)}.edition-label{font-size:6px;bottom:21px;letter-spacing:2px;left:7%}.pause-overlay h2{font-size:24px}.pause-overlay p{font-size:11px}.confirm-actions{flex-direction:column}.journal-stats strong{font-size:22px}.journal-stats small{font-size:8px}.log-list p{font-size:10px}.achievement-row{font-size:9px;gap:7px}.setting-row{font-size:11px}.setting-row input{width:130px}}@media(max-height:720px)and (min-width:601px){.topbar{height:68px}.resources{top:81px}.mission-card,.raft-status{top:150px}.mission-body{padding:14px 16px}.mission-description{display:none}.mission-body h2{font-size:18px}.chapter-pips{margin:8px 0 12px}.objectives{gap:13px;margin:17px 0}.mission-reward{margin-bottom:12px}.captain-message{display:none}.bottom-area{bottom:14px}.world-tools{bottom:127px}.build-panel{bottom:116px;max-height:calc(100dvh - 195px)}.placement-hint{bottom:130px}.building-details{bottom:126px}.detail-sprite{height:100px;width:100px}.region-label{top:160px}.expedition-tracker{top:325px}.title-copy h1{font-size:52px}.title-copy{transform:translateY(-48%)}.title-kicker{margin-bottom:18px}.title-sub{margin-block:20px}.title-actions{margin-top:20px}.title-features{margin:20px 0 15px}.title-character{bottom:3%;height:82vh}.title-copy>p{font-size:11px}}@media(max-height:730px)and (max-width:600px){.title-copy{bottom:8%}.title-character{height:48%}.title-copy h1{font-size:38px}.title-kicker{margin-bottom:12px}.title-sub{margin:16px 0 12px}.title-copy>p{font-size:9px}.title-actions{margin-top:15px}.title-features{margin:15px 0 10px}.captain-message{display:none}.world-tools{bottom:99px}.placement-hint{bottom:106px}.raft-status{top:184px}.game-app{min-height:500px}}.crew-avatar img.companion-sheet{width:220px;max-width:none;top:-4px;left:-45px}.crew-avatar img.companion-1{left:-136px}@media(max-width:600px){.crew-avatar img.companion-sheet{width:192px;left:-39px;top:-3px}.crew-avatar img.companion-1{left:-119px}}.modal-backdrop{grid-template-columns:minmax(0,1fr)}.modal{width:100%;max-width:530px;min-width:0}.modal-wide{max-width:950px}.modal>header>div,.rescue-note p{min-width:0}.confirm-actions{flex-wrap:wrap}