:root{--ui-fg:#fdfbf6;--ui-muted:#fdfbf6b8;--ui-panel:#121a2c94;--ui-accent:#f4c79a;color:var(--ui-fg);font-family:ui-serif,Iowan Old Style,Palatino,Georgia,serif}html,body{background:#0b1026;height:100%;margin:0;overflow:hidden}canvas{touch-action:none;display:block}.unsupported{text-align:center;place-items:center;padding:2rem;font-size:1.2rem;line-height:1.5;display:grid;position:fixed;inset:0}.start-screen{background:linear-gradient(#0b102659,#0b10261a);place-items:center;transition:opacity 1.6s;display:grid;position:fixed;inset:0}.start-screen.hidden{opacity:0;pointer-events:none}.start-card{text-align:center;padding:2rem 2.5rem}.start-card h1{letter-spacing:.04em;text-shadow:0 2px 24px #00000040;margin:0 0 .4rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:400}.start-tagline{color:var(--ui-muted);margin:0 0 2rem;font-style:italic}.start-button{font:inherit;color:var(--ui-fg);background:var(--ui-panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fdfbf673;border-radius:999px;padding:.7rem 2.2rem;font-size:1.15rem;transition:background .3s,border-color .3s}.start-button:hover,.start-button:focus-visible{border-color:var(--ui-accent);background:#f4c79a47;outline:none}.start-progress{color:var(--ui-muted);margin:.9rem 0 0;font-size:.95rem}.start-new-voyage{font:inherit;color:var(--ui-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:1.2rem;font-size:.85rem;text-decoration:underline}.hud{opacity:0;pointer-events:none;transition:opacity 1.2s;position:fixed;bottom:20px;left:20px}.hud.visible{opacity:1}.hud-ring{fill:#121a2c59;stroke:#fdfbf68c;stroke-width:1.5px}.hud-nogo{fill:#fdfbf61f;transition:fill .4s}.hud-nogo.in-irons{fill:#f4c79a73}.hud-arrow{fill:var(--ui-accent)}.hud-boat,.hud-sail-fill{fill:var(--ui-fg)}.hud-sail-track{fill:#fdfbf633}@media (prefers-reduced-motion:reduce){.start-screen,.hud{transition:none}}.settings{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;top:16px;right:16px}.settings-toggle{width:40px;height:40px;color:var(--ui-fg);background:var(--ui-panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fdfbf64d;border-radius:50%;place-items:center;display:grid}.settings-panel{background:var(--ui-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;flex-direction:column;gap:12px;min-width:220px;max-height:calc(100vh - 72px);padding:14px 16px;font-size:.95rem;display:flex;overflow-y:auto}.settings-panel[hidden]{display:none}.settings-panel label{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-panel select{font:inherit}.settings-panel .settings-voice{font:inherit;box-sizing:border-box;width:170px}.settings-panel .settings-check{justify-content:flex-start}.settings-panel input[type=range]{width:120px;accent-color:var(--ui-accent)}.settings-speech{border:1px solid #fdfbf633;border-radius:8px;flex-direction:column;gap:10px;margin:0;padding:8px 10px 10px;display:flex}.settings-speech legend{padding:0 4px}.settings-speech-body{flex-direction:column;gap:10px;display:flex}.settings-speech-body[hidden],.settings-speech-none[hidden]{display:none}.settings-speech-none,.settings-hint{opacity:.8;margin:0;font-size:.8rem}.settings-voice-row{align-items:center;gap:8px;display:flex}.settings-voice-row label{flex:1}.settings-voice-row select{max-width:175px}.settings-sample{font:inherit;width:26px;height:26px;color:var(--ui-fg);cursor:pointer;background:0 0;border:1px solid #fdfbf659;border-radius:50%;padding:0;font-size:.75rem}.settings-sample:disabled{opacity:.4;cursor:default}.hud-sail-fill.overpowered{fill:#f2a35e;animation:.6s steps(2,jump-none) infinite hud-warn}@keyframes hud-warn{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){.hud-sail-fill.overpowered{animation:none}}.logbook-toggle{width:40px;height:40px;color:var(--ui-fg);background:var(--ui-panel);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #fdfbf64d;border-radius:50%;place-items:center;display:grid;position:fixed;top:16px;right:64px}.logbook{z-index:10;background:#0b102659;place-items:center;display:grid;position:fixed;inset:0}.logbook[hidden]{display:none}.logbook-page{--ink:#2f2a22;--ink-soft:#2f2a22c7;box-sizing:border-box;width:min(880px,94vw);max-height:min(620px,86vh);color:var(--ink);background-color:#f1e8d4;background-image:repeating-linear-gradient(#0000 0 31px,#5a78961f 31px 32px);border-radius:6px;flex-direction:column;padding:20px 28px 24px;display:flex;box-shadow:0 20px 60px #00000073}.logbook-header{justify-content:space-between;align-items:flex-start;display:flex}.logbook-header h2{letter-spacing:.03em;margin:0;font-size:1.8rem;font-weight:400}.logbook-subtitle{color:var(--ink-soft);margin:2px 0 0;font-style:italic}.logbook-close{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:1.6rem;line-height:1}.logbook-tabs{border-bottom:1px solid #2f2a2240;gap:6px;margin:16px 0 12px;display:flex}.logbook-tab{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:6px 10px}.logbook-tab[aria-selected=true]{color:var(--ink);border-bottom-color:#9a5b2e}.logbook-tab span{font-size:.8em}.logbook-cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:4px 2px;display:grid;overflow-y:auto}.logbook-card{background:#fffcf48c;border:1px solid #2f2a222e;border-radius:4px;grid-template-columns:56px 1fr;gap:12px;padding:12px;display:grid}.logbook-card h3{margin:0 0 4px;font-size:1.05rem;font-weight:600}.logbook-line{color:var(--ink-soft);margin:0;font-size:.85rem}.logbook-text{margin:6px 0 0;font-size:.92rem;line-height:1.4}.logbook-icon{color:#3b4d5e}.logbook-card.missing{background:0 0;border-style:dashed}.logbook-card.missing .logbook-icon{color:#2f2a2299;border:1px dashed #2f2a224d;border-radius:50%;place-items:center;width:52px;height:52px;font-size:2rem;display:grid}.logbook-card.missing .logbook-text{font-style:italic}.logbook-toast{box-sizing:border-box;max-width:calc(100vw - 32px);color:var(--ui-fg);background:var(--ui-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 10px;transition:opacity .8s,transform .8s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.logbook-toast.visible{opacity:1;transform:translate(-50%)}.logbook-toast-icon svg{width:32px;height:32px;display:block}.logbook-toast small{color:var(--ui-muted);font-size:.78rem;display:block}@media (prefers-reduced-motion:reduce){.logbook-toast{transition:none}}.debug-log{white-space:pre-wrap;color:#ddd;max-height:180px;margin:4px 8px 8px;font:11px/1.35 ui-monospace,monospace;overflow:auto}@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-display:block}.laptop-backdrop{z-index:20;opacity:0;pointer-events:none;background:radial-gradient(#0000001a 45%,#0009 100%);position:fixed;inset:0}.laptop-backdrop.active{pointer-events:auto}.laptop-panel{z-index:21;box-sizing:border-box;padding:calc(var(--lt-line,26px) / 2) var(--lt-cell,14px);transform-origin:0 0;font-family:Departure Mono,ui-monospace,monospace;font-size:var(--lt-font,22px);line-height:var(--lt-line,26px);color:#ff8a2a;text-shadow:0 0 2px #ff7a1a,0 0 8px #ff6e1480;-webkit-font-smoothing:none;font-smooth:never;background:#140602;border-radius:6px;position:fixed;overflow:hidden;box-shadow:0 0 0 10px #2b2926,0 14px 60px #0009}.laptop-panel[hidden]{display:none}.lt-row{height:var(--lt-line,26px);white-space:pre}.lt-dim{color:#a9501b;text-shadow:0 0 5px #ff6e144d}.lt-bright{color:#ffc27a}.lt-cursor{color:#140602;text-shadow:none;background:#ff8a2a}.lt-mark{color:#140602;text-shadow:none;background:#a9501b}.laptop-sink{opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;position:absolute;top:0;left:0}.laptop-toasts{z-index:15;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;max-width:calc(100vw - 32px);display:flex;position:fixed;bottom:196px;left:20px}.laptop-toast{color:#ff8a2a;text-shadow:0 0 2px #ff7a1a,0 0 8px #ff6e1480;animation:laptop-toast-life var(--toast-s,6s) linear forwards;background:#140602d9;border-radius:4px;padding:4px 10px;font:22px/26px Departure Mono,ui-monospace,monospace}@keyframes laptop-toast-life{0%{opacity:0}5%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.laptop-toast{animation:none}}.logbook-toast.plain{padding-left:18px}.hud-n-dot{fill:#121a2ccc;stroke:#fdfbf68c;stroke-width:1px}.hud-n{fill:var(--ui-fg);dominant-baseline:central;font-size:8px;font-weight:600}.hud-heading{fill:var(--ui-fg);letter-spacing:.04em;font-size:12px}.hud-missing{display:none}.hud-north.dead,.hud-heading.dead{opacity:.4}.hud-arrive{animation:1.5s ease-out hud-arrive}@keyframes hud-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hud-arrive{animation:none}}.hud-prompt{text-align:center;color:var(--ui-fg);background:var(--ui-panel);border-radius:999px;margin-top:4px;padding:3px 10px;font-size:.85rem}.hud-prompt[hidden]{display:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chart-toggle{right:112px}.chart-page{height:min(620px,86vh)}.chart-wrap{background:#fffcf459;border:1px solid #2f2a2233;border-radius:4px;flex:1;min-height:240px;margin-top:10px;position:relative}.chart-canvas{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.chart-canvas:active{cursor:grabbing}.chart-riddle{text-align:center;margin:10px 0 0;font-style:italic}.chart-riddle:empty{display:none}.chart-note{text-align:center;color:#3c3c40d9;margin:4px 0 0;font-family:Bradley Hand,Segoe Print,Chalkboard,cursive;font-size:1.05rem}.chart-note:empty{display:none}.scene-page{z-index:5;opacity:0;width:min(380px,100vw - 32px);max-height:calc(100vh - 302px);transition:opacity .6s;position:fixed;top:72px;left:24px;overflow:hidden;transform:none}.scene-page[hidden]{display:none}.scene-page.visible{opacity:1}.scene-page h2{margin:0 0 8px;padding-right:40px;font-size:1.5rem;font-weight:400}.scene-text,.letter-text{min-height:0;overflow-y:auto}.scene-text p{margin:0 0 12px;line-height:1.45}.scene-text .scene-word{text-align:center;letter-spacing:.12em;text-transform:uppercase;margin:16px 0;font-size:2rem}.scene-text .scene-lead{color:var(--ink-soft);margin-bottom:4px}.scene-text .scene-note{font-style:italic}.letter-text p{margin:0 0 12px;font-style:italic;line-height:1.45}.letter-text .letter-sign{text-align:right}.scene-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.scene-button{font:inherit;color:var(--ink);cursor:pointer;background:#fffcf499;border:1px solid #2f2a2259;border-radius:999px;padding:6px 14px}.scene-button[hidden]{display:none}.scene-button:disabled{opacity:.6;cursor:default}.read-aloud{width:30px;height:30px;font:inherit;color:var(--ink);cursor:pointer;background:#fffcf499;border:1px solid #2f2a2259;border-radius:50%;padding:0;font-size:.75rem;line-height:1;position:absolute;top:14px;right:14px}.read-aloud[hidden]{display:none}@media (width<=560px){.scene-page{max-height:50vh;top:auto;bottom:16px;left:16px;transform:none}}@media (prefers-reduced-motion:reduce){.scene-page{transition:none}}.settings-new-voyage{font:inherit;color:var(--ui-fg);cursor:pointer;background:0 0;border:1px solid #fdfbf659;border-radius:999px;align-self:flex-start;padding:4px 12px}.settings-controls summary{cursor:pointer}.controls-list{grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:.85rem;display:grid}.controls-list dt{white-space:nowrap;font-weight:600}.controls-list dd{color:var(--ui-muted);margin:0}.intro{z-index:8;pointer-events:none;position:fixed;inset:0}.intro[hidden]{display:none}.intro-line{text-align:center;width:min(720px,100vw - 48px);color:var(--ui-fg);text-shadow:0 1px 12px #0000008c;opacity:0;margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);font-style:italic;line-height:1.4;position:absolute;bottom:18vh;left:50%;transform:translate(-50%)}.intro-skip{font:inherit;color:var(--ui-fg);background:var(--ui-panel);cursor:pointer;pointer-events:auto;border:1px solid #fdfbf659;border-radius:999px;padding:6px 16px;font-size:.9rem;position:absolute;bottom:20px;right:20px}.coach-note{box-sizing:border-box;max-width:calc(100vw - 32px);color:var(--ui-fg);background:var(--ui-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;border:1px solid #f4c79a73;border-radius:999px;padding:8px 18px;transition:opacity .6s,transform .6s;position:fixed;bottom:84px;left:50%;transform:translate(-50%,8px)}.coach-note.visible{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.coach-note{transition:none}}