:root{--deep: #0b1a1f;--deep-2: #0f262c;--ink: #241a12;--paper: #e6d8b4;--paper-2: #d6c49a;--brass: #d0a94e;--brass-dim: #8d7434;--red: #b2402c;--text: #f0e6cf;--text-dim: #a9bcc0;--line: rgba(208, 169, 78, .28);--panel: rgba(9, 24, 29, .88);--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--deep);color:var(--text);font-family:var(--sans);-webkit-text-size-adjust:100%}[hidden]{display:none!important}#app{position:relative;height:100%;width:100%;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}button{font:inherit;color:inherit;border:1px solid var(--line);background:#10262dd9;border-radius:3px;padding:.5rem .85rem;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;transition:background .14s ease,border-color .14s ease,color .14s ease}button:hover:not(:disabled),button:focus-visible{background:#1e424cf2;border-color:var(--brass);color:#fff4d8}button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:linear-gradient(180deg,#d9b45a,#b2862c);color:#1b1206;border-color:#8d7434;font-weight:700;padding:.72rem 1.4rem;font-size:.82rem}.primary:hover:not(:disabled),.primary:focus-visible{background:linear-gradient(180deg,#f0cf72,#c69833);color:#1b1206}.hud{position:absolute;top:0;left:0;right:0;display:flex;gap:0;align-items:stretch;background:linear-gradient(180deg,#061216eb,#0612168c);border-bottom:1px solid var(--line);pointer-events:none;z-index:4}.hud-cell{flex:1 1 0;min-width:0;padding:.5rem .8rem .6rem;border-right:1px solid rgba(208,169,78,.16)}.hud-cell:last-child{border-right:0}.hud-label{margin:0 0 .15rem;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-dim)}.hud-value{margin:0;font-family:var(--serif);font-size:1.35rem;line-height:1.1;color:var(--text)}.hud-value--tide[data-tide=LOW]{color:#7fd0b8}.hud-value--tide[data-tide=HIGH]{color:#d98a72}.fuel-bar{margin-top:.35rem;height:4px;background:#ffffff1f;border-radius:2px;overflow:hidden}.fuel-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#8d7434,var(--brass));transition:width .26s ease}.fuel-bar i[data-low=true]{background:linear-gradient(90deg,#7a2b1c,#d4613f)}.marks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .55rem}.marks li{font-size:.66rem;letter-spacing:.04em;color:var(--text-dim);white-space:nowrap}.marks li:before{content:"○";margin-right:.28rem;color:var(--brass-dim)}.marks li[data-found=true]{color:#f6e2a8;text-decoration:line-through;text-decoration-color:#b2402ccc}.marks li[data-found=true]:before{content:"◆";color:var(--red)}.sense{position:absolute;top:4.6rem;left:50%;transform:translate(-50%);max-width:min(34rem,90vw);text-align:center;margin:0;padding:.3rem .9rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffe6ab;background:#081418cc;border:1px solid var(--line);border-radius:2px;z-index:4;pointer-events:none}.narrator{position:absolute;left:50%;bottom:10.8rem;transform:translate(-50%);margin:0;max-width:min(46rem,88vw);text-align:center;font-family:var(--serif);font-size:.98rem;line-height:1.45;color:#f2e7cd;text-shadow:0 2px 10px rgba(0,0,0,.85);pointer-events:none;z-index:4;transition:opacity .3s ease}.narrator[data-quiet=true]{opacity:0}.planner{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:1rem;padding:.7rem clamp(.6rem,2vw,1.6rem) calc(1.9rem + env(safe-area-inset-bottom,0px));background:linear-gradient(0deg,#061216f2,#061216b3);border-top:1px solid var(--line);z-index:5}.dial{position:relative;flex:0 0 auto;width:6.4rem;height:6.4rem;padding:0;border-radius:50%;background:#08161be6;border:1px solid var(--brass-dim);touch-action:none;overflow:visible}.dial svg{width:100%;height:100%;display:block}.dial-face{fill:#0c2228e6}.dial-rim{fill:none;stroke:#d0a94e73;stroke-width:1.4}.dial-tick{stroke:#d0a94e80;stroke-width:1.6}.dial-tick--major{stroke:#e2c274;stroke-width:2.6}.dial-blade{fill:#e86a45;stroke:#2a1208;stroke-width:.8}.dial-hub{fill:#f0d79a;stroke:#2a1208;stroke-width:.8}.dial-read{position:absolute;left:50%;bottom:-1.35rem;transform:translate(-50%);font-family:var(--serif);font-size:.9rem;letter-spacing:.1em;color:#f4e6c4;text-transform:none;white-space:nowrap;pointer-events:none;text-shadow:0 1px 6px rgba(0,0,0,.9)}.plan-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.4rem}.readout{display:flex;align-items:baseline;gap:.6rem}.readout-label{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-dim)}.readout-value{font-family:var(--serif);font-size:1.05rem;color:var(--text)}.readout-value b{font-size:1.5rem;color:#f6e6bd}.stepper{display:flex;align-items:center;gap:.5rem}.stepper button{width:2.2rem;height:2.2rem;padding:0;font-size:1rem;line-height:1}.stepper input[type=range]{flex:1 1 auto;min-width:0;accent-color:var(--brass);height:1.4rem;cursor:pointer}.cost{margin:0;font-size:.7rem;letter-spacing:.04em;color:var(--text-dim)}.cost b{color:#f0d79a}.plan-actions{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:.45rem}.sail{background:linear-gradient(180deg,#d9b45a,#b2862c);color:#1b1206;border-color:#8d7434;font-weight:700;font-size:.84rem;padding:.75rem 1.3rem}.sail:hover:not(:disabled),.sail:focus-visible{background:linear-gradient(180deg,#f0cf72,#c69833);color:#1b1206}.plan-toggles{display:flex;gap:.35rem}.plan-toggles button[aria-pressed=true]{background:#d0a94e3d;border-color:var(--brass);color:#fff2d4}.chart-shell{position:absolute;inset:5.2rem clamp(.4rem,2vw,2.4rem) 8.8rem;display:flex;justify-content:center;gap:.6rem;z-index:3;pointer-events:none}.chart-sheet{flex:0 1 auto;height:100%;aspect-ratio:1 / 1;min-width:0;background:linear-gradient(160deg,var(--paper) 0%,var(--paper-2) 100%);border-radius:2px;box-shadow:0 18px 46px #0009,inset 0 0 0 1px #5a442259;display:flex;overflow:hidden;transform:rotate(-.35deg)}#chart{width:100%;height:100%;display:block;font-family:var(--serif);touch-action:pan-y}.c-frame{fill:none;stroke:#5a4422;stroke-width:.5}.c-frame-inner{fill:none;stroke:#5a442280;stroke-width:.18}.c-grat{stroke:#5a44223d;stroke-width:.12}.c-grat--major{stroke:#5a442266;stroke-width:.2}.c-blot{fill:#785c301a}.c-land{fill:url(#hatch-sand);stroke:#2f2313;stroke-width:.32;stroke-linejoin:round}.c-land--rock{fill:url(#hatch-rock)}.c-land--bar{fill:url(#hatch-bar);stroke-dasharray:.7 .5}.c-surf{fill:none;stroke:#2f23138c;stroke-width:.22;stroke-dasharray:1.2 .8}.c-hill{fill:none;stroke:#2f2313b3;stroke-width:.24}.c-label{fill:#2f2313;font-size:1.55px;letter-spacing:.06px;paint-order:stroke;stroke:#e6d8b4bf;stroke-width:.5px}.c-note{fill:#2f2313b8;font-size:1.15px;font-style:italic;paint-order:stroke;stroke:#e6d8b499;stroke-width:.4px}.c-mark-name{fill:#8e2f1c;font-size:1.6px;font-weight:700;paint-order:stroke;stroke:#e6d8b4cc;stroke-width:.55px}.c-pencil{fill:none;stroke:#4a565cb8;stroke-width:.22;stroke-dasharray:.9 .75}.c-pencil-label{fill:#3c484ed9;font-size:1.1px;font-style:italic}.c-track{fill:none;stroke:#2f2313b8;stroke-width:.26;stroke-dasharray:1.4 .9}.c-track-dot{fill:#2f2313}.c-strike{fill:none;stroke:#8e2f1c;stroke-width:.5}.c-boat{fill:#8e2f1c;stroke:#2f2313;stroke-width:.14}.c-anchor{fill:#2f2313}.c-mark-star{fill:#8e2f1c;stroke:#2f2313;stroke-width:.14}.c-drowned{fill:none;stroke:#8e2f1c;stroke-width:.3;stroke-dasharray:.5 .6}.c-rose{fill:none;stroke:#2f2313;stroke-width:.2;stroke-linejoin:round}.c-rose-faint{stroke:#2f231373;stroke-width:.14;fill:none}.c-rose-label{fill:#2f2313;font-size:1.6px;text-anchor:middle;dominant-baseline:middle}.c-scale{fill:#2f2313}.c-scale-text{fill:#2f2313;font-size:1.2px;text-anchor:middle}.log-sheet{flex:0 0 clamp(12rem,22vw,17rem);display:flex;flex-direction:column;min-height:0;padding:.6rem .7rem .5rem;background:#09181de6;border:1px solid var(--line);border-radius:2px;pointer-events:auto;box-shadow:0 14px 36px #0000008c}.log-head .eyebrow{white-space:nowrap}.log-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:.35rem;margin-bottom:.4rem}.eyebrow{margin:0;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}.log-tide{margin:0;font-family:var(--serif);font-size:.78rem;color:#9fd8c2}.log-list{list-style:none;margin:0;padding:0 .2rem 0 0;overflow-y:auto;font-size:.74rem;line-height:1.45;color:#d6dfe0;scrollbar-width:thin}.log-list li{padding:.28rem 0 .28rem .5rem;border-left:2px solid rgba(208,169,78,.3);margin-bottom:.3rem;color:#cfdcdd}.log-list li b{color:#f2e0b0;font-weight:600}.log-list li[data-tone=mark]{border-left-color:var(--red);color:#f4d7c9}.log-list li[data-tone=bad]{border-left-color:#6d7f86;color:#b8c6c9}.log-list li[data-tone=good]{border-left-color:#58a98c}.log-list li i{display:block;font-style:normal;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-dim);margin-top:.1rem}body[data-chart=true] .narrator,body[data-chart=true] .sense{opacity:0}.scrim{position:absolute;inset:0;z-index:8;display:flex;align-items:center;justify-content:center;padding:clamp(.8rem,3vw,2.4rem);background:radial-gradient(120% 120% at 50% 0%,#0c262ce6,#040c0ff5);overflow-y:auto}.sheet{width:min(46rem,100%);background:#08161beb;border:1px solid var(--line);border-radius:3px;padding:clamp(1rem,2.6vw,1.9rem);box-shadow:0 24px 60px #0009}.sheet--narrow{width:min(24rem,100%)}.sheet h1{margin:.2rem 0 .6rem;font-family:var(--serif);font-size:clamp(2.1rem,6vw,3.1rem);font-weight:500;letter-spacing:.01em;color:#f7ecd2}.sheet h2{margin:.2rem 0 .6rem;font-family:var(--serif);font-size:clamp(1.5rem,4vw,2rem);font-weight:500;color:#f7ecd2}.lede{margin:0 0 1rem;font-family:var(--serif);font-size:clamp(.98rem,2.2vw,1.12rem);line-height:1.55;color:#d5e2e2;max-width:40rem}.brief{margin:0 0 1.1rem;padding-left:1.2rem;display:grid;gap:.42rem;font-size:.85rem;line-height:1.5;color:#c3d3d4;max-width:42rem}.brief b{color:#f0d79a}.sheet-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.9rem}.record{margin:0;font-size:.72rem;letter-spacing:.06em;color:var(--brass-dim)}.hint{margin:1rem 0 0;font-size:.72rem;line-height:1.5;color:#93a7aa;max-width:40rem}.toggle-row{display:flex;gap:.5rem;margin-bottom:.4rem}.toggle-row button[aria-pressed=true]{background:#d0a94e3d;border-color:var(--brass);color:#fff2d4}.sheet-line{margin:0 0 .5rem;font-family:var(--serif);font-size:1.02rem;line-height:1.5;color:#dbe7e7}.sheet-note{margin:.8rem 0 0;font-size:.78rem;line-height:1.5;color:#9db1b3}.tally{list-style:none;margin:.8rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.4rem 1rem}.tally li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px dotted rgba(208,169,78,.28);padding-bottom:.2rem;font-size:.78rem;color:#b9cbcd}.tally b{color:#f2e0b0;font-family:var(--serif);font-size:.95rem}@media(pointer:coarse){.dial{width:7.4rem;height:7.4rem}button{padding:.62rem .95rem}}@media(max-width:720px){.hud{display:grid;grid-template-columns:1fr 1fr 1fr}.hud-cell{padding:.35rem .55rem .45rem;border-right:0}.hud-cell--marks{grid-column:1 / -1;order:4;border-top:1px solid rgba(208,169,78,.16)}.hud-cell:nth-child(1){order:1}.hud-cell--tide{order:2}.hud-cell:nth-child(4){order:3}.hud-value{font-size:1.05rem}.marks{flex-wrap:nowrap;overflow:hidden}.marks li{font-size:.58rem}.planner{flex-wrap:wrap;gap:.5rem}.dial{width:5.4rem;height:5.4rem}.dial-read{bottom:.4rem;font-size:.68rem;letter-spacing:.04em}.sail{white-space:nowrap;padding:.7rem .9rem}.plan-mid{order:3;flex:1 0 100%}.plan-actions{flex-direction:row;align-items:center;flex:1 1 auto}.narrator{bottom:19.6rem;font-size:.86rem}.chart-shell{inset:4.6rem .35rem 15.6rem;flex-direction:column}.chart-sheet{width:100%;height:auto;max-height:100%}.log-sheet{flex:0 0 8.5rem}}@media(max-width:420px){.log-sheet{flex:0 0 7rem}.log-list{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}