:root{color-scheme:dark;--bg:#102b29;--panel:#183735;--ink:#f4ead5;--muted:#b1c4b5;--gold:#e7b66e;--line:#42615a;--dark:#102724}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#254c42 0,transparent 48%),var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}main{max-width:1190px;margin:auto;padding:28px 36px 0}button,input,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.35;cursor:default}a{color:inherit}header{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{text-decoration:none;letter-spacing:3px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:12px}.brand-mark{font:italic 30px Georgia;color:var(--gold);border:1px solid var(--gold);width:42px;height:42px;display:grid;place-items:center;border-radius:50%}.tagline{font-size:10px;letter-spacing:2px;color:var(--muted)}header button{margin-left:auto}.quiet{color:var(--ink);border:1px solid var(--line);background:transparent;border-radius:8px;padding:8px 13px}.quiet:hover{background:#31564a}.intro{display:flex;justify-content:space-between;align-items:center;padding:44px 0 25px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.1px;color:var(--gold);margin:0 0 12px}h1{font:clamp(42px,5.6vw,67px)/1.04 Georgia,serif;letter-spacing:-2px;margin:0 0 20px}h1 em{font-weight:400;color:#e6be85}.lede{max-width:500px;color:var(--muted);font-size:14px;margin:0}.progress{text-align:right;flex-shrink:0}.progress>span{font:40px Georgia;display:block}.progress small{color:var(--muted);font-size:11px}#progressDots{display:flex;gap:7px;margin-top:17px;justify-content:flex-end}#progressDots i{width:7px;height:7px;border-radius:50%;background:#44675c}#progressDots i.done{background:var(--gold)}nav{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.chapter-tab{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;background:transparent;color:var(--muted)}.chapter-tab.active{background:var(--gold);color:var(--dark);border-color:var(--gold)}.chapter-tab.done{border-color:var(--gold);color:var(--gold)}.chapter-tab.active.done{color:var(--dark)}.game-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.playboard{background:linear-gradient(135deg,#23443d,#183735);border:1px solid #527365;border-radius:15px;padding:28px 30px;box-shadow:0 15px 40px #001b1825}.chapter-top{display:flex;justify-content:space-between;gap:10px}.chapter-top .eyebrow{font-size:9px}#best{color:var(--gold);font-size:10px}h2{font:30px/1.15 Georgia;margin:0 0 12px}.story{font:italic 14px/1.6 Georgia;color:var(--muted);margin:0 0 22px;min-height:44px}.destination{padding:13px 16px;display:flex;align-items:center;gap:13px;border:1px solid #63816a;border-radius:9px;background:#112d29;flex-wrap:wrap}.destination span:first-child{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.destination strong{letter-spacing:5px;font-size:20px;text-transform:uppercase;color:var(--gold)}#distance{font-size:10px;color:var(--muted);margin-left:auto}#trail{list-style:none;padding:18px 0 4px;margin:0;max-height:260px;overflow:auto;scrollbar-width:thin}#trail li{display:flex;align-items:center;gap:12px;min-height:49px;position:relative}#trail .step{font-size:10px;color:var(--muted);width:28px}#trail .letters{display:flex;gap:6px}#trail .letter{display:grid;place-items:center;width:36px;height:37px;border:1px solid #597768;border-radius:5px;font:22px Georgia;text-transform:uppercase;background:#16352d}#trail li:last-child .letter{background:#e4d8b9;color:#183735;border-color:#e4d8b9}#trail li:last-child .letter.changed{background:var(--gold);border-color:var(--gold)}#trail .start-marker{margin-left:auto;font-size:10px;color:var(--muted)}label{display:block;font-size:12px;margin:12px 0 8px}label small{font-size:10px;color:var(--muted);float:right}.entry{display:flex;gap:8px}input{min-width:0;width:100%;border:1px solid #789381;border-radius:7px;background:#102b27;color:var(--ink);padding:11px 13px;font:21px Georgia;letter-spacing:4px;text-transform:uppercase}input::placeholder{font:12px system-ui;letter-spacing:1px;text-transform:none}.primary{border:1px solid var(--gold);border-radius:7px;background:var(--gold);color:var(--dark);padding:10px 15px;font-size:12px;font-weight:650;white-space:nowrap}.primary:hover{background:#f2cd95}.primary span{margin-left:7px}#message{font-size:12px;color:#eed19f;min-height:38px;line-height:1.5;margin:10px 0 4px}.tools{display:flex;gap:7px;flex-wrap:wrap}.tools button{font-size:11px;padding:7px 9px}details{border-top:1px solid var(--line);margin-top:20px;padding-top:13px}summary{font-size:12px;cursor:pointer;color:#dfd5ba}summary span{display:block;font-size:10px;color:var(--muted);padding-left:15px}details p{font-size:11px;color:var(--muted)}#neighbors{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}#neighbors button{border:1px solid var(--line);border-radius:5px;background:#17342f;color:var(--ink);padding:6px 10px;font-size:12px;letter-spacing:1px;text-transform:uppercase}#neighbors button:hover{border-color:var(--gold)}.art{height:545px;border-radius:15px;overflow:hidden;position:relative;background-image:url('chapter-art.webp');background-size:200% 200%;box-shadow:0 12px 40px #001d1840;border:1px solid #6a7960;transition:filter .7s}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10282410 35%,#061e18ee 100%)}#artLabel{position:absolute;top:23px;left:25px;font-size:10px;letter-spacing:2px;color:#fff5db;text-shadow:0 1px 5px #001a14}.art-caption{position:absolute;bottom:27px;left:26px;right:20px}.art-caption>span{font-size:8px;letter-spacing:2px;color:#e8d5aa}.art-caption h3{font:35px/1.12 Georgia;margin:12px 0}.art-caption p{font:italic 13px Georgia;color:#d0d0b6}.margin-note{display:flex;align-items:center;gap:18px;margin:25px 20px;color:var(--gold)}.margin-note>span{font-size:25px}.margin-note p{font:italic 16px Georgia;margin:0}.margin-note small{font:11px system-ui;color:var(--muted);display:block;margin-top:8px}#completion{padding-top:17px}#completion h3{font:28px Georgia;margin:5px 0}#completion p:not(.eyebrow){font-size:13px;color:var(--muted)}[hidden]{display:none!important}footer{border-top:1px solid var(--line);margin-top:35px;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer p{margin:0}footer a{text-underline-offset:3px}dialog{max-width:550px;width:calc(100% - 30px);border:1px solid #6e8a75;border-radius:15px;background:#193a32;color:var(--ink);padding:30px;box-shadow:0 30px 80px #00150b}dialog::backdrop{background:#001b17cc;backdrop-filter:blur(5px)}dialog p{font-size:14px;color:var(--muted)}#closeHelp{float:right;margin:0 0 12px 12px}:focus-visible{outline:3px solid #f4cd84;outline-offset:4px}@media(max-width:760px){main{padding:18px 18px 0}.tagline{display:none}header{gap:10px;padding-bottom:16px}.intro{padding:30px 0 23px}.intro h1{font-size:45px}.lede{font-size:12px;max-width:290px}.progress{margin-left:15px}.progress>span{font-size:30px}.progress small{font-size:9px}.game-layout{grid-template-columns:1fr;gap:18px}.playboard{padding:23px 20px}.art{height:310px}.art-card{grid-row:2}.margin-note{margin:20px 5px}footer{display:block}footer p+p{margin-top:10px}#trail{max-height:240px}h2{font-size:27px}.entry .primary{padding:10px;font-size:11px}.destination{gap:9px}#distance{font-size:9px}.progress small{display:block;max-width:80px}#progressDots{gap:4px}.chapter-tab{width:34px;height:34px}nav{gap:7px}label small{float:none;display:block}dialog{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}