.intro h1{font-size:clamp(35px,4.5vw,57px);line-height:1.45}.secondary{display:block;background:transparent;border:1px solid #567079;border-radius:7px;color:var(--text);padding:13px 20px;min-height:48px;font:inherit;cursor:pointer;margin-top:12px}.intro .secondary{min-width:230px;font-size:13px}.tools details{position:relative;font-size:12px}.tools summary{padding:12px;border:1px solid var(--line);border-radius:7px;cursor:pointer;list-style:none;min-height:42px}.sound-panel{position:absolute;right:0;top:50px;width:260px;background:#112d3b;border:1px solid #567079;border-radius:10px;padding:20px;z-index:20;box-shadow:0 12px 35px #0009}.sound-panel label{display:flex;gap:12px;align-items:center;margin:0 0 15px}.sound-panel input{width:170px;min-height:36px;accent-color:var(--a)}.sound-panel small{color:var(--muted);font-size:10px}.logbook{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.logbook h2,.chart-screen h2{font-size:18px;font-weight:500}.logbook>p,.chart-help{font-size:12px;color:var(--muted);line-height:1.8}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.mission{padding:13px;border:1px solid #38515d;border-radius:8px;background:#102834;text-align:left}.mission strong{font-size:13px;display:block;font-weight:500}.mission small{display:block;font-size:11px;margin-top:8px;color:var(--muted)}.mission.done{border-color:#4e9e91}.mission.done strong{color:var(--a)}.mission .meter{height:3px;background:#304550;margin-top:10px}.mission .meter>i{display:block;height:100%;background:var(--a)}.progress-stats{gap:24px}.progress-stats>span:first-child strong{color:var(--b)}.contract-strip{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:0 0 12px}.contract-strip span:last-child{color:var(--a);white-space:nowrap}.boost-row{display:flex;align-items:center;gap:15px;margin-top:10px}.boost-row button{background:#18394a;border:1px solid #6b99aa;color:#e2eff1;border-radius:7px;padding:11px 17px;min-height:46px;font-size:13px;white-space:nowrap}.boost-row button[aria-pressed=true]{background:#ffd178;color:#382c13;border-color:#ffd178}.boost-row span{font-size:11px;color:var(--muted)}.chart-screen{padding:35px 0}.chart-screen>h1{font-size:32px;font-weight:500;margin:10px 0}.chart-screen>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.8}.charter-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.charter{display:block;text-align:left;padding:24px;border:1px solid #557781;border-radius:12px;background:linear-gradient(135deg,#163a45,#122b36);color:var(--text);min-height:180px}.charter:nth-child(2){background:linear-gradient(135deg,#333b32,#162d35);border-color:#8a7e59}.charter strong{display:block;font-size:22px;font-weight:500;margin-bottom:15px}.charter em{display:block;font-style:normal;font-size:13px;color:var(--b);line-height:1.8}.charter p{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:0}.chart-screen>.secondary{margin:25px auto 0}.result-screen>.secondary{margin:14px auto 0}.result-stats{gap:50px}.result-screen .mission-grid{max-width:700px;margin:20px auto}.result-screen>p{max-width:660px;margin-left:auto;margin-right:auto}#saveWarning{color:var(--b);font-size:11px}.dock{min-height:157px}.dock p{line-height:1.5}.waiting span{line-height:1.4}
@media(max-width:650px){.intro h1{font-size:35px}.tools{gap:4px}.quiet{padding:7px 8px}.tools summary{font-size:10px;padding:11px 7px;min-height:40px}.masthead{gap:5px}.brand{font-size:13px}.brand-mark{width:20px;height:29px}.brand small{font-size:6px}.mission-grid{gap:6px}.mission{padding:10px 7px}.mission strong{font-size:11px}.mission small{font-size:9px;line-height:1.7}.mission .meter{margin-top:7px}.voyage-heading h1{font-size:18px}.progress-stats{gap:14px}.progress-stats strong{font-size:21px}.progress-stats>span{font-size:10px}.progress-stats>span:first-child strong{font-size:20px}.contract-strip{font-size:9px;line-height:1.6;margin-bottom:9px}.next-strip{font-size:10px}.boost-row{gap:10px}.boost-row button{font-size:12px;padding:10px;min-height:46px}.boost-row span{font-size:9px}.dock{padding:11px;min-height:154px}.deadline{font-size:27px}.dock p{font-size:9px}.chart-screen{padding:25px 0}.chart-screen>h1{font-size:26px}.chart-screen>p:not(.eyebrow){font-size:12px}.charter-grid{grid-template-columns:1fr;gap:12px}.charter{padding:18px;min-height:0}.charter strong{font-size:19px;margin-bottom:8px}.charter em,.charter p{font-size:12px}.charter p{margin-top:7px}.result-stats{gap:20px}.result-stats strong{font-size:25px}.result-screen>.primary{font-size:14px;gap:10px}.logbook{order:4}.sound-panel{width:245px;right:-45px}.intro .secondary{width:100%}.keyboard-help{font-size:8px}.hero-art{height:150px}}
@media(max-width:350px){.brand{font-size:12px;gap:5px}.tools summary{padding:11px 5px}.quiet{font-size:10px;padding:6px}.progress-stats{gap:8px}.progress-stats strong{font-size:18px}.progress-stats>span:first-child strong{font-size:17px}.voyage-heading h1{font-size:16px}.dock{min-height:170px}.dock-heading>span{padding-left:0}.boost-row span{font-size:8px}}
@media(min-height:501px) and (max-height:950px) and (min-width:651px){.dock{min-height:145px}.voyage-heading h1{font-size:24px}.intro h1{font-size:46px}canvas{aspect-ratio:1000/210}.title-screen{padding-top:32px}.hero-art{height:330px}}
@media(max-height:500px) and (min-width:651px){.contract-strip{grid-column:1/-1;margin:0;font-size:9px}.boost-row{grid-column:1/-1;margin:0;gap:12px}.boost-row button{min-height:35px;padding:5px 14px;font-size:11px}.boost-row span{font-size:9px}.dock{min-height:110px}.dock p{font-size:8px}.masthead{min-height:45px}.tools summary{min-height:30px;padding:6px 10px}.quiet{min-height:30px}.voyage-heading h1{font-size:17px}.progress-stats{gap:20px}.progress-stats strong{font-size:19px}.sea-panel{height:115px}.controls .release{min-height:46px}.chart-screen{padding-top:17px}.chart-screen .mission-grid{margin:10px 0}.charter{min-height:0;padding:16px}.charter strong{font-size:18px;margin-bottom:8px}.charter em,.charter p{font-size:11px}.chart-screen>h1{font-size:25px}}