@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#192237;--paper:#f5efdf;--white:#fffaf0;--line:#d7ccba;--red:#e9583c;--gold:#edb748;--green:#335b49;--muted:#746f67;--body:'DM Sans',sans-serif;--title:'Barlow Condensed',sans-serif;--mono:'Space Mono',monospace;color:var(--ink);background:var(--paper);font-family:var(--body)}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit;touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:4px}header{height:92px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:4px solid var(--red)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;object-fit:cover}.wordmark{font:800 34px/.9 var(--title);letter-spacing:1.8px}.brand small{display:block;font:10px var(--mono);letter-spacing:2.2px;margin-top:8px;color:#c0baa8}.nav{display:flex;gap:32px;height:100%;align-items:center}.nav a{font-size:14px;opacity:.7;height:100%;align-content:center;border-bottom:3px solid transparent}.nav a.active{opacity:1;border-color:var(--gold)}.edition{border:1px solid #667080;padding:9px 12px;font:11px var(--mono)}.page{max-width:1600px;margin:auto;padding:26px 36px 0}.chapter-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font:11px var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:700 clamp(30px,3vw,48px)/1.05 var(--title);margin:9px 0 0}h2{font:700 32px/1.05 var(--title);margin-bottom:15px}h3{font:700 24px var(--title)}.route-summary{display:flex;align-items:center;gap:16px;font-size:13px}.chapter-count{font:700 28px var(--title)}.route-summary span{display:block;color:var(--muted);font-size:11px}.atlas-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;border:1px solid var(--line);background:var(--white)}.map-shell{position:relative;min-width:0;background:#34493f;overflow:hidden;border-right:1px solid var(--line)}.map{position:relative;aspect-ratio:1.5;background:url('assets/atlas.png') center/cover;isolation:isolate}.map:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 80px #172b3340;pointer-events:none}.map-label{position:absolute;top:20px;left:20px;background:var(--paper);padding:10px 13px;font:11px var(--mono);letter-spacing:1px;box-shadow:3px 3px 0 #17233340}.north{position:absolute;right:22px;top:18px;font:700 18px var(--mono);color:var(--paper);text-shadow:1px 2px #172333}.north b{display:block;font-size:28px}.map-node{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;z-index:2}.pin{width:39px;height:39px;background:var(--paper);border:3px solid var(--ink);display:grid;place-items:center;font:700 15px var(--mono);box-shadow:3px 4px #10192855;transition:transform .15s}.node-name{background:var(--ink);color:var(--paper);padding:6px 9px;font-size:11px;font-weight:700;white-space:nowrap}.map-node.active .pin{background:var(--red);color:white;transform:translateY(-3px);outline:2px solid var(--paper);outline-offset:3px}.map-node.done .pin{background:var(--green);color:white}.map-node.locked .pin{background:#b7b9a9}.map-node:hover .pin{transform:translateY(-5px)}.map-note{position:absolute;bottom:18px;left:18px;max-width:210px;background:#f5efdfec;border-left:3px solid var(--red);padding:12px;font:12px/1.6 var(--mono)}.map-toolbar{height:44px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:11px var(--mono)}.map-toolbar button{border:0;background:none;color:inherit;font:inherit}.brief{padding:25px 24px;display:flex;flex-direction:column}.chapter-no{font:11px var(--mono);color:var(--red);letter-spacing:1px;margin-bottom:22px}.brief h2{font-size:34px}.brief p{font-size:14px;line-height:1.7;color:#66665f}.task-list{list-style:none;margin:8px 0 25px;padding:0}.task-list li{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.check{width:19px;height:19px;border:1px solid #b7b4a7;display:grid;place-items:center;font:11px var(--mono)}.check.done{background:var(--green);color:white;border-color:var(--green)}.primary,.secondary{padding:13px 17px;border:1px solid var(--ink);font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--red);color:white;border-color:var(--red);box-shadow:0 3px 0 #a93725}.primary:hover{background:#cf432b}.secondary{background:transparent}.brief .primary{margin-top:auto;width:100%}.fine{font:11px/1.6 var(--mono)!important;margin:12px 0 0}.crew-bar{display:grid;grid-template-columns:155px repeat(3,minmax(0,1fr));border:1px solid var(--line);border-top:none;background:var(--white)}.crew-title{padding:22px 20px;border-right:1px solid var(--line)}.crew-title h3{margin:7px 0}.crew-card{position:relative;display:flex;align-items:center;gap:15px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:13px 18px;color:var(--ink)}.crew-card:last-child{border-right:none}.crew-card.selected{background:#eee5cf;box-shadow:inset 0 -3px var(--red)}.crew-card strong{display:block;font:700 24px var(--title)}.crew-card small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.crew-art{width:60px;height:74px;flex:0 0 60px;background:url('assets/crew.png') no-repeat;background-size:300% 400%;image-rendering:pixelated;background-position-x:var(--x,0%);animation:breathe 2s steps(2) infinite}.crew-card:nth-child(3) .crew-art{animation-delay:.6s}.crew-card:nth-child(4) .crew-art{animation-delay:1.1s}@keyframes breathe{50%{transform:translateY(-2px)}}.selected-label{position:absolute;right:10px;top:10px;color:var(--red);font:10px var(--mono)}.under-atlas{display:flex;align-items:center;justify-content:space-between;margin:19px 0 24px;gap:15px;color:var(--muted);font-size:12px}.text-link{border:0;background:none;text-decoration:underline;text-underline-offset:4px;font:inherit;color:var(--ink)}footer{border-top:1px solid var(--line);padding:20px 36px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}footer b{color:var(--ink)}footer a{margin-left:18px}dialog{width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 #19223755}dialog::backdrop{background:#111d30a3;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);padding:14px 22px;font:11px var(--mono);letter-spacing:1px}.close{background:none;border:0;color:inherit;font-size:24px;line-height:1}.dialog-body{padding:30px}.dialog-body p{font-size:16px;line-height:1.7}.puzzle-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.puzzle-choices button{padding:17px;background:var(--white);border:1px solid var(--line);text-align:left;font-size:14px}.puzzle-choices button:hover,.puzzle-choices button.picked{border-color:var(--red);background:#f1dfc8}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.result{padding:14px;border-left:3px solid var(--green);background:#e1e6d5;margin:18px 0;font-size:14px;line-height:1.6}.result.error{border-color:var(--red);background:#f3ddcf}.sequence{display:flex;gap:10px;margin:22px 0}.sequence button{flex:1;min-height:70px;border:1px solid var(--ink);background:var(--white);font-size:28px}.journal-entry{padding:16px 0;border-bottom:1px solid var(--line)}.journal-entry small{font:11px var(--mono);color:var(--red)}.journal-entry p{font-size:14px;margin:9px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:14px 20px;z-index:5;font-size:14px;max-width:calc(100% - 32px);text-align:center}.document-page{max-width:1150px;margin:auto;padding:48px 30px}.document-intro{max-width:680px;font-size:18px;line-height:1.7}.rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.rule{border-top:2px solid var(--ink);padding:22px 0}.rule p{font-size:16px;line-height:1.7}.brand-preview{background:var(--ink);padding:28px;display:flex;gap:30px;align-items:center;color:var(--paper)}.brand-preview img{width:130px}.brand-preview h2{font-size:56px;margin:0}.banner-download img{display:block;width:100%;margin:24px 0 12px}.social-post{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--line);margin:28px 0;background:var(--white)}.social-post img{width:100%;height:100%;object-fit:cover}.social-copy{padding:26px}.social-copy pre,.bio-copy{font:15px/1.7 var(--body);white-space:pre-wrap}.social-copy .secondary{margin-top:12px}.palette{display:flex;gap:10px;margin:25px 0}.swatch{padding:30px 12px 12px;flex:1;border:1px solid var(--line);font:11px var(--mono)}
@media(max-width:1050px){.page{padding:22px 20px 0}header{padding:0 22px}.atlas-layout{grid-template-columns:minmax(0,1fr) 260px}.brief{padding:22px 18px}.map{aspect-ratio:1.15}.crew-bar{grid-template-columns:110px repeat(3,minmax(0,1fr))}.crew-card{padding:12px 10px;gap:5px}.crew-art{width:45px;flex-basis:45px;height:60px}.crew-title{padding:20px 12px}.selected-label{display:none}.nav{gap:22px}}@media(max-width:740px){header{height:78px;padding:0 16px}.brand img{width:35px;height:35px}.wordmark{font-size:27px}.brand small{font-size:9px;letter-spacing:1px}.nav{gap:16px}.nav a{font-size:12px}.edition{display:none}.page{padding:22px 14px 0}.chapter-head{align-items:center;gap:10px}.chapter-head h1{font-size:34px}.route-summary{min-width:75px;gap:7px}.route-summary span{font-size:10px}.chapter-count{font-size:24px}.atlas-layout{display:flex;flex-direction:column}.map-shell{border-right:0}.map{aspect-ratio:1.5}.map-label{font-size:9px;left:12px;top:12px;padding:7px}.north{font-size:12px;right:15px;top:12px}.north b{font-size:20px}.map-note{display:none}.pin{width:29px;height:29px;font-size:12px}.node-name{font-size:9px;padding:4px 5px}.brief{padding:22px}.chapter-no{margin-bottom:12px}.brief h2{font-size:30px}.task-list{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin-bottom:18px}.task-list li{font-size:12px}.brief p{font-size:15px}.crew-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.crew-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);padding:10px 15px}.crew-title h3{font-size:20px;margin:0}.crew-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 5px}.crew-art{width:54px;height:70px;flex-basis:70px}.crew-card strong{font-size:23px}.crew-card small{font-size:11px}.under-atlas{align-items:start;font-size:11px;line-height:1.6}footer{padding:18px 15px;gap:10px;flex-wrap:wrap;font-size:11px}footer a{margin-left:12px}.dialog-body{padding:23px}.document-page{padding:32px 18px}.rule-grid{grid-template-columns:1fr;gap:10px}.social-post{grid-template-columns:1fr}.brand-preview{padding:18px;gap:15px}.brand-preview img{width:76px}.brand-preview h2{font-size:39px}.palette{flex-wrap:wrap}.swatch{min-width:42%}.puzzle-choices{grid-template-columns:1fr}.map-toolbar{padding:0 12px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Supplied character art, rendered with aligned feet. */
canvas.crew-art{background:none;width:72px;height:80px;flex-basis:72px;animation:none}.traveler{position:absolute;width:56px;height:62px;z-index:1;transform:translate(-50%,-50%);transition:left 1.3s ease,top 1.3s ease;pointer-events:none;image-rendering:pixelated}.map{aspect-ratio:1.5}.crew-card:focus-visible{z-index:2}.crew-card small,.task-list li{font-size:14px}.brief p{font-size:16px}.node-name{font-size:12px}.map-node .pin{width:42px;height:42px}.map-node{min-width:44px;min-height:44px}@media(max-width:740px){canvas.crew-art{width:64px;height:72px;flex-basis:72px}.traveler{width:38px;height:42px}.node-name{font-size:10px}.map-node .pin{width:32px;height:32px}.map-label{display:none}.task-list li{font-size:13px}.crew-card small{font-size:12px}}