:root{--paper:#eee9dc;--ink:#203a3b;--muted:#71807b;--gold:#b39353;--line:#cfcdbf}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #aa7738;outline-offset:4px}button:disabled{opacity:.35;cursor:default}header{height:83px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-size:15px;font-weight:bold;letter-spacing:3px;text-decoration:none;display:grid;grid-template-columns:42px auto;align-items:center;line-height:1.5}.brandmark{grid-row:span 2;font-size:38px;color:var(--gold)}.brand small{font-size:8px;letter-spacing:2px;font-weight:normal}nav{display:flex;gap:25px}nav button,.chart-top button,#reset{background:none;border:0;color:inherit}nav button{font-size:11px}#log-count{background:#dbd6c7;border-radius:50%;padding:3px 6px;margin-left:5px}main{max-width:1600px;margin:auto;padding:42px 4.5% 0}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:bold;color:#8d7545}h1{font:normal clamp(40px,4.5vw,70px)/1.07 Georgia,serif;letter-spacing:-2px;margin:15px 0}h1 em{font-weight:normal;color:#7e8c81}p{color:#62726b}.intro p{margin:14px 0 0;font-size:12px}.intro-right{text-align:right;padding-bottom:8px}.mode{display:flex;border:1px solid #b9bcb0;padding:4px;border-radius:4px}.mode button{border:0;background:transparent;color:#66746e;padding:10px 17px;font-size:11px}.mode button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-radius:2px}.intro-right p{font-size:10px}.experience{display:grid;grid-template-columns:minmax(0,1fr) 340px;border:1px solid var(--line);min-height:540px}.chart{min-width:0;background:#10292d;color:#c3c7b3;position:relative;display:flex;flex-direction:column}.chart-top,.map-bottom{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;font:9px/1.5 Arial,sans-serif;letter-spacing:1.4px}.chart-top{border-bottom:1px solid #ffffff10}.chart-top button{border:1px solid #ffffff20;min-width:26px;padding:3px 7px;margin-left:3px;font-size:10px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#deb971;margin-right:8px}.chart svg{width:100%;flex:1;min-height:300px}.lands path{fill:#697c66;fill-opacity:.45;stroke:#b6b395;stroke-width:1;stroke-opacity:.45}.sea-labels{font:italic 13px Georgia;fill:#8fa998;letter-spacing:2px;opacity:.35}.stop{cursor:pointer;outline:none}.stop circle{stroke:#baad83;fill:#19383b;stroke-width:1.5}.stop.active circle{fill:#f0cf8b;stroke:#f0cf8b}.stop.visited circle{fill:#998c5a}.stop text{font:9px Arial;fill:#c4c7b0;letter-spacing:.7px}.stop:focus circle,.stop:hover circle{stroke:#fff;stroke-width:3}.stop.active text{fill:#ffe5ac}.ship{transition:transform 1s ease}.compass{fill:none;stroke:#b1ad85;stroke-width:.7;opacity:.55}.compass text{fill:#b1ad85;stroke:none;font:12px Georgia;text-anchor:middle}.map-note{font:7px Arial;letter-spacing:1.8px;fill:#9bad96;opacity:.6}.map-bottom{border-top:1px solid #ffffff10;font-size:8px}.chapter{padding:25px 27px;display:flex;flex-direction:column;background:#f4f0e5}.chapter-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#909581}.chapter h2{font:normal 30px/1.13 Georgia;margin:10px 0 12px;letter-spacing:-.6px}.chapter p{font:12px/1.8 Arial;margin:0 0 15px}.chapter .eyebrow{font-size:8px}.fact{border-left:2px solid #b6a779;padding-left:12px;font:italic 12px/1.6 Georgia;color:#78816c;margin-bottom:18px}#scene{height:95px;display:flex;align-items:center;justify-content:center;color:#8b997d;margin:13px 0 17px}#scene svg{height:95px;width:190px}.chapter-actions{display:flex;gap:8px;margin-top:auto;padding-top:17px}.primary{background:var(--ink);color:#f1ead9;display:flex;justify-content:space-between;flex:1;padding:13px 18px;border:1px solid var(--ink);font-size:11px}.back{border:1px solid #cbcbb9;background:none;width:40px;color:var(--ink)}#decisions button{display:block;text-align:left;width:100%;border:1px solid #cec8b7;background:transparent;padding:10px 12px;margin:6px 0;color:var(--ink);font-size:11px}#decisions button:hover{background:#e6e0ce}#outcome{font-size:11px;color:#8d623a}.status-strip{display:grid;grid-template-columns:1fr 1.4fr 1.2fr 1.4fr;border-bottom:1px solid var(--line);padding:25px 0;gap:25px}.status-strip>div{border-right:1px solid var(--line);padding-right:20px}.status-strip>div:last-child{border:0;padding:0}.status-strip span{display:block;color:#8a927f;font-size:8px;letter-spacing:1.4px}.status-strip strong{font:normal 25px Georgia;display:block;margin-top:7px}.status-strip strong small{font-size:13px;color:#788170}.progress-block span{display:flex;justify-content:space-between}.progress{height:3px;background:#d1d2c3;margin-top:16px}.progress i{height:100%;display:block;background:#a48950;transition:width .6s}#reset{font-size:9px;color:#7b8271;padding:9px 0}.waypoints{padding:27px 0 35px}.section-caption{display:flex;justify-content:space-between;color:#8b927f;letter-spacing:1.5px;font-size:8px;margin-bottom:15px}#chapter-list{display:flex;gap:5px;overflow-x:auto;padding:3px 0 10px}#chapter-list button{flex:1;min-width:72px;background:transparent;border:1px solid #c9c9b8;color:#7b8473;font-size:9px;padding:11px 5px;text-align:left;line-height:1.6}#chapter-list button span{display:block;font-size:8px;color:#a0a68f}#chapter-list button.active{background:#dcdacb;border-color:#8c967d;color:#273e38}footer{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;color:#8d9583;font-size:9px}footer em{margin-left:15px;font:italic 12px Georgia}footer a{color:inherit}dialog{border:1px solid #bfb9a5;background:#f1ecdf;color:var(--ink);width:min(600px,90vw);max-height:80vh;padding:38px;box-shadow:0 30px 100px #0007}dialog::backdrop{background:#10292dbb;backdrop-filter:blur(5px)}dialog h2{font:32px Georgia}dialog p,dialog li{font-size:13px;line-height:1.8}#close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px;color:#677260}.journal-entry{border-top:1px solid var(--line);padding:12px 0}.journal-entry b{font:17px Georgia}.journal-entry p{margin:5px 0}.pulse{animation:pulse 3s infinite}@keyframes pulse{50%{opacity:.4}}@media(min-width:1450px){.experience{grid-template-columns:minmax(0,1fr) 375px}.chapter{padding:30px}.chapter h2{font-size:34px}}@media(max-width:1000px){.experience{grid-template-columns:minmax(0,1fr) 290px}.chapter{padding:20px}.chapter h2{font-size:25px}.intro-right{max-width:310px}.mode button{padding:9px}.map-bottom span:last-child{display:none}.status-strip strong{font-size:21px}}@media(max-width:760px){header{height:70px;padding:0 5%}nav{gap:10px}.brand{font-size:11px;letter-spacing:2px}.brand small{font-size:6px}.brandmark{font-size:30px;grid-template-columns:35px auto}main{padding:28px 5% 0}.intro{display:block}.intro-right{text-align:left;margin-top:22px;max-width:100%}.mode{width:max-content}.experience{display:flex;flex-direction:column}.chart svg{min-height:280px}.chapter{padding:24px}.chapter h2{font-size:32px}#scene{height:65px;margin:0}#scene svg{height:65px}.chapter-meta{margin-bottom:8px}.status-strip{grid-template-columns:1fr 1fr;gap:20px}.status-strip>div:nth-child(2){border:0}.section-caption span:last-child{display:none}footer{flex-wrap:wrap;gap:14px}footer span:last-child{display:none}.chart-top{padding:12px}.map-bottom{padding:12px}h1{font-size:48px}.chapter p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}