:root{color-scheme:dark;--ink:#101712;--panel:#171b16;--gold:#b39962;--pale:#ded2ae;--faint:#92937c;--edge:#665a3d;--red:#963f29;--green:#779473;font-family:Georgia,'Times New Roman',serif;font-size:15px;color:var(--pale);background:#14241f}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:var(--pale);background:linear-gradient(#2d3024,#171b16);border:1px solid #5c543c;padding:9px 13px;cursor:pointer;box-shadow:inset 0 0 0 1px #131712;transition:background .15s,color .15s}button:hover{background:linear-gradient(#46432e,#252c20);border-color:#aa8c51;color:#fff0c9}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid #dfbe76;outline-offset:3px}button.active,button[aria-pressed=true]{background:linear-gradient(#654125,#3b281c);border-color:#be9552}button:disabled{opacity:.4;cursor:default}kbd{font:10px system-ui,sans-serif;border:1px solid #696047;color:#cbbd94;padding:2px 4px;border-radius:2px;background:#171b17;white-space:nowrap}.smallcaps{text-transform:uppercase;letter-spacing:.19em;font-size:10px;color:var(--gold)}[hidden]{display:none!important}#world{width:100vw;height:100vh;display:block;position:fixed;inset:0;image-rendering:pixelated}.world-grain{pointer-events:none;position:fixed;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 40%,#0006 100%);z-index:1}#impact-flash{position:fixed;inset:0;pointer-events:none;z-index:15;box-shadow:inset 0 0 90px #a7331700;transition:box-shadow .2s}#loading{position:fixed;inset:0;background:#141d17;z-index:90;display:flex;align-items:center;justify-content:center;flex-direction:column}#loading h1{font-weight:normal;color:#e0c594}#topbar{position:absolute;z-index:3;left:25px;right:25px;top:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;pointer-events:none}#topbar>*{pointer-events:auto}.brand{display:flex;flex-direction:column;text-shadow:0 2px 8px #000}.brand b{font-weight:normal;font-size:23px;letter-spacing:.04em;margin-top:5px}.brand small{font-size:12px;color:#b9c2a7;margin-top:6px}.weather-block{min-width:220px;display:flex;flex-direction:column;align-items:center;text-shadow:0 2px 7px #000}.weather-block span{font-size:9px;letter-spacing:.23em;color:#c4ba92}.weather-block strong{font-weight:normal;font-size:24px;margin:5px}.weather-block small{font-size:10px;color:#aab5a0}nav{display:flex;gap:5px}nav button{font-size:11px;padding:8px 10px;background:#141b15d9}nav kbd{margin-left:6px}.hud{transition:opacity .4s}#objective{position:absolute;left:25px;top:119px;width:245px;padding:14px 16px;background:linear-gradient(90deg,#101a15e8,#101a15b0);border-left:2px solid #9b814b;z-index:2}#objective strong{display:block;font-size:14px;font-weight:normal;line-height:1.4;margin-top:8px}#objective p{font:11px/1.6 system-ui,sans-serif;color:#aeb69d;margin:8px 0 0}#waypoint-info{font:11px/1.6 system-ui;color:#ddbf79;margin-top:8px}#mini-chart{position:absolute;right:25px;top:111px;width:202px;background:#111a14e8;border:1px solid #716344;z-index:2;padding:7px;box-shadow:0 5px 20px #0006}#minimap{width:186px;height:170px;display:block}#mini-chart button{width:100%;border:0;border-top:1px solid #5c5038;font-size:9px;letter-spacing:.08em;padding:8px 2px;background:none}#order-message{position:absolute;left:25px;bottom:204px;width:350px;z-index:2;pointer-events:none;text-shadow:0 2px 4px #000;background:linear-gradient(90deg,#122019da,#12201900);padding:10px 14px;border-left:1px solid #877346}#order-message p{font-size:13px;line-height:1.5;margin:5px 0 0;font-style:italic}#interaction{position:absolute;left:50%;transform:translateX(-50%);bottom:213px;z-index:4;text-align:center}#interaction button{background:linear-gradient(#5a4c2b,#2d2c1e);padding:14px 24px;border-color:#c0a265;box-shadow:0 3px 18px #0008}#interaction button kbd{margin-right:13px}#interaction small{display:block;font:10px system-ui;margin-top:7px;text-shadow:0 1px 3px #000}#danger{position:absolute;left:50%;transform:translateX(-50%);top:113px;z-index:5;background:#4c241ee8;color:#edc3a0;border:1px solid #aa6342;padding:10px 20px;font-size:12px;letter-spacing:.05em;text-align:center;max-width:480px}
#command-deck{position:absolute;z-index:4;left:12px;right:12px;bottom:12px;display:grid;grid-template-columns:1.1fr .9fr .9fr 1.2fr .9fr;min-height:169px;background:linear-gradient(180deg,#272a20f5,#111911fc 15%,#151a14fa);border:1px solid #75633e;border-top:3px solid #887144;box-shadow:0 -5px 30px #0007,inset 0 0 0 4px #101711}#command-deck section{padding:15px 18px;border-right:1px solid #5c53342e;min-width:0}.hull-name{display:flex;justify-content:space-between;gap:8px;margin-bottom:13px}.hull-name small{font-size:8px;color:#a9ad96;letter-spacing:.09em}.meter-row{margin-bottom:9px}.meter-row label{display:flex;justify-content:space-between;font-size:12px;color:#aeb99e}.meter-row strong{font-weight:normal;color:#ded2ac}.meter{height:5px;background:#090f0a;border:1px solid #4c523b;margin-top:4px}.meter i{height:100%;display:block;background:linear-gradient(90deg,#576c48,#a6ae72);width:100%;transition:width .3s}.flood .meter i{width:0;background:linear-gradient(90deg,#596e72,#9bafb0)}.crew-state{display:flex;justify-content:space-between;gap:8px;font:9px system-ui;color:#bab694;margin-top:13px}.stores #stores{display:grid;grid-template-columns:1fr 1fr;gap:11px 16px;margin:13px 0}.store{display:flex;align-items:baseline;justify-content:space-between}.store span{font-size:11px;color:#989e88}.store b{font-weight:normal;font-size:17px}.store.low b{color:#de7955}.stores button{font-size:9px;padding:6px 8px;width:100%;display:flex;justify-content:space-between}.helm-section{text-align:center}.helm{position:relative;width:102px;height:94px;margin:0 auto}.helm-ring{position:absolute;inset:8px 10px;border:2px solid #8b7852;border-radius:50%;box-shadow:0 0 0 3px #151910,0 0 0 4px #625537,inset 0 0 12px #020603;background:repeating-conic-gradient(from 0deg,#887955 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(transparent 50%,#000 52%)}.helm b{position:absolute;left:36px;top:27px;font-size:34px;color:#8b7855;font-weight:normal}.helm i{position:absolute;width:2px;height:32px;top:13px;left:50%;transform-origin:center 34px;transition:transform .1s}#helm-order{background:#ad693d;height:26px;top:15px;opacity:.9}#helm-actual{background:#eadcae;box-shadow:0 0 4px #f8d68388}.helm .port-letter,.helm .starboard-letter{position:absolute;top:44px;font-size:9px;color:#a79769}.port-letter{left:0}.starboard-letter{right:0}.helm-buttons{display:flex;justify-content:center;gap:9px;align-items:center}.helm-buttons button{font-size:9px;padding:5px 8px;touch-action:none}.helm-buttons small{font:8px system-ui;color:#b8ae8b;min-width:75px}.sail-orders{display:flex;margin:12px 0 9px;gap:3px}.sail-orders button{padding:6px 7px;font-size:10px;flex:1}.speed{display:flex;gap:7px;align-items:baseline}.speed strong{font-size:24px;font-weight:normal}.speed span{font-size:10px;color:#a3ae98}.speed small{font:9px system-ui;color:#a8ab91;margin-left:auto}.secondary-orders{display:flex;gap:5px;margin-top:10px}.secondary-orders button{font-size:10px;padding:6px 7px;flex:1}.secondary-orders kbd{font-size:8px}.duty-section>button{display:block;width:100%;font-size:10px;padding:5px 6px;text-align:left;margin-top:5px}.duty-section>button kbd{margin-right:7px;font-size:8px}.weapons{display:flex;align-items:center;gap:8px;margin-top:6px}.weapons button{font-size:9px;padding:5px 6px}.weapons span{font:8px system-ui;color:#a3ad8d}#toast{position:absolute;left:50%;bottom:197px;transform:translate(-50%,10px);opacity:0;transition:.2s;pointer-events:none;z-index:60;padding:10px 20px;background:#2d2a1de8;border:1px solid #a68c53;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}#restore-hud{position:absolute;right:22px;bottom:22px;z-index:20;background:#18201799}
.overlay{position:absolute;inset:0;z-index:30;background:#07100b96;backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.intro-card{width:min(545px,45vw);margin-right:auto;margin-left:6vw;padding:31px 35px;background:linear-gradient(115deg,#111b14f2,#172219da);border:1px solid #716040;box-shadow:0 15px 80px #0006}.intro-card h1{font-size:44px;line-height:1.12;font-weight:normal;margin:17px 0 22px;color:#e7d7ad}.intro-card p{font-size:14px;line-height:1.75;color:#b8c0a7}.intro-card .intro-story{font-size:17px;color:#d2c8a8}.intro-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px 12px;border-top:1px solid #65583b;border-bottom:1px solid #65583b;padding:18px 0;margin:20px 0;font:11px system-ui;color:#bdc2a6}.intro-controls kbd{margin-right:7px}.intro-card .advice{font-size:12px;color:#b09a6a;font-style:italic}.intro-actions{display:flex;gap:9px;margin:23px 0 17px}.primary{background:linear-gradient(#80412a,#442c1c);border-color:#ba8a49;letter-spacing:.06em;padding:13px 24px}.intro-card>small{font:10px system-ui;color:#8e9d83}.intro-caption{position:absolute;right:9vw;bottom:24vh;text-align:right;text-shadow:0 3px 12px #000}.intro-caption p{font-size:25px;line-height:1.5;color:#d1c6a5}.close{position:absolute;right:16px;top:13px;padding:3px 11px;font-size:23px;background:none;border:0;z-index:2}#modal-card{position:relative;max-width:900px;width:90vw;max-height:88vh;overflow:auto;background:linear-gradient(120deg,#232a1d,#111c15);border:1px solid #968056;padding:34px;box-shadow:inset 0 0 0 6px #161d13,0 20px 100px #000b}#modal-content h1{font-size:34px;font-weight:normal;margin:12px 0 17px}#modal-content h2{font-size:19px;font-weight:normal;color:#d3bd87;margin:25px 0 13px}#modal-content p{line-height:1.7;color:#b9c0a9}#modal-content .lead{font-size:16px;color:#d2c8a8}#modal-content small{color:#a29c7e}#modal-content .panel-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;border-top:1px solid #5b583d;padding-top:19px}.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shop button{padding:14px 8px;text-align:left}.shop b{display:block;font-weight:normal;color:#e3d0a0;font-size:15px}.shop span{display:block;font:10px/1.7 system-ui;margin-top:7px;color:#a4af91}.contract,.event-option{display:block;width:100%;text-align:left;padding:14px 18px;margin:8px 0}.contract strong,.event-option strong{display:block;font-size:15px;font-weight:normal;color:#e1cd9d}.contract small,.event-option small{display:block;font:11px/1.65 system-ui;margin-top:7px;color:#aeb697}.panel-note{font:11px/1.7 system-ui;color:#ada280;border-left:2px solid #967947;padding-left:12px}.event-option .cost{font-size:10px;color:#c89471}.chart-wrap{position:relative;margin-top:20px}.chart-wrap canvas{display:block;width:100%;height:auto;border:1px solid #6d6446;background:#17261c;cursor:crosshair}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font:10px system-ui;color:#c6bf99;margin-top:12px}.chart-legend span:before{content:'◆';margin-right:5px;color:#be9b52}.coast-book{margin:24px 0 30px;padding:0 16px 16px;background:linear-gradient(110deg,#101b14,#19241a);border:1px solid #5f5a3e;box-shadow:inset 0 0 24px #0004}.coast-book-heading{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #655f41}.coast-book-heading h2{margin:16px 0 11px!important}.coast-book-heading strong{font:15px Georgia;color:#d9c184}.coast-mark-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.coast-mark{display:flex;gap:12px;padding:12px;background:#111a13;border-left:2px solid #9a814e}.coast-mark>span{color:#e0c578;font-size:18px}.coast-mark b{font-weight:normal;color:#dfcc9d}.coast-mark p{font-size:11px;line-height:1.55!important;margin:5px 0 0!important;color:#aeb69d!important}.journal-list{list-style:none;padding:0}.journal-list li{border-bottom:1px solid #465038;padding:12px 0;font-size:13px;line-height:1.6}.journal-list small{display:block;font-size:9px;color:#979c7d;margin-bottom:3px}.journal-list .danger{color:#e1a485}.officers{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.officer{border:1px solid #55523a;background:#172216;padding:13px}.officer b{font-weight:normal;color:#d5c49c}.officer em{display:block;font-size:11px;color:#9f9b7c;margin:4px 0 10px}.officer p{font-size:12px;margin:0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:13px}.help-grid span{display:flex;gap:12px}.help-grid kbd{min-width:52px;text-align:center}.ledger-stats{display:flex;gap:28px;justify-content:center;margin:25px 0}.ledger-stats b{display:block;font-size:30px;font-weight:normal;color:#dac694}.ledger-stats span{font:10px system-ui;color:#aab295}.audio-sliders label{display:flex;align-items:center;gap:18px}.audio-sliders input{flex:1;accent-color:#b0935a}.hidden-ui .hud,.hidden-ui #topbar{opacity:0;pointer-events:none}.paused #world{filter:saturate(.85)}
@media(max-width:1100px){#command-deck section{padding:12px 10px}.speed small{display:none}.weather-block{display:none}.brand b{font-size:18px}#objective{width:210px;top:100px}#mini-chart{top:95px;width:177px}#minimap{width:161px;height:146px}.crew-state{font-size:8px}.intro-card{width:55vw;margin-left:4vw;padding:24px}.intro-card h1{font-size:36px}.intro-caption{right:5vw}.sail-orders button{font-size:9px;padding:6px 3px}}
@media(max-width:760px){#topbar{left:12px;right:12px;top:12px}.brand small{display:none}nav kbd{display:none}nav button{padding:7px 8px;font-size:10px}.brand b{font-size:14px}#objective{display:none}#mini-chart{width:130px;right:12px;top:72px}#minimap{width:114px;height:104px}#mini-chart button{font-size:8px}.intro-card{width:90vw;margin:auto;padding:22px}.intro-caption{display:none}.intro-card h1{font-size:34px}.intro-card p{font-size:12px}#command-deck{grid-template-columns:1fr 1fr 1fr;left:4px;right:4px;bottom:4px}.condition{grid-row:1}.stores{display:none}.helm-section{grid-row:1}.sails-section{grid-row:1}.duty-section{grid-column:1/4;display:flex;gap:7px;align-items:center}.duty-section .smallcaps{display:none}.duty-section>button{margin:0}.duty-section .weapons{margin:0}.duty-section .weapons span{display:none}#command-deck section{padding:8px}#order-message{bottom:225px;left:12px;width:280px}.helm{height:78px}.helm-ring{inset:2px 15px}.helm b{top:18px}.helm i{top:4px}.helm-buttons small{display:none}#interaction{bottom:238px}#modal-card{padding:22px;max-height:92vh}.shop{grid-template-columns:1fr 1fr}.help-grid{font-size:11px}.coast-mark-list{grid-template-columns:1fr}.officers{grid-template-columns:1fr}#danger{top:76px;max-width:240px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.world-grain{display:none}}