:root{color-scheme:dark;--bg:#091d22;--panel:#10282e;--panel2:#132e34;--border:#2b4448;--line:#203b40;--ink:#efe8d6;--muted:#a0b2ad;--dim:#8a9f99;--gold:#dabb7d;--goldbright:#eed3a0;--green:#99c4a9;--red:#e79a85;--serif:Georgia,'Iowan Old Style',Palatino,serif;--sans:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Segoe UI',sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 70% 0%,#17323780,transparent 60%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--goldbright);outline-offset:4px}button{color:inherit}input,select{color:var(--ink);background:#0c2329;border:1px solid var(--border)}::selection{background:var(--gold);color:var(--bg)}.icon{width:20px;height:20px;flex:0 0 auto;display:inline-block;vertical-align:middle}.muted{color:var(--muted)}.bad,.inline-warning{color:var(--red)!important}.positive{color:var(--green)}.eyebrow{font-size:9px;letter-spacing:.17em;color:var(--gold);font-weight:600;text-transform:uppercase;line-height:1.5}button .icon{pointer-events:none}.topbar{height:92px;display:flex;align-items:center;gap:20px;padding:0 36px;border-bottom:1px solid var(--border);background:#0a2025d9}.brand{display:flex;gap:13px;align-items:center;white-space:nowrap;font:22px var(--serif);letter-spacing:.095em}.brand b{font-weight:400;color:var(--gold)}.brand small{font:10px var(--sans);letter-spacing:.13em;display:block;color:var(--muted);margin-top:7px}.brand-mark{display:grid;place-items:center;border:1px solid #a48d584d;width:44px;height:44px;transform:rotate(45deg)}.brand-mark .icon{width:31px;height:31px;transform:rotate(-45deg);color:var(--gold)}.campaign{display:flex;flex-direction:column;margin-left:32px;gap:5px;color:#d1d8ca;font-size:12px}.campaign i{font-style:normal;margin:0 6px;color:var(--dim)}.treasury{margin-left:auto;display:grid;grid-template-columns:auto auto;column-gap:20px;align-items:baseline}.treasury>span{font-size:10px;letter-spacing:.04em;color:var(--muted)}.treasury strong{font:29px var(--serif);font-variant-numeric:tabular-nums;color:var(--goldbright)}.treasury small{font:italic 17px var(--serif);margin-left:7px;color:var(--gold)}.treasury-track{grid-column:1/-1;height:2px;background:var(--border);margin-top:8px}.treasury-track i{display:block;height:100%;background:var(--gold);max-width:100%;transition:width .3s}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:3px}.icon-btn:hover{border-color:var(--border);color:var(--gold);background:#ffffff04}.sound-btn{margin-left:10px}.navline{display:flex;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--border);height:61px;gap:30px;background:#0a1e23}.nav-tabs{display:flex;align-items:stretch;gap:29px}.nav-tabs>button{display:flex;align-items:center;gap:9px;padding:0 2px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:12px;white-space:nowrap}.nav-tabs>button:hover{color:var(--ink)}.nav-tabs>button[aria-current]{border-bottom-color:var(--gold);color:var(--goldbright)}.nav-tabs b{font:10px var(--mono);background:#dabb7d1a;color:var(--gold);padding:1px 5px;border-radius:2px}.nav-tabs .icon{width:17px;height:17px}.nav-meta{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:10px;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px #99c4a955}.status-dot.moving{background:var(--gold);animation:breathe 2s infinite}.save-status{margin-left:15px;color:var(--dim);font-size:9px;max-width:230px;white-space:normal}.main{padding:32px 36px 28px;max-width:1680px;margin:auto;min-height:calc(100dvh - 217px)}.sea-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:24px;align-items:start;padding-top:26px}.chart-column{min-width:0}.sidebar{display:flex;flex-direction:column;gap:18px;min-width:0}.chart-panel{border:1px solid #365156;border-radius:5px 5px 0 0;overflow:hidden;background:#102a30}.chart-top{height:78px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);background:linear-gradient(120deg,#17353a,#0f2a31)}h1,h2,h3,p{margin-top:0}.chart-top h1{font:22px var(--serif);letter-spacing:.035em;margin:4px 0 0}.chart-top h1 span{font:18px var(--sans);color:var(--dim);margin:0 7px}.chart-top select{font-size:11px;padding:8px 29px 8px 10px;max-width:170px;border-radius:2px;cursor:pointer}.map-wrap{position:relative;overflow:hidden;height:clamp(350px,31vw,500px)}#seaMap{display:block;width:100%;height:100%;background:#12343b}.landmass{fill:#415b56;stroke:#8a9880;stroke-width:.8;stroke-linejoin:round}.map-region text{fill:#b3b99b;font:11px var(--sans);letter-spacing:5px;opacity:.6}.sea-label{fill:#adc3b1;font:italic 29px var(--serif);letter-spacing:2.5px;opacity:.38;pointer-events:none}.atlantic-label{fill:#8fa99e;font:11px var(--serif);letter-spacing:4px;opacity:.55}.compass-rose{stroke:#a9af8e;stroke-width:.8;fill:none;opacity:.55;pointer-events:none}.compass-rose text{fill:#bcb697;stroke:none;font:12px var(--serif)}.route-shadow{fill:none;stroke:#081f26;stroke-width:5;opacity:.5}.route-path{fill:none;stroke:#e3c789;stroke-width:1.7;stroke-dasharray:4 5;opacity:.95;pointer-events:none}.map-port{cursor:pointer;outline:none}.port-dot{fill:#aeb9a1;stroke:#123039;stroke-width:2}.map-port.current .port-dot,.map-port.selected .port-dot{fill:#efd296}.port-halo{fill:#d4b5751a;stroke:#e5c88566;stroke-width:1}.select-ring{fill:#d4b57514;stroke:#e5c885;stroke-width:1;stroke-dasharray:3 3}.port-label{font:13px var(--sans);fill:#e5e8d7;paint-order:stroke;stroke:#173238;stroke-width:3px;stroke-linejoin:round;pointer-events:none;letter-spacing:.02em}.map-port.current .port-label,.map-port.selected .port-label{fill:#f7d89c;font-weight:600}.map-port:hover .port-dot,.map-port:focus-visible .port-dot{fill:#fff0c7;stroke:#f4d898;stroke-width:3}.map-port:focus-visible .port-hit{stroke:var(--gold);stroke-width:2;fill:#dabb7d20}.map-tools{position:absolute;right:13px;bottom:32px;display:flex;flex-direction:column;gap:2px;background:#0c262de8;border:1px solid #50696280;border-radius:3px}.map-tools .icon-btn{width:32px;height:32px}.map-tools .icon{width:15px;height:15px}.map-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 18px;font:8px var(--mono);letter-spacing:.1em;color:#a5b4a4;background:linear-gradient(transparent,#071d2480);pointer-events:none}.ship-marker{transform:translate(var(--tx),var(--ty));animation:markerMove .6s linear}.market-panel{border:1px solid var(--border);border-top:0;background:#0f272d;border-radius:0 0 5px 5px;padding:20px 22px 12px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.section-heading h2{font-size:18px;letter-spacing:-.02em;font-weight:500;margin:3px 0 0}.segmented{display:flex;background:#091e24;border:1px solid var(--border);padding:3px;border-radius:3px}.segmented button{border:0;background:transparent;color:var(--muted);padding:5px 17px;font-size:11px;border-radius:2px}.segmented button[aria-pressed=true]{background:#dabb7d;color:#12272a;font-weight:700}.market-table-head,.market-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px 70px 50px 75px;gap:12px;align-items:center}.market-table-head{font-size:9px;color:var(--dim);letter-spacing:.04em;padding:4px 0 9px}.market-table-head>span:not(:first-child){text-align:right}.market-row{padding:9px 0;border-top:1px solid #2b444870;min-height:55px}.commodity{display:flex;gap:10px;align-items:center;min-width:0}.commodity b{font-weight:500;font-size:12px}.commodity small{display:block;font-size:9px;color:var(--dim);margin-top:1px}.good-icon{width:32px;height:32px;border:1px solid color-mix(in srgb,var(--good) 28%,transparent);background:color-mix(in srgb,var(--good) 7%,transparent);color:var(--good);display:grid;place-items:center;flex:0 0 auto;border-radius:3px}.good-icon .icon{width:19px;height:19px}.price{text-align:right;font:13px var(--mono);color:var(--muted);font-variant-numeric:tabular-nums}.price small{font:11px var(--serif);margin-left:3px;color:var(--dim)}.price.emphasis{color:var(--ink)}.onboard{text-align:right;font:12px var(--mono);color:var(--dim)}.has-cargo{color:var(--gold)}.trade-btn{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #45605f;background:transparent;border-radius:2px;padding:6px 7px;font-size:10px;color:var(--goldbright);min-height:32px}.trade-btn .icon{width:12px;height:12px}.trade-btn:not(:disabled):hover{background:#dabb7d16;border-color:var(--gold)}.market-foot{display:flex;justify-content:space-between;gap:16px;color:var(--dim);font-size:9px;padding-top:10px;border-top:1px solid var(--line)}.market-foot b{font-weight:400;color:var(--muted)}.market-paused{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;color:var(--gold)}.market-paused .icon{width:18px;height:18px}.port-card,.passage-card{border:1px solid var(--border);border-radius:5px;overflow:hidden;background:linear-gradient(145deg,#153037,#10272d)}.port-scene{height:184px;position:relative;overflow:hidden;background:linear-gradient(180deg,#31484a,#536a62 68%,#1b3c40 69%)}.port-scene.sun{background:linear-gradient(180deg,#54574a,#918465 68%,#385451 69%)}.port-scene.sand{background:linear-gradient(180deg,#5b6455,#b49d73 68%,#375753 69%)}.port-scene.stone{background:linear-gradient(180deg,#364e59,#718b83 68%,#24454a 69%)}.port-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#0b252a30 50%,#0b252ae8 100%);pointer-events:none}.sun-disc{position:absolute;top:26px;right:58px;width:40px;height:40px;border-radius:50%;background:#d8c69288;box-shadow:0 0 35px #d8c69220}.port-skyline{position:absolute;bottom:54px;left:0;right:0;height:54px;display:flex;align-items:end;gap:8px;opacity:.7}.port-skyline i{display:block;width:35px;height:30px;background:#2d4640;position:relative}.port-skyline i:nth-child(2n){height:48px;width:22px}.port-skyline i:nth-child(3n){width:48px;height:23px}.port-skyline i:before{content:'';position:absolute;width:100%;height:14px;top:-13px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#2d4640}.port-skyline i:after{content:'';position:absolute;left:10px;top:12px;height:8px;width:4px;background:#ac9d7180}.small-vessel{position:absolute;width:192px;right:-17px;bottom:16px;opacity:.7}.port-tag{position:absolute;top:16px;left:20px;z-index:1;font-size:9px;letter-spacing:.08em;color:#ebe5d1;border:1px solid #dcd1b140;padding:2px 6px;background:#0f2a3040}.port-name{position:absolute;left:20px;bottom:14px;z-index:1}.port-name>span{font-size:9px;letter-spacing:.14em;color:#d0cdb6}.port-name h2{font-size:26px;font-weight:500;letter-spacing:.02em;margin:3px 0 0}.port-body{padding:18px 20px 14px}.port-description{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 15px;word-break:keep-all}.port-traits{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--border)}.port-traits>span{color:var(--dim);font-size:9px}.port-traits b{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);font-weight:400;margin-top:6px}.port-traits .icon{width:15px;height:15px;color:var(--gold)}.route-summary{margin:15px 0;display:flex;flex-direction:column;gap:8px}.route-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.route-summary span{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:11px}.route-summary .icon{width:13px;height:13px;color:var(--dim)}.route-summary b{font:14px var(--mono);color:var(--ink)}.route-summary small{font:10px var(--sans);color:var(--dim);margin-left:4px}.safe-toggle{display:flex;align-items:start;gap:8px;font-size:11px;color:var(--ink);padding:10px 0 17px;cursor:pointer}.safe-toggle input{accent-color:var(--gold);margin:3px 0 0;width:13px;height:13px}.safe-toggle small{display:block;color:var(--dim);font-size:9px;margin-top:4px;line-height:1.6}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:3px;padding:11px 18px;min-height:43px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.primary{background:var(--gold);border:1px solid var(--gold);color:#162c2c}.primary:hover:not(:disabled){background:var(--goldbright);border-color:var(--goldbright)}.secondary{background:#14303730;border:1px solid #43605f;color:var(--ink)}.secondary:hover:not(:disabled){border-color:var(--gold);background:#dabb7d0a}.full{width:100%}.primary .icon,.secondary .icon{width:17px;height:17px}.sail-button{justify-content:start}.sail-button>span{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:11px}.text-button{display:inline-flex;align-items:center;gap:8px;padding:5px 0;background:none;border:0;color:var(--gold);font-size:11px}.text-button:hover:not(:disabled){color:var(--goldbright)}.text-button .icon{width:15px;height:15px}.notebook-button{width:100%;margin-top:13px;justify-content:start;border-top:1px solid var(--border);padding-top:14px}.notebook-button .icon:last-child{margin-left:auto}.docked-note{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px;padding:18px 0 6px}.docked-note .icon{color:var(--gold)}.guidance-card{padding:18px 20px;border:1px solid #6d70504f;background:linear-gradient(120deg,#3b41232a,#172e3020);border-radius:4px}.guidance-card h3{font-size:13px;font-weight:500;margin:9px 0}.guidance-card p{font-size:11px;color:var(--muted);line-height:1.85;margin-bottom:0;word-break:keep-all}.guidance-card button{padding:12px 0 0;display:flex;align-items:center;gap:10px;font-size:11px;color:var(--gold);background:none;border:0;text-align:left}.guidance-card .icon{width:15px;height:15px}.manifest-card{border:1px solid var(--border);border-radius:4px;padding:16px 20px;background:#0e262b80}.mini-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.mini-heading h3{font-size:12px;font-weight:500;margin:0}.mini-heading span{font:11px var(--mono);color:var(--muted)}.hold-meter{height:3px;background:#284246;border-radius:2px;overflow:hidden}.hold-meter i{display:block;height:100%;max-width:100%;background:var(--gold)}.manifest-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0 0;font-size:11px}.manifest-row>span,.hull-mini>span{display:flex;gap:8px;align-items:center;color:var(--muted)}.manifest-row .icon{width:16px;height:16px}.manifest-row b,.hull-mini b{font:12px var(--mono);color:var(--ink)}.manifest-row small,.hull-mini small{font:9px var(--sans);color:var(--dim);margin-left:4px}.hull-mini{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:10px}.hull-mini .icon{width:14px;height:14px}.manifest-card p{font-size:11px;margin:12px 0 0}.passage-art{height:220px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#285558,#17373c 65%)}.passage-art>.vessel-art{width:105%;margin:0 -2.5%;animation:sway 7s ease-in-out infinite}.passage-badge{position:absolute;top:16px;left:20px;font-size:10px;color:var(--gold);display:flex;gap:6px;align-items:center}.passage-badge .icon{width:14px;height:14px}.passage-card h2{font-size:19px;font-weight:500;margin:8px 0 18px}.passage-card h2 span{color:var(--dim);font-size:15px;margin:0 7px}.passage-progress{height:3px;background:var(--border);margin-bottom:9px}.passage-progress i{display:block;height:100%;background:var(--gold);transition:width .5s linear}.passage-numbers{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.passage-numbers b{font-weight:500;color:var(--gold)}.app-footer{max-width:1680px;margin:auto;padding:0 36px 23px;display:flex;gap:22px;align-items:center;color:var(--dim);font-size:9px}.app-footer button{background:none;border:0;color:var(--muted);font-size:10px;padding:0}.app-footer .icon{width:13px;height:13px;margin-left:4px}.app-footer a{font-size:10px;color:var(--muted)}.app-footer>span:last-child{margin-left:auto;font-family:var(--mono)}.page-heading{padding:12px 0 32px}.page-heading h1{font-size:36px;font-weight:500;letter-spacing:-.04em;margin:9px 0}.page-heading p{color:var(--muted);font-size:13px;margin:0}.contracts-section{margin-bottom:32px}.contracts-section>h2{display:flex;gap:15px;font-size:16px;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:13px;margin-bottom:20px}.contracts-section>h2 span{font:11px var(--mono);color:var(--dim);align-self:center}.contract-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.contract-card{border:1px solid var(--border);background:linear-gradient(145deg,#1d3738,#10272d);border-radius:4px;padding:24px;position:relative;overflow:hidden}.contract-card:after{content:'';position:absolute;top:-22px;right:-22px;transform:rotate(45deg);width:40px;height:40px;background:var(--bg);border-bottom:1px solid var(--border)}.intro-contract{border-color:#787451}.contract-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.contract-seal{color:var(--gold);opacity:.5}.contract-seal .icon{width:28px;height:28px}.contract-card h3{font-size:25px;font-weight:500;margin:8px 0 6px}.contract-route{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:22px}.contract-route .icon{width:12px;height:12px}.contract-goods{display:flex;align-items:center;gap:10px;border-block:1px solid var(--border);padding:16px 0;margin-bottom:15px}.contract-goods b{font-weight:500;font-size:12px}.contract-goods small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.contract-goods strong{margin-left:auto;font:26px var(--serif);color:var(--goldbright)}.contract-goods strong small{display:inline;font:italic 15px var(--serif);margin-left:5px}.contract-meta{display:flex;justify-content:space-between;margin-bottom:20px;font-size:9px;color:var(--dim);gap:10px}.contract-meta b{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:4px}.card-hint{font-size:10px;color:var(--muted);margin:9px 0 0}.abandon{color:var(--dim);font-size:10px;margin-top:10px}.empty-state{border:1px dashed var(--border);padding:24px;display:flex;align-items:center;gap:15px;color:var(--muted);border-radius:3px}.empty-state p{margin:0;font-size:12px}.empty-state>.icon{width:28px;height:28px;color:var(--dim)}.ship-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.95fr);gap:32px}.ship-profile{border:1px solid var(--border);background:radial-gradient(ellipse at 50% 30%,#234648,#10282e 65%);border-radius:5px;padding:28px 32px;position:relative}.ship-profile h2{font:36px var(--serif);margin:9px 0 0;overflow-wrap:anywhere}.ship-profile>.vessel-art{width:100%;max-height:380px;display:block;margin:10px auto 0}.ship-specs{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding:20px 0;gap:20px}.ship-specs>div{display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--border)}.ship-specs>div:last-child{border:0}.ship-specs span{font-size:10px;color:var(--muted)}.ship-specs b{font:30px var(--serif);color:var(--goldbright)}.ship-specs small{font:11px var(--sans);color:var(--dim);margin-left:4px}.repair-row{padding:20px 0;border-bottom:1px solid var(--border)}.repair-row p,.work-row p{font-size:12px;color:var(--muted);margin-bottom:15px}.work-row{padding-top:20px}.work-row h3{font-size:14px;font-weight:500;margin-bottom:6px}.work-row p{margin-bottom:5px}.upgrades{display:flex;flex-direction:column;gap:12px}.upgrade-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--border);border-radius:4px;background:#102b30}.upgrade-icon{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;background:#dabb7d0b;border:1px solid #dabb7d2b;border-radius:50%;color:var(--gold)}.upgrade-card h3{font-size:14px;font-weight:500;margin:0 0 4px}.upgrade-card p{font-size:11px;color:var(--muted);margin:0}.upgrade-card button{margin-left:auto;white-space:nowrap;font-size:11px;min-height:36px;padding:7px 12px}.installed{border:0;background:transparent;color:var(--green);opacity:1!important}.installed .icon{width:14px;height:14px}.captain-heading{margin-top:28px}.captain-heading h2{font-size:19px;font-weight:500;margin-bottom:7px}.captain-heading p{color:var(--muted);font-size:11px}.captain-card{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.captain-portrait{width:63px;height:72px;flex:0 0 auto;background:linear-gradient(#506555,#223c38);border:1px solid #8a907355;border-radius:3px;overflow:hidden}.portrait-1{background:linear-gradient(#576775,#273c45)}.portrait-2{background:linear-gradient(#7f7757,#38413a)}.captain-portrait svg{width:100%;height:100%}.captain-card h3{font-size:14px;font-weight:500;margin:4px 0}.captain-card p{font-size:11px;color:var(--muted);margin:0}.captain-card button{margin-left:auto}.captain-card.active .captain-portrait{border-color:var(--gold)}.captain-card.active button{opacity:1;color:var(--green)}.journal-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0;border-block:1px solid var(--border);margin-bottom:35px}.journal-stats>div{padding:0 28px;border-right:1px solid var(--border)}.journal-stats>div:first-child{padding-left:0}.journal-stats>div:last-child{border:0}.journal-stats span{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.journal-stats strong{font:30px var(--serif);color:var(--goldbright)}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.logbook h2,.milestone-panel h2{font-size:19px;font-weight:500;margin-bottom:24px}.log-entry{display:grid;grid-template-columns:70px 10px 1fr;gap:20px;position:relative;min-height:65px}.log-entry time{font:11px var(--mono);color:var(--muted);padding-top:2px}.log-entry time small{display:block;font:9px var(--mono);color:var(--dim);margin-top:5px}.log-entry p{font-size:12px;color:var(--muted);padding-bottom:22px;margin:0;line-height:1.8}.log-dot{position:relative;margin-top:6px;width:5px;height:5px;background:var(--dim);border-radius:50%}.log-dot:after{content:'';position:absolute;width:1px;height:calc(100% + 75px);background:var(--line);top:8px;left:2px}.log-entry:last-child .log-dot:after{display:none}.good-entry p{color:var(--ink)}.good-entry .log-dot{background:var(--gold)}.milestone-panel{border:1px solid var(--border);padding:25px;background:#10282e;border-radius:4px;align-self:start}.milestone-panel h2{margin:8px 0 22px}.milestone{display:flex;gap:12px;align-items:center;padding:12px 0;color:var(--dim);border-bottom:1px solid var(--line)}.milestone>span{border:1px solid var(--border);width:30px;height:30px;display:grid;place-items:center;border-radius:50%}.milestone b{font-weight:500;font-size:12px}.milestone .icon{width:15px;height:15px}.milestone.complete{color:var(--gold)}.milestone.complete>span{border-color:#dabb7d70;background:#dabb7d08}.goal-card{padding:24px 0 8px}.goal-card>span{display:block;font-size:10px;color:var(--muted)}.goal-card strong{font:24px var(--serif);display:block;margin:8px 0 14px;color:var(--goldbright)}.goal-card strong small{font:14px var(--serif);color:var(--dim)}.goal-card p{font-size:10px;color:var(--muted);margin-top:10px}.modal{width:min(510px,calc(100% - 30px));max-height:90dvh;overflow:auto;border:1px solid #71806a;border-radius:5px;padding:26px 30px;background:linear-gradient(145deg,#17353a,#0d262d);color:var(--ink);box-shadow:0 25px 100px #0008}.modal::backdrop{background:#030f14b8;backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-top .icon-btn{width:30px;height:30px}.modal h2{font-size:24px;font-weight:500;line-height:1.45;letter-spacing:-.035em;margin:0 0 17px;word-break:keep-all}.modal h2 .muted{font-size:18px}.modal p{font-size:12px;line-height:1.9;color:var(--muted)}.modal-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.modal-actions .primary{flex:1}.modal-note{color:var(--dim)!important;font-size:10px!important;line-height:1.7}.trade-commodity{display:flex;align-items:center;gap:14px;padding:14px 0 22px}.trade-commodity .good-icon{width:52px;height:52px}.trade-commodity .good-icon .icon{width:30px;height:30px}.trade-commodity b{display:block;font-size:16px;font-weight:500}.trade-commodity small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.quantity-label{display:block;font-size:11px;color:var(--muted);margin:0 0 8px}.quantity-control{display:flex;align-items:center;justify-content:space-between;border:1px solid #51706b;background:#0c242a;border-radius:3px;padding:5px}.quantity-control input{width:60%;text-align:center;font:32px var(--serif);padding:4px 0;border:0;background:transparent;color:var(--goldbright);appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.quick-quantities{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 18px}.quick-quantities button{border:1px solid var(--border);background:transparent;border-radius:2px;padding:6px;font-size:11px;color:var(--muted)}.quick-quantities button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.quote-total{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--border);padding:16px 0;margin-bottom:14px}.quote-total>span{font-size:12px;color:var(--ink)}.quote-total strong{font:31px var(--serif);color:var(--goldbright)}.quote-total small{font:italic 18px var(--serif);margin-left:6px}.quote-detail{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-top:7px}.quote-detail span{color:var(--muted)}.quote-detail b{font:12px var(--mono);font-weight:400}.inline-warning{font-size:10px!important;line-height:1.7;margin-top:12px;margin-bottom:0}.sail-dialog-art{height:160px;overflow:hidden;background:radial-gradient(ellipse at center,#325954,#15363b 75%);margin:0 -30px 22px}.sail-dialog-art .vessel-art{display:block;width:260px;margin:-6px auto 0}.passage-title{display:flex;align-items:center;justify-content:center;gap:16px;font-size:24px;margin-bottom:23px}.passage-title .icon{color:var(--dim)}.dialog-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding:17px 0;gap:16px;margin-bottom:15px}.dialog-metrics>div{text-align:center;border-right:1px solid var(--border)}.dialog-metrics>div:last-child{border:0}.dialog-metrics span{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.dialog-metrics strong{font:27px var(--serif);color:var(--goldbright)}.dialog-metrics small{font:10px var(--sans);color:var(--dim);margin-left:4px}.notebook-table>div{display:grid;grid-template-columns:1fr 65px 65px;gap:15px;padding:12px 0;border-bottom:1px solid var(--border);font-size:12px;text-align:right}.notebook-table>div:first-child{font-size:10px;color:var(--dim)}.notebook-table>div>*:first-child{text-align:left}.notebook-table b{display:flex;gap:9px;align-items:center;font-weight:400}.notebook-table .icon{width:17px;height:17px;color:var(--gold)}.confirm-line{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--border);padding:16px 0;margin:12px 0;font-size:13px}.confirm-line b{font-weight:500}.confirm-line strong{font:24px var(--serif);color:var(--goldbright)}.settings-list{display:flex;flex-direction:column;margin-top:24px}.settings-list button,.settings-list a{display:flex;gap:13px;align-items:center;padding:17px 0;background:transparent;border:0;border-bottom:1px solid var(--border);font-size:12px;color:var(--ink);text-align:left}.settings-list .icon{color:var(--gold);width:18px;height:18px}.settings-list .icon:last-child{margin-left:auto;color:var(--dim);width:15px;height:15px}.name-input{width:100%;font:23px var(--serif);padding:12px 14px;border-radius:3px}.encounter-art{height:112px;margin-bottom:20px;display:grid;place-items:center;border-block:1px solid var(--border);background:radial-gradient(ellipse at center,#49636650,#0e282e)}.encounter-art>.icon{width:66px;height:66px;stroke-width:.8;color:var(--gold)}.encounter-art.storm{background:radial-gradient(ellipse at center,#52626c70,#132c36)}.encounter-art.pirates{background:radial-gradient(ellipse at center,#77534450,#152b30)}.encounter-story{font-size:14px!important;line-height:1.95!important;color:var(--ink)!important}.encounter-choices{display:flex;flex-direction:column;gap:12px;margin-top:20px}.encounter-choices button{background:#0c242a50;border:1px solid #5b7063;padding:16px 18px;border-radius:3px;position:relative;text-align:left}.encounter-choices button:hover:not(:disabled){border-color:var(--gold);background:#dabb7d0a}.encounter-choices b{font-size:13px;font-weight:500;display:block;margin-bottom:6px;color:var(--goldbright);padding-right:25px}.encounter-choices span{font-size:10px;color:var(--muted);display:block;padding-right:20px;line-height:1.8}.encounter-choices .icon{position:absolute;right:16px;top:18px;width:15px;height:15px;color:var(--gold)}.result-emblem{display:grid;place-items:center;margin:25px auto;width:95px;height:95px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 0 8px #dabb7d08,0 0 0 9px #dabb7d25;color:var(--gold)}.result-emblem .icon{width:43px;height:43px;stroke-width:1}.result-dialog{text-align:center}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);max-width:min(600px,calc(100% - 30px));background:#254540f2;color:var(--ink);border:1px solid #7e9476;padding:12px 20px;border-radius:4px;box-shadow:0 10px 40px #0004;font-size:12px;text-align:center;z-index:100;opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:#ae7762;background:#3a312d}.warning-banner{padding:10px 36px;color:var(--red);font-size:12px;background:#4e322930}.warning-banner button{background:none;border:0;color:var(--gold)}.skip-link{position:absolute;top:-100px;left:12px;z-index:100;padding:12px;background:var(--gold);color:var(--bg)}.skip-link:focus{top:12px}.noscript{padding:40px;color:var(--ink);text-align:center}.fatal{padding:50px;text-align:center}.fatal a{color:var(--gold)}@keyframes sway{0%,100%{transform:rotate(-1deg) translateY(1px)}50%{transform:rotate(1deg) translateY(-3px)}}@keyframes markerMove{from{transform:translate(var(--sx),var(--sy))}to{transform:translate(var(--tx),var(--ty))}}@keyframes breathe{50%{opacity:.4}}
@media(min-width:1600px){.main{padding-top:32px}.map-wrap{height:485px}.market-row{min-height:59px}.sidebar{gap:23px}.port-scene{height:205px}.port-description{font-size:12px}.port-body{padding:23px}.guidance-card{padding:23px}}
@media(max-width:1150px){.topbar,.navline{padding-inline:24px}.main{padding-inline:24px}.sea-layout{grid-template-columns:minmax(0,1fr) 285px;gap:18px}.campaign{margin-left:10px}.nav-meta .save-status{display:none}.market-panel{padding:18px 16px 12px}.market-table-head,.market-row{grid-template-columns:minmax(98px,1fr) 52px 52px 35px 59px;gap:9px}.trade-btn{gap:4px}.trade-btn .icon{display:none}.chart-top{padding-inline:16px}.chart-top h1{font-size:19px}.chart-top select{max-width:145px}.port-body{padding-inline:17px}.port-scene{height:165px}.ship-layout{grid-template-columns:1fr 1.1fr;gap:22px}.ship-profile{padding:25px}.upgrade-card{padding:16px;gap:11px}.upgrade-icon{width:36px;height:36px}.upgrade-card h3{font-size:12px}.upgrade-card p{font-size:10px}.contract-grid{gap:16px}.contract-card{padding:20px}.contract-goods strong{font-size:22px}.nav-tabs{gap:22px}}
@media(max-width:900px){.campaign{display:none}.nav-meta{display:none}.sea-layout{grid-template-columns:1fr}.chart-column{display:contents}.chart-panel{grid-row:1;border-radius:5px}.sidebar{display:contents}.port-card,.passage-card{grid-row:2;display:grid;grid-template-columns:230px 1fr}.port-scene{height:100%;min-height:250px}.port-description{font-size:12px}.port-body{padding:20px}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-summary>div{flex-direction:column;gap:7px}.port-traits{gap:20px}.safe-toggle{padding-bottom:13px}.passage-art{height:100%;min-height:280px;display:grid;align-items:center}.passage-art>.vessel-art{width:130%;margin-left:-15%}.passage-card .route-summary{grid-template-columns:1fr 1fr}.guidance-card{grid-row:3}.market-panel{grid-row:4;border-top:1px solid var(--border);border-radius:4px}.manifest-card{grid-row:5}.map-wrap{height:420px}.market-row{min-height:60px}.market-table-head,.market-row{grid-template-columns:minmax(120px,1fr) 80px 80px 70px 90px;gap:15px}.commodity b{font-size:13px}.commodity small{font-size:10px}.trade-btn{min-height:35px;font-size:11px}.trade-btn .icon{display:inline-block}.manifest-card{display:none}.contract-grid{grid-template-columns:repeat(2,1fr)}.ship-layout{grid-template-columns:1fr}.ship-profile>.vessel-art{max-height:330px}.journal-layout{grid-template-columns:minmax(0,1fr) 255px;gap:25px}.journal-stats strong{font-size:25px}.journal-stats>div{padding:0 18px}.app-footer{padding-inline:24px}.topbar{height:82px}.navline{height:57px}.page-heading h1{font-size:31px}}
@media(max-width:600px){body{font-size:13px}.topbar{height:76px;padding:0 16px;gap:12px}.brand{font-size:17px;gap:9px;letter-spacing:.06em}.brand-mark{width:30px;height:30px}.brand-mark .icon{width:23px;height:23px}.brand small{font-size:8px;letter-spacing:.04em;margin-top:4px}.treasury{display:block;min-width:70px;margin-left:auto;text-align:right}.treasury>span{display:none}.treasury strong{font-size:24px}.treasury strong small{font-size:13px;margin-left:4px}.treasury-track{margin-top:5px}.topbar>.icon-btn{width:30px;height:34px}.sound-btn{display:none}.navline{height:56px;padding:0 16px}.nav-tabs{width:100%;gap:0;justify-content:space-between}.nav-tabs>button{gap:6px;font-size:11px}.nav-tabs .icon{width:16px;height:16px}.nav-tabs b{display:none}.main{padding:18px 14px 24px;min-height:calc(100dvh - 196px)}.sea-layout{gap:14px}.chart-top{height:73px;padding:13px 14px}.chart-top .eyebrow{font-size:7px;letter-spacing:.15em}.chart-top h1{font:20px var(--serif);letter-spacing:0;margin-top:6px}.chart-top h1 span{font-size:12px;margin:0 3px}.chart-top select{font-size:10px;padding:7px 5px;max-width:122px;min-height:34px}.map-wrap{height:255px}#seaMap{width:100%;height:100%}.map-port .port-label{display:none}.map-port.current .port-label,.map-port.selected .port-label{display:block;font-size:16px;stroke-width:4px}.map-port .port-dot{r:6}.map-port .port-hit{r:30}.sea-label{font-size:30px}.map-region text{font-size:13px}.map-caption{font-size:7px;padding:7px 10px}.map-tools{bottom:28px;right:9px}.map-tools .icon-btn{width:28px;height:28px}.port-card,.passage-card{display:block}.port-scene{height:136px;min-height:0}.port-name{bottom:15px;left:18px}.port-name h2{font-size:25px}.port-tag{top:13px;left:18px;font-size:8px}.port-skyline{bottom:28px}.small-vessel{width:165px;bottom:-8px;right:6px}.sun-disc{width:31px;height:31px;top:21px;right:82px}.port-body{padding:16px 18px}.port-description{font-size:11px;margin-bottom:13px}.port-traits{padding-bottom:13px}.port-traits b{font-size:12px}.port-traits>span{font-size:9px}.route-summary{margin:13px 0 8px;gap:6px}.route-summary>div{align-items:start;border-right:1px solid var(--line);gap:6px}.route-summary>div:last-child{border:0}.route-summary span{font-size:9px;gap:4px}.route-summary .icon{width:12px;height:12px}.route-summary b{font-size:16px}.safe-toggle{padding:8px 0 13px;font-size:10px}.safe-toggle small{font-size:9px;margin-top:2px}.primary,.secondary{min-height:45px;font-size:12px}.sail-button{font-size:13px}.notebook-button{padding-top:11px;margin-top:11px;min-height:36px;font-size:10px}.guidance-card{padding:16px 18px}.guidance-card h3{font-size:14px;margin:7px 0}.guidance-card p{font-size:11px}.guidance-card button{min-height:42px;padding-top:8px;font-size:11px}.market-panel{padding:18px 12px 11px}.section-heading h2{font-size:19px}.section-heading{padding-inline:4px}.section-heading .eyebrow{font-size:8px}.segmented button{padding:6px 14px;font-size:11px}.market-table-head,.market-row{grid-template-columns:minmax(89px,1fr) 41px 41px 29px 49px;gap:8px}.market-table-head{font-size:8px}.market-row{min-height:62px;padding:10px 0}.commodity{gap:7px}.good-icon{width:28px;height:32px}.good-icon .icon{width:17px;height:17px}.commodity b{font-size:12px}.commodity small{font-size:8px}.price{font-size:11px}.price small{font-size:9px;margin-left:2px}.onboard{font-size:10px}.trade-btn{padding:7px 4px;min-height:36px;font-size:10px}.trade-btn .icon{display:none}.market-foot{font-size:8px;gap:10px}.market-foot span{white-space:nowrap}.app-footer{padding:0 18px 20px;gap:14px;flex-wrap:wrap;font-size:8px}.app-footer>span:first-child{width:100%}.app-footer>span:last-child{font-size:8px}.passage-art{min-height:0;height:185px;display:block}.passage-art>.vessel-art{width:300px;display:block;margin:-2px auto 0}.passage-card h2{font-size:23px}.passage-card .route-summary{margin:15px 0}.passage-card .primary{margin-top:8px}.page-heading{padding:7px 4px 25px}.page-heading h1{font-size:29px;margin:9px 0}.page-heading p{font-size:12px;line-height:1.8}.contract-grid{grid-template-columns:1fr}.contract-card{padding:23px}.contract-card h3{font-size:28px}.contract-route{font-size:11px}.contract-goods strong{font-size:30px}.contract-meta{font-size:10px}.contract-meta b{font-size:12px}.contract-card .abandon{min-height:34px}.contracts-section>h2{font-size:15px;margin-inline:3px}.ship-profile{padding:24px 21px}.ship-profile h2{font-size:31px}.ship-profile>.vessel-art{margin:0 auto}.ship-specs{gap:15px;padding:18px 0}.ship-specs b{font-size:27px}.upgrade-card{padding:18px 14px;gap:12px}.upgrade-card h3{font-size:13px}.upgrade-card p{font-size:10px;line-height:1.8}.upgrade-card button{font-size:10px;padding:8px;min-width:65px}.upgrade-icon{width:34px;height:34px}.upgrade-icon .icon{width:19px;height:19px}.captain-card{padding:17px 4px;gap:13px}.captain-card p{font-size:10px}.captain-card h3{font-size:14px}.captain-heading{padding-inline:4px}.journal-stats{grid-template-columns:1fr 1fr;row-gap:24px;padding:20px 0}.journal-stats>div{padding:0 15px!important}.journal-stats>div:nth-child(2){border:0}.journal-stats span{font-size:10px}.journal-stats strong{font-size:28px}.journal-layout{display:flex;flex-direction:column-reverse;gap:30px}.milestone-panel{width:100%;padding:23px}.milestone-panel>h2{margin-bottom:12px}.milestone-panel .secondary{min-height:40px}.logbook{padding:0 4px}.log-entry{grid-template-columns:56px 8px 1fr;gap:12px}.log-entry p{font-size:11px}.log-entry time{font-size:10px}.modal{padding:20px 21px;max-height:92dvh}.modal h2{font-size:23px;letter-spacing:-.025em}.modal-actions{margin-top:20px}.modal p{font-size:12px}.sail-dialog-art{margin-inline:-21px}.dialog-metrics strong{font-size:24px}.dialog-metrics{gap:10px}.dialog-metrics small{font-size:9px}.passage-title{font-size:24px;gap:11px}.toast{bottom:18px;font-size:11px;padding:11px 16px;width:max-content}.warning-banner{padding:10px 16px}.encounter-story{font-size:13px!important}.settings-list button,.settings-list a{min-height:55px}.encounter-choices button{padding:16px}.encounter-choices span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.intro-strip{max-width:1608px;margin:20px auto -6px;padding:14px 20px;display:flex;align-items:center;gap:16px;border:1px solid #6b705044;border-radius:4px;background:linear-gradient(90deg,#4b4d2425,#10282e)}.intro-strip b{font-size:12px;font-weight:500;color:var(--goldbright)}.intro-strip p{font-size:10px;color:var(--muted);margin:3px 0 0}.intro-strip .secondary{margin-left:auto;white-space:nowrap;font-size:11px;min-height:37px;padding:8px 13px}.intro-icon{color:var(--gold)}.intro-icon .icon{width:25px;height:25px}@media(max-width:1680px){.intro-strip{margin-inline:36px}}@media(max-width:1150px){.intro-strip{margin-inline:24px}}@media(max-width:600px){.intro-strip{margin:14px 14px 0;padding:14px;gap:10px;flex-wrap:wrap}.intro-icon{display:none}.intro-strip>div{flex:1;min-width:190px}.intro-strip b{font-size:13px}.intro-strip p{font-size:10px;line-height:1.8}.intro-strip .secondary{margin-left:0;min-height:36px}.intro-strip+.main{padding-top:14px}}

.mobile-dock{display:none}.market-panel,.port-card,.passage-card{scroll-margin-top:15px}@media(max-width:600px){#app:has(.mobile-dock){padding-bottom:76px}.mobile-dock{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:14px;right:14px;display:flex;gap:0;z-index:20;background:#143139f5;border:1px solid #60766a;box-shadow:0 8px 35px #0008;border-radius:4px;backdrop-filter:blur(12px)}.mobile-dock button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:13px 9px;min-height:48px;border:0;background:transparent;color:var(--ink)}.mobile-dock button+button{background:var(--gold);color:#162c2c;border-radius:0 3px 3px 0}.mobile-dock button .icon{width:16px;height:16px}.mobile-dock button span{font:9px var(--mono);color:var(--muted);margin-left:3px}.mobile-dock button+button .icon:last-child{width:14px;height:14px;margin-left:auto}.toast{bottom:80px}}

/* Port-to-port planning and arrival feedback. */
.arrival-strip{max-width:1608px;margin:22px auto 0;padding:18px 24px;display:flex;align-items:center;gap:20px;border:1px solid #6f927660;border-left:3px solid var(--green);background:linear-gradient(110deg,#1d3933,#10282e);border-radius:3px}.arrival-mark{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #99c4a938;border-radius:50%;color:var(--green)}.arrival-mark .icon{width:24px;height:24px}.arrival-copy{flex:1;min-width:0}.arrival-copy .eyebrow{color:var(--green)}.arrival-copy h2{font-size:19px;margin:3px 0;font-weight:500;letter-spacing:-.03em}.arrival-copy p{margin:0;font-size:11px;color:var(--muted)}.arrival-copy i{font-style:normal;padding:0 7px;color:var(--dim)}.arrival-strip>button{flex-shrink:0;white-space:nowrap}.route-commissions{margin:16px 0;padding:12px 14px;background:#dabb7d07;border:1px solid #dabb7d25;border-radius:3px}.route-commissions>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:8px}.route-commissions b{font-size:12px;font-weight:500}.route-commissions b span{margin-left:8px;color:var(--muted);font-family:var(--mono);font-size:10px}.route-commissions small{font-size:10px}.onboard .cargo-reserved{display:block;font:9px var(--sans);color:var(--gold);margin-top:4px;white-space:nowrap}.cargo-plan{padding:13px 16px;margin:18px 0;background:#dabb7d08;border:1px solid #dabb7d30;border-radius:3px}.cargo-plan>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.cargo-plan>div>span{color:var(--muted)}.cargo-plan p{font-size:11px;color:var(--gold);margin:5px 0}.cargo-plan .text-button{font-size:12px;min-height:36px;padding:6px 0}.contract-route-button{margin-top:8px}.contract-sale-warning{padding:10px 12px;background:#e79a850a;border-left:2px solid var(--red);font-size:12px}
@media(min-width:1680px){.arrival-strip{max-width:1608px}}@media(max-width:1680px){.arrival-strip{margin-left:36px;margin-right:36px}}@media(max-width:900px){.arrival-strip{margin-left:20px;margin-right:20px}}@media(max-width:600px){.arrival-strip{margin:16px 16px 0;padding:16px;gap:12px;flex-wrap:wrap}.arrival-mark{width:36px;height:36px}.arrival-copy h2{font-size:17px}.arrival-copy p{font-size:10px}.arrival-strip>button{width:100%;justify-content:center;min-height:44px}.arrival-copy i{padding:0 3px}.cargo-plan>div{font-size:11px}}