:root{--ink:#101213;--navy:#102d38;--deep:#071b22;--foam:#d9f1ed;--parchment:#e7d6a6;--gold:#d1a553;--copper:#c4693d;--coffee:#2d1b13;--line:#fff3;color:var(--foam);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#app{background:var(--deep);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{cursor:none;background:#7fc0c8;width:100%;height:100%;display:block}.screen{z-index:10;text-align:center;background:-webkit-linear-gradient(270deg,#06141833,#061418cc),-webkit-linear-gradient(#071b223d,#071b22db),-webkit-image-set(url(/assets/ship-hero.webp) 1x type("image/webp"),url(/assets/ship-hero.png) 1x type("image/png")) 50%/cover no-repeat;background:linear-gradient(#06141833,#061418cc),linear-gradient(90deg,#071b22db,#071b223d),image-set("/assets/ship-hero.webp" 1x type("image/webp"),"/assets/ship-hero.png" 1x type("image/png")) 50%/cover no-repeat;align-content:center;place-items:center;gap:18px;padding:28px;display:grid;position:fixed;inset:0}.screen:after{pointer-events:none;content:"";mix-blend-mode:soft-light;background:repeating-linear-gradient(90deg,#ffffff0d 0 1px,#0000 1px 78px),repeating-linear-gradient(0deg,#0000001c 0 1px,#0000 1px 84px);position:absolute;inset:0}.screen--hidden{display:none}.brand-mark{z-index:1;aspect-ratio:1;place-items:center;width:min(132px,32vw);display:grid;position:relative}.brand-mark img{filter:drop-shadow(0 10px 18px #0000008f);width:100%;height:auto}.eyebrow{z-index:1;color:var(--gold);letter-spacing:0;text-transform:uppercase;margin:0;font-size:clamp(.75rem,1vw,.92rem);font-weight:700;position:relative}h1{z-index:1;color:#fff4cf;letter-spacing:0;text-shadow:0 18px 34px #0000008c;text-transform:uppercase;max-width:820px;margin:0;font-size:clamp(3rem,9vw,8rem);font-weight:900;line-height:.86;position:relative}.intro{z-index:1;color:#f6edcf;text-wrap:balance;width:min(640px,92vw);margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.45;position:relative}.primary-button{z-index:1;color:#140e08;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe09a,#bf7e35);border:1px solid #f5d889;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:13px 22px;font-size:1rem;font-weight:900;display:inline-flex;position:relative;box-shadow:0 14px 28px #00000057}.primary-button:focus-visible,.hint-button:focus-visible,.log-button:focus-visible,.chart-button:focus-visible,.meter-button:focus-visible,.captains-log button:focus-visible,.voyage-chart button:focus-visible,.cargo-manifest button:focus-visible,.hotbar button:focus-visible,.mobile-controls button:focus-visible,.trade-offer button:focus-visible{outline-offset:3px;outline:3px solid #f2e0a7}.play-icon{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #140e08;width:0;height:0;display:inline-block}.hud{z-index:5;pointer-events:none;grid-template-columns:minmax(180px,.58fr) minmax(360px,1.2fr) minmax(520px,1.3fr);align-items:start;gap:10px;width:min(1240px,100vw - 32px);display:grid;position:fixed;top:16px;left:16px}.hud__brand,.mission,.meters{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#061216c7;border:1px solid #e6ce8c6b;border-radius:6px;min-height:68px;box-shadow:0 12px 28px #00000042}.hud__brand{grid-template-columns:52px 1fr;align-items:center;gap:10px;padding:8px 12px;display:grid}.hud__brand img{object-fit:contain;width:52px;height:52px}.hud p,.hud span{color:#d9be72;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.hud strong{color:#fff5d9;margin-top:3px;font-size:.94rem;line-height:1.2;display:block}.mission{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 12px;padding:12px 14px;display:grid}.mission span,.mission strong{min-width:0}.mission span{grid-area:1/1}.mission strong{overflow-wrap:anywhere;grid-area:2/1/auto/-1;margin-top:0}.hint-button{color:#140e08;cursor:pointer;pointer-events:auto;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;grid-area:1/2;align-self:start;min-width:138px;min-height:36px;padding:8px 10px;font-size:.72rem;font-weight:900;line-height:1.05;box-shadow:0 8px 18px #00000038}.log-button,.chart-button{z-index:6;color:#140e08;cursor:pointer;pointer-events:auto;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;min-height:34px;padding:8px 12px;font-size:.72rem;font-weight:900;position:fixed;top:96px;left:16px;box-shadow:0 10px 22px #00000042}.chart-button{left:146px}.captains-log{z-index:8;color:#fff4d6;pointer-events:auto;background:linear-gradient(145deg,#0b2227f7,#2d1b13f0),#08181df5;border:1px solid #ffe190b8;border-radius:6px;gap:12px;width:min(430px,100vw - 32px);max-height:calc(100vh - 248px);padding:14px;display:grid;position:fixed;top:138px;left:16px;overflow:auto;box-shadow:0 20px 42px #00000061}.voyage-chart{z-index:8;color:#fff4d6;pointer-events:auto;background:linear-gradient(145deg,#081c23f7,#352313f2),#08181df5;border:1px solid #ffe190b8;border-radius:6px;gap:12px;width:min(500px,100vw - 32px);max-height:calc(100vh - 250px);padding:14px;display:grid;position:fixed;top:138px;right:16px;overflow:auto;box-shadow:0 20px 42px #00000061}.cargo-manifest{top:var(--manifest-top,98px);z-index:9;width:min(680px,100vw - 32px);max-height:calc(100vh - var(--manifest-top,98px) - 96px);color:#fff4d6;pointer-events:auto;background:linear-gradient(145deg,#081f25fa,#382314f7),#08181dfa;border:1px solid #ffe190c7;border-radius:6px;gap:12px;padding:14px;display:grid;position:fixed;right:16px;overflow:auto;box-shadow:0 22px 48px #00000070}.captains-log[hidden],.voyage-chart[hidden],.cargo-manifest[hidden]{display:none}.captains-log header,.voyage-chart header,.cargo-manifest header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.captains-log header span,.captains-log__summary span,.voyage-chart header span,.voyage-chart__summary span,.cargo-manifest header span,.cargo-manifest__summary span{color:#d9be72;text-transform:uppercase;font-size:.68rem;font-weight:900;display:block}.captains-log header strong,.voyage-chart header strong,.cargo-manifest header strong{color:#fff5d9;margin-top:3px;font-size:1.08rem;line-height:1.1;display:block}.captains-log button,.voyage-chart header button,.cargo-manifest header button{color:#140e08;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;min-height:34px;font-size:.7rem;font-weight:900}.captains-log header button,.voyage-chart header button,.cargo-manifest header button,.save-controls button:nth-child(3){color:#f3e7c9;background:#08181db8}#log-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}#log-steps li{background:#ffffff0b;border:1px solid #e6ce8c33;border-radius:5px;gap:3px;min-height:50px;padding:9px 10px 9px 36px;display:grid;position:relative}#log-steps li:before{color:#071b22;content:"";background:#ffe19033;border:1px solid #ffe190ad;border-radius:50%;place-items:center;width:16px;height:16px;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:12px;left:11px}#log-steps li.is-done:before{content:"OK";background:#aee2c1;font-size:.46rem}#log-steps li.is-current{background:#d1a55329;border-color:#ffe190bd}#log-steps strong{color:#fff5d9;font-size:.83rem;line-height:1.12}#log-steps span{color:#f2e4c6;font-size:.72rem;line-height:1.25}.captains-log__summary{border:1px solid #e6ce8c33;border-radius:5px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.captains-log__summary div{text-align:center;background:#ffffff0d;place-content:center;gap:2px;min-height:56px;padding:7px 6px;display:grid}.captains-log__summary strong{color:#fff5d9;font-size:.76rem;line-height:1.15}.voyage-chart__summary{border:1px solid #e6ce8c33;border-radius:5px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.voyage-chart__summary div{text-align:center;background:#ffffff0d;place-content:center;gap:2px;min-height:52px;padding:8px 7px;display:grid}.voyage-chart__summary strong{color:#fff5d9;font-size:.76rem;line-height:1.15}.voyage-chart__routes{gap:8px;display:grid}.voyage-route{color:#f7ebc8;cursor:pointer;text-align:left;background:#fff6cd0f;border:1px solid #ffe19b38;border-left:5px solid #69a66f;border-radius:6px;gap:6px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0f}.voyage-route--blocked,.voyage-route--rough,.voyage-route--dangerous{border-left-color:#d99a46}.voyage-route--locked{color:#f7ebc8d1;background:#0f12115c;border-left-color:#a58f6a}.voyage-route.is-recommended{background:#ffd87a21;border-color:#ffe19b94 #ffe19b94 #ffe19b94 #f1c453}.voyage-route.is-pinned{box-shadow:inset 0 0 0 1px #fff4cc3d,0 0 0 1px #ffe19b61}.voyage-route__head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.voyage-route__head strong{color:#fff5d9;min-width:0;font-size:.86rem;line-height:1.15}.voyage-route__head em{color:#20150b;text-transform:uppercase;white-space:nowrap;background:#e8c15c;border-radius:4px;justify-content:center;align-items:center;min-height:22px;padding:3px 6px;font-size:.62rem;font-style:normal;font-weight:900;line-height:1;display:inline-flex}.voyage-route__meta,.voyage-route__purpose,.voyage-route__requirement,.voyage-chart__note{color:#ead9aa;font-size:.72rem;line-height:1.28}.voyage-route__purpose{color:#fff0c8}.voyage-route__requirement{color:#d5c38e}.voyage-chart__note{margin:0;padding-top:2px}.cargo-manifest__summary{border:1px solid #e6ce8c40;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cargo-manifest__summary div{text-align:center;background:#ffffff0e;place-content:center;gap:3px;min-height:54px;padding:8px 7px;display:grid}.cargo-manifest__summary strong{color:#fff5d9;font-size:.78rem;line-height:1.15}.cargo-manifest__entries{gap:8px;display:grid}.cargo-manifest__entry{background:#fff6cd0e;border:1px solid #ffe19b3d;border-left:5px solid #c38b4a;border-radius:5px;gap:7px;min-width:0;padding:11px 12px;display:grid}.cargo-manifest__entry.is-sustainable{background:#6eae7316;border-left-color:#77b982}.cargo-manifest__entry-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.cargo-manifest__entry-heading div{gap:2px;min-width:0;display:grid}.cargo-manifest__entry-heading span{color:#d9be72;text-transform:uppercase;font-size:.65rem;font-weight:900}.cargo-manifest__entry-heading strong{overflow-wrap:anywhere;color:#fff5d9;font-size:.9rem}.cargo-manifest__subtotal{color:#ffe09a!important;font-size:1.05rem!important}.cargo-manifest__route,.cargo-manifest__status,.cargo-manifest__note,.cargo-manifest__empty{color:#ead9aa;margin:0;font-size:.74rem;line-height:1.3}.cargo-manifest__route{color:#fff0c8}.cargo-manifest__status{color:#b9d9b0;font-weight:800}.cargo-manifest__entry:not(.is-sustainable) .cargo-manifest__status{color:#efc17f}.cargo-manifest__entry dl{border:1px solid #e6ce8c29;border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.cargo-manifest__entry dl div{background:#0000001f;gap:2px;min-width:0;padding:7px;display:grid}.cargo-manifest__entry dt{color:#cdb879;text-transform:uppercase;font-size:.6rem;font-weight:900}.cargo-manifest__entry dd{overflow-wrap:anywhere;color:#fff5d9;margin:0;font-size:.72rem;font-weight:800;line-height:1.18}.cargo-manifest__empty{text-align:center;border:1px dashed #ffe19b52;place-items:center;min-height:88px;padding:16px;display:grid}.manifest-open .target-tooltip,.manifest-open .trade-offer{display:none}.manifest-open #toast{top:calc(var(--manifest-top,210px) + 8px);left:16px;right:auto}.save-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}#save-status{color:#aee2c1;margin:0;font-size:.72rem;line-height:1.25}.meters{grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.meters>div,.meters>.meter-button{text-align:center;background:#ffffff0a;place-content:center;padding:8px;display:grid}.meters>.meter-button{min-width:0;color:inherit;cursor:pointer;font:inherit;pointer-events:auto;background:#ffffff0a;border:0}.meters>.meter-button:hover,.meters>.meter-button[aria-expanded=true]{background:#ffe09a29}#crosshair{z-index:4;pointer-events:none;width:22px;height:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";background:#fff6d6eb;position:absolute;box-shadow:0 0 10px #000000a6}#crosshair:before{width:22px;height:2px;top:10px;left:0}#crosshair:after{width:2px;height:22px;top:0;left:10px}.target-tooltip{z-index:5;color:#fff4d6;pointer-events:none;background:linear-gradient(135deg,#14373df5,#08181deb),#08181deb;border:1px solid #ffe190a8;border-radius:6px;gap:5px;width:min(310px,100vw - 48px);padding:12px 14px;display:grid;position:fixed;top:calc(50% + 26px);left:calc(50% + 34px);box-shadow:0 18px 34px #00000057}.target-tooltip[hidden],.trade-offer[hidden],.lot-card[hidden]{display:none}.target-tooltip span,.trade-offer span{color:#d9be72;text-transform:uppercase;font-size:.68rem;font-weight:900}.target-tooltip strong,.trade-offer strong{color:#fff5d9;font-size:1rem;line-height:1.1}.target-tooltip p,.trade-offer p{color:#f2e4c6;margin:0;font-size:.82rem;line-height:1.3}.target-tooltip b{color:#ffe19b;font-size:.95rem}.target-tooltip em{color:#aee2c1;text-transform:uppercase;font-size:.72rem;font-style:normal;font-weight:900}.lot-card{z-index:5;color:#fff4d6;pointer-events:none;background:linear-gradient(145deg,#0b2227f5,#2a2013eb),#08181df0;border:1px solid #ffe190a8;border-radius:6px;gap:8px;width:min(360px,100vw - 32px);padding:13px 14px;display:grid;position:fixed;top:98px;right:16px;box-shadow:0 18px 34px #00000057}.lot-card--replanted{background:linear-gradient(145deg,#0a3125f7,#302712f0),#08231cf5;border-color:#9ae28ee6;box-shadow:0 18px 34px #00000057,inset 0 0 0 1px #d8ef9f29}.lot-card--replanted span{color:#cce99b}.lot-card span{color:#d9be72;text-transform:uppercase;font-size:.68rem;font-weight:900}.lot-card strong{color:#fff5d9;font-size:1rem;line-height:1.1}.lot-card p{color:#f2e4c6;margin:0;font-size:.78rem;line-height:1.28}.lot-card dl{border:1px solid #e6ce8c33;border-radius:5px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.lot-card dl div{text-align:center;background:#ffffff0d;gap:2px;padding:7px 6px;display:grid}.lot-card dt{color:#d9be72;text-transform:uppercase;font-size:.62rem;font-weight:900}.lot-card dd{color:#fff5d9;margin:0;font-size:.82rem;font-weight:900}.trade-offer{z-index:7;color:#fff4d6;pointer-events:auto;background:linear-gradient(135deg,#2d1b13f0,#071b22f0),#08181df0;border:1px solid #ffe190b8;border-radius:6px;gap:8px;width:min(380px,100vw - 32px);padding:14px;display:grid;position:fixed;bottom:112px;right:16px;box-shadow:0 18px 38px #00000061}.trade-offer__actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trade-offer button{color:#140e08;cursor:pointer;text-transform:uppercase;background:linear-gradient(#ffe09a,#c68b3f);border:1px solid #ffe19b9e;border-radius:5px;min-height:38px;font-size:.78rem;font-weight:900}.trade-offer button:last-child{color:#f3e7c9;background:#08181db8}#toast{z-index:6;color:#fff4d6;opacity:0;pointer-events:none;background:#112b32e6;border:1px solid #ffe19099;border-radius:6px;width:min(360px,100vw - 36px);min-height:46px;padding:12px 14px;transition:opacity .16s,transform .16s;position:fixed;top:96px;right:18px;transform:translateY(-10px);box-shadow:0 16px 36px #00000052}@media (width>=761px){.lot-card:not([hidden])~#toast{top:326px}}#toast.toast--visible{opacity:1;transform:translateY(0)}.hotbar{z-index:5;pointer-events:auto;grid-template-columns:repeat(7,minmax(0,92px));justify-content:center;gap:8px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.hotbar button{color:#f3e7c9;cursor:pointer;background:#08181dc2;border:1px solid #efd4934d;border-radius:6px;grid-template-rows:24px 1fr 14px;justify-items:center;gap:4px;min-width:0;min-height:74px;padding:8px 6px;font-size:.73rem;line-height:1.05;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.hotbar button.is-selected{background:#26484ce6;border-color:#ffe19b;box-shadow:0 0 0 2px #ffe19b4d,0 10px 24px #0000003d}.hotbar .swatch{border:1px solid #ffffff59;border-radius:3px;width:24px;height:24px;display:block}.hotbar b{color:#d8ba70;width:18px;height:14px;font-size:.72rem;display:block}.mobile-controls{z-index:5;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:164px 82px;gap:10px;display:none;position:fixed;bottom:108px;right:18px}.mobile-pad{grid-template-rows:repeat(3,46px);grid-template-columns:repeat(3,52px);gap:4px;display:grid}.mobile-actions{grid-template-rows:repeat(3,46px);gap:4px;display:grid}.mobile-controls button{color:#fff2ca;cursor:pointer;text-transform:uppercase;touch-action:none;background:#081b21b8;border:1px solid #ffe29e66;border-radius:6px;font-size:.69rem;font-weight:900;line-height:1;box-shadow:0 10px 22px #00000038}.mobile-controls button:active{background:#30585bf0;border-color:#ffe19b;transform:translateY(1px)}.mobile-label--ship,.is-piloting .mobile-label--walk{display:none}.is-piloting .mobile-label--ship{display:inline}.mobile-pad button[data-move=forward]{grid-area:1/2}.mobile-pad button[data-move=left]{grid-area:2/1}.mobile-pad button[data-move=backward]{grid-area:3/2}.mobile-pad button[data-move=right]{grid-area:2/3}@media (width<=780px){.hud{grid-template-columns:1fr;width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.hud__brand{display:none}.mission,.meters{min-width:0;min-height:54px;overflow:hidden}.mission{grid-template-columns:1fr}.mission span,.mission strong,.hint-button{grid-area:auto/1;width:fit-content;min-height:34px;font-size:.68rem}.meters{grid-template-columns:repeat(3,minmax(0,1fr))}.meters>div,.meters>.meter-button{min-width:0}.meters span{font-size:.64rem}.meters strong{font-size:.88rem}.lot-card{width:min(300px,100vw - 32px);padding:10px;top:auto;bottom:362px;right:16px}.lot-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.hotbar{grid-template-columns:repeat(4,minmax(0,74px));justify-content:start}.hotbar button{min-height:62px;font-size:.65rem}.mobile-pad{display:grid}.mobile-controls{display:grid;bottom:216px;right:16px}.log-button{top:286px}.chart-button{top:286px;left:144px}.captains-log{max-height:180px;top:326px}.voyage-chart{width:min(360px,100vw - 32px);max-height:260px;top:326px;left:16px;right:auto}.cargo-manifest{width:min(520px,100vw - 32px);max-height:320px;top:326px;left:16px;right:auto}.cargo-manifest__summary,.cargo-manifest__entry dl{grid-template-columns:repeat(2,minmax(0,1fr))}.voyage-route__head{grid-template-columns:minmax(0,1fr)}.voyage-route__head em{justify-self:start}#toast{top:auto;bottom:372px;right:16px}}@media (width<=420px){.mobile-controls{grid-template-columns:146px 74px;gap:8px}.mobile-pad{grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,46px)}.mobile-actions{grid-template-rows:repeat(3,42px)}.mobile-controls button{font-size:.62rem}}