:root{--ink:#0f2533;--panel:#0c212ed1;--panel-edge:#ffffff1f;--text:#eef4f6;--muted:#9fb6c2;--accent:#ffb020;--ok:#3ee07a;--bad:#ff5a4e;--port:#ff4a3d;--stbd:#3ee07a;--radius:12px;--font:"Barlow", system-ui, sans-serif;--font-display:"Barlow Condensed", "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#1a4c69;margin:0;overflow:hidden}#view{width:100vw;height:100vh;display:block;position:fixed;inset:0}#view3d{position:fixed;inset:0}#view3d canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#view3d .view3d-overlay{pointer-events:none}#view,#view3d{touch-action:none}#loading{z-index:10;background:radial-gradient(circle at 50% 40%,#1d5774,#0d2635);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-card{text-align:center}.loading-title{font:700 44px var(--font-display);letter-spacing:.02em}.loading-status{color:var(--muted);margin-top:6px}.loading-bar{background:#ffffff1f;border-radius:2px;width:220px;height:4px;margin:16px auto 0;overflow:hidden}.loading-bar>div{background:var(--accent);width:40%;height:100%;animation:1.1s ease-in-out infinite loading}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>.hud{pointer-events:none}.hidden{display:none!important}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 30px #00000040}.screen{background:linear-gradient(#081a268c,#081a26cc);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.card{width:min(760px,100%);max-height:calc(100vh - 32px);padding:28px;overflow:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0}h1{font-size:52px;line-height:1}h2{font-size:34px}h3{font-size:20px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:700}.lede{color:var(--muted);margin:8px 0 20px;line-height:1.5}.btn{font:600 16px var(--font);color:var(--ink);background:var(--accent);cursor:pointer;border:0;border-radius:999px;padding:11px 22px}.btn:hover{filter:brightness(1.08)}.btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.btn.ghost{color:var(--text);border:1px solid var(--panel-edge);background:0 0}.btn-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.missions{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;display:grid}.missions .area{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;margin:10px 0 0;font-size:16px}.missions .area:first-child{margin-top:0}.mission{text-align:left;border:1px solid var(--panel-edge);width:100%;color:var(--text);font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:14px 16px;display:grid}.mission:hover,.mission:focus-visible{background:#ffb0201f;border-color:#ffb02080;outline:none}.mission .name{font:700 20px var(--font-display)}.mission .meta{color:var(--muted);grid-column:1;font-size:13px}.mission .stars{letter-spacing:2px;color:#fff3;grid-area:1/2/span 2;font-size:20px}.mission .stars .on{color:var(--accent)}.controls{color:var(--muted);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 18px;margin-top:20px;font-size:14px;display:grid}kbd{min-width:22px;font:600 12px var(--font);color:var(--text);text-align:center;border:1px solid #ffffff40;border-bottom-width:2px;border-radius:5px;margin-right:6px;padding:1px 6px;display:inline-block}.credit{color:var(--muted);margin-top:22px;font-size:12px}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:none;position:absolute}.hud-mission{min-width:230px;padding:12px 16px;top:16px;left:16px}.hud-mission .title{font:700 20px var(--font-display)}.hud-mission .objective{color:var(--muted);margin-top:2px;font-size:13px}.hud-mission .row{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;display:flex}.hullbar{background:#ffffff1f;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.hullbar>div{background:var(--ok);height:100%;transition:width .3s,background .3s}.hud-wind{align-items:center;gap:12px;padding:10px 14px;display:flex;top:16px;right:16px}.hud-wind svg{width:56px;height:56px}.hud-tide{font-variant-numeric:tabular-nums;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:flex}.hud-tide svg{flex:none;width:40px;height:40px}.hud-tide b{font:700 18px var(--font-display)}.hud-tide .tide-line+.tide-line{margin-top:2px}.hud-tide .muted{color:var(--muted)}.hud-tide .warn{color:var(--accent);font-weight:700}.hud-tide .bad{color:var(--bad);letter-spacing:.08em;font-weight:700}.hud-nav{font-variant-numeric:tabular-nums;min-width:200px;padding:8px 14px;font-size:13px}.hud-nav .nav-row:empty{display:none}.hud-nav .nav-row+.nav-row{margin-top:4px}.hud-nav .muted{color:var(--muted)}.hud-wind .kn{font:700 26px var(--font-display);font-variant-numeric:tabular-nums}.hud-wind .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.hud-helm{align-items:stretch;gap:16px;padding:14px;display:flex;bottom:16px;left:16px}.lever{background:#ffffff0f;border-radius:8px;width:34px;height:150px;position:relative}.lever .zero{background:#fff6;height:2px;position:absolute;top:50%;left:0;right:0}.lever .fill{border-radius:4px;position:absolute;left:6px;right:6px}.lever .knob{background:#fff;border-radius:5px;height:10px;position:absolute;left:-4px;right:-4px;transform:translateY(-50%);box-shadow:0 2px 6px #0006}.lever-labels{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-direction:column;justify-content:space-between;font-size:11px;display:flex}.readouts{flex-direction:column;justify-content:space-between;min-width:110px;display:flex}.readout .v{font:700 30px var(--font-display);font-variant-numeric:tabular-nums;line-height:1}.readout .u{color:var(--muted);margin-left:4px;font-size:12px}.readout .l{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.hud-rudder{text-align:center;padding:10px 16px 12px;bottom:16px;left:50%;transform:translate(-50%)}.hud-rudder svg{width:220px;height:64px;display:block}.hud-rudder .l{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.thruster{color:var(--muted);justify-content:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.thruster span{border:1px solid var(--panel-edge);border-radius:999px;padding:1px 8px}.thruster span.on{color:var(--ink);background:var(--accent);border-color:var(--accent)}.hud-map{padding:6px;bottom:16px;right:16px}.hud-map canvas{border-radius:8px;width:200px;display:block}.hud-stack{flex-direction:column;align-items:flex-end;gap:8px;display:flex;top:96px;right:16px}.hud-stack>*{position:static}.hud-dock{width:220px;padding:12px 14px;transition:opacity .3s}.hud-dock .dist{font:700 24px var(--font-display);font-variant-numeric:tabular-nums}.hud-dock ul{gap:4px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.hud-dock li{justify-content:space-between;gap:8px;display:flex}.hud-dock li .mark{width:18px;font-weight:700}.hud-dock li.ok .mark{color:var(--ok)}.hud-dock li.no .mark{color:var(--bad)}.hud-dock li .d{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.secure{background:#ffffff1f;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.secure>div{background:var(--ok);width:0;height:100%}.toasts{justify-items:center;gap:6px;display:grid;top:18px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;padding:8px 16px;font-weight:600;animation:2.2s forwards toast}.toast.bump{color:var(--accent)}.toast.hit{color:var(--bad)}.toast.good{color:var(--ok)}.toast.notice{color:var(--text);border:1px solid var(--accent);opacity:1;animation:none}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,75%{opacity:1;transform:none}to{opacity:0}}.hint{color:#ffffffd9;text-shadow:0 1px 3px #0009;font-size:14px;transition:opacity .6s;bottom:120px;left:50%;transform:translate(-50%)}.result-stars{letter-spacing:6px;color:#ffffff2e;margin:10px 0 4px;font-size:44px}.result-stars .on{color:var(--accent)}.stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid}.stat{background:#ffffff0d;border-radius:10px;padding:10px 12px}.stat .v{font:700 26px var(--font-display);font-variant-numeric:tabular-nums}.stat .l{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.best{color:var(--ok);margin-top:10px;font-weight:600}@media (max-width:760px){h1{font-size:40px}.hud-rudder{display:none}.hud-map canvas{width:140px}.lever{height:110px}}.hud-survey{max-width:280px;padding:12px 14px;font-size:13px;top:140px;left:16px}.hud-survey .title{font:700 18px var(--font-display);margin-bottom:6px}.hud-survey .how{color:var(--muted);margin:4px 0}.hud-survey ol{gap:3px;margin:6px 0;padding:0;list-style:none;display:grid}.hud-survey kbd{text-align:center;min-width:18px}.surveying .hud-helm,.surveying .hud-rudder,.surveying .hud-dock,.surveying .hint{opacity:.35}.hud .clickable,.hud .clickable *{pointer-events:auto}.hud-buttons{gap:6px;margin:-2px 0 8px;display:flex}.hbtn{font:600 12px var(--font);color:var(--text);border:1px solid var(--panel-edge);cursor:pointer;background:#ffffff14;border-radius:999px;padding:4px 10px}.hbtn:hover{background:#ffffff2e}.hud-time{grid-template-columns:auto auto auto;align-items:center;gap:4px 6px;padding:8px 10px;display:grid;top:16px;right:196px}.hud-time .hbtn{width:34px;height:34px;padding:0;font-size:18px}.hud-time .tval{font:700 22px var(--font-display);color:var(--text);cursor:pointer;background:0 0;border:0;min-width:52px}.hud-time .tlabel{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-size:11px}.hud-load{padding:12px 26px;font-size:18px;bottom:170px;left:50%;transform:translate(-50%)}.hud-controls{width:min(620px,100% - 32px);max-height:calc(100% - 120px);padding:16px 20px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.hud-controls .head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:18px;display:flex}.controls .group{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;grid-column:1/-1;margin-top:8px;font-size:11px;font-weight:700}.career-line{color:var(--muted);margin:-8px 0 10px}.career-line b{color:var(--accent)}.settings{border:1px solid var(--panel-edge);background:#ffffff0a;border-radius:10px;gap:8px;margin:0 0 18px;padding:12px 14px;display:grid}.toggle{color:var(--muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px;margin-top:3px}.toggle b{color:var(--text)}.toggle.choice{cursor:default;flex-wrap:wrap;justify-content:space-between;align-items:center}.toggle.choice>span{flex:240px}.seg{border:1px solid var(--panel-edge);border-radius:8px;flex:none;display:inline-flex;overflow:hidden}.seg-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 12px;font-size:13px}.seg-btn+.seg-btn{border-left:1px solid var(--panel-edge)}.seg-btn:hover{color:var(--text)}.seg-btn.on{background:var(--accent);color:#1b1300;font-weight:600}.missions .rank{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.missions .rank-status{font:600 13px var(--font);color:var(--muted);text-transform:none;letter-spacing:0}.missions .rank.locked{color:var(--muted)}.missions .rank-blurb{color:var(--muted);grid-column:1/-1;margin:-4px 0 2px;font-size:13px}.mission.locked{opacity:.4;cursor:not-allowed}.explore-modes{border-top:1px solid var(--panel-edge);margin-top:22px;padding-top:16px}.explore-modes .area{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:14px}.explore-modes .rank-blurb{color:var(--muted);margin:4px 0 10px;font-size:13px}.explore-row{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.mission.explore{background:0 0;grid-template-columns:1fr;gap:2px;padding:9px 12px}.mission.explore .name{font-size:16px}.mission.explore .meta{font-size:12px}.mission.locked:hover{border-color:var(--panel-edge);background:#ffffff0a}.conditions{color:var(--text);background:#6fd3ff14;border:1px solid #6fd3ff40;border-radius:10px;margin:-6px 0 16px;padding:10px 14px;font-size:14px}.conditions.night{background:#283c6e59;border-color:#8caaff59}.score-breakdown{font-variant-numeric:tabular-nums;gap:4px;margin:14px 0 4px;font-size:14px;display:grid}.sb-row{color:var(--muted);justify-content:space-between;gap:16px;display:flex}.sb-row span:last-child{color:var(--text);font-weight:600}.sb-row.bad span:last-child{color:var(--bad)}.sb-row.good span:last-child{color:var(--ok)}.sb-row.total{border-top:1px solid var(--panel-edge);color:var(--text);margin-top:6px;padding-top:8px;font-size:18px}.sb-row.total span:last-child{font:700 24px var(--font-display);color:var(--accent)}.promotion{background:#ffb02024;border:1px solid #ffb02080;border-radius:10px;margin:12px 0 4px;padding:12px 14px}.promotion b{color:var(--accent)}.settings.unlock{opacity:.8;background:0 0;border-style:dashed;margin:22px 0 0}.flying .hud-helm,.flying .hud-rudder,.flying .hud-dock,.flying .hint,.flying .hud-load{display:none!important}.flying .hud-survey{max-width:330px;font-size:12px;top:168px;bottom:auto;left:16px}.flying .hud-survey ol{grid-template-columns:1fr 1fr;gap:2px 10px}.flying .hud-stack .hud-tide{display:none}.pick-hint{z-index:30;pointer-events:none;color:var(--text);background:var(--panel);border:1px solid var(--accent);white-space:nowrap;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;position:fixed}.hud-take{width:260px;padding:12px 14px;font-size:13px;top:172px;left:16px}.hud-take .title{font:700 18px var(--font-display);margin-bottom:2px}.hud-take .how{color:var(--muted);margin:0 0 8px}.hud-take button{width:100%;font:inherit;text-align:left;border:1px solid var(--panel-edge);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:6px;justify-content:space-between;gap:10px;margin:3px 0;padding:6px 8px;display:flex}.hud-take button:hover{border-color:var(--accent);background:#ffb0201f}.hud-take button .d{color:var(--muted)}.flying .hud-take{top:190px;left:auto;right:16px}.hud-deck{align-items:center;gap:8px;display:flex;bottom:206px;left:16px}.hud-sails{padding:9px 18px;font-size:15px}.hud-horn{touch-action:none;-webkit-user-select:none;user-select:none;padding:9px 16px;font-size:15px}.hud-horn.sounding{filter:brightness(1.2);box-shadow:0 0 0 3px #ffb02073}.flying .hud-horn{display:none}