@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Libre+Caslon+Display&display=swap');:root{--ink:#122b40;--paper:#fbf4e5;--red:#c64a3d;--gold:#dcae52;--sky:#83adbc;--line:#d7c9ad;font-family:"DM Sans",sans-serif;color:var(--ink);background:#e9dfcb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(110deg,#ede4d3,#d9cbb3)}button{font:inherit;cursor:pointer}header{height:68px;padding:0 27px;display:flex;align-items:center;justify-content:space-between;color:white;background:var(--ink)}.brand{color:white;text-decoration:none;font-weight:700}.brand:first-letter{color:var(--gold)}.hud{display:flex;gap:28px;font-size:.63rem;letter-spacing:.12em}.hud strong{color:var(--gold);font-size:.9rem}main{height:calc(100vh - 68px);min-height:650px;display:grid;grid-template-columns:minmax(360px,.85fr) minmax(500px,1.15fr)}.map-panel{position:relative;overflow:hidden;color:white;background:var(--sky)}.map-panel:after{content:"";position:absolute;z-index:0;inset:55% -30% -30%;border-radius:50% 50% 0 0;background:#ba694e;transform:rotate(-7deg)}.map-title{position:absolute;z-index:4;top:30px;left:32px;display:grid;gap:5px}.map-title small{font-size:.58rem;letter-spacing:.17em}.route{position:absolute;z-index:5;left:13%;top:18%;bottom:26%;width:62%}.route:before{content:"";position:absolute;left:50%;top:3%;bottom:3%;width:3px;background:repeating-linear-gradient(#f6e4b0 0 8px,transparent 8px 15px);transform:rotate(12deg)}.node{position:absolute;width:25px;height:25px;border:3px solid var(--paper);border-radius:50%;display:grid;place-items:center;color:transparent;background:var(--sky);transition:.35s}.node:nth-child(odd){left:34%}.node:nth-child(even){left:60%}.node.done{color:var(--ink);background:var(--gold);border-color:var(--gold)}.node.current{transform:scale(1.4);background:var(--red);box-shadow:0 0 0 7px #fff4}.node.detour:after{content:"×";color:white;font-weight:bold}.landscape{position:absolute;z-index:2;inset:0}.landscape i{position:absolute;left:-5%;bottom:13%;width:70%;height:25%;border-radius:50% 50% 0 0;background:#26475a;transform:rotate(7deg)}.landscape i+ i{left:45%;bottom:8%;background:#d9a84f;transform:rotate(-8deg)}.destination{position:absolute;right:12%;bottom:13%;font-size:62px;color:var(--paper);text-shadow:0 12px 0 var(--paper)}#journal{position:absolute;z-index:8;left:22px;right:22px;bottom:18px;min-height:90px;padding:15px 18px;background:#102b3feF;border:1px solid #ffffff30;border-radius:6px}#journal b{font-size:.58rem;letter-spacing:.15em;color:var(--gold)}#journal p{margin:5px 0 8px;color:#cbd8dd;font-size:.72rem}#artifacts{display:flex;gap:6px;flex-wrap:wrap}.artifact{padding:4px 7px;border-radius:3px;color:var(--ink);background:var(--gold);font-size:.62rem;animation:pop .35s}.encounter{display:grid;place-items:center;padding:clamp(35px,6vw,85px);background:var(--paper)}.start,.finish,.encounter>div{width:min(650px,100%)}.eyebrow,.question-meta{color:var(--red);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.start h1,.finish h1{margin:15px 0 25px;font:400 clamp(3.5rem,7vw,6rem)/.88 "Libre Caslon Display",Georgia,serif;letter-spacing:-.05em}.start>p:not(.eyebrow),.finish>p{color:#647485;line-height:1.7}.start button,.finish button,.dispatch button{margin-top:20px;padding:15px 20px;border:0;border-radius:4px;color:white;background:var(--red);font-weight:700;box-shadow:0 4px 0 #96352f}.start button span{margin-left:55px}.question-meta{display:flex;justify-content:space-between}.encounter h2{min-height:125px;margin:36px 0 32px;font:400 clamp(2.1rem,4.3vw,3.5rem)/1.08 "Libre Caslon Display",Georgia,serif}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{min-height:65px;padding:13px 15px;border:1px solid var(--line);border-radius:5px;text-align:left;color:var(--ink);background:#fffaf2;font-weight:600}.choice:hover:not(:disabled){border-color:var(--red);transform:translateY(-2px)}.choice.correct{color:white;background:#39735d;border-color:#39735d}.choice.wrong{color:white;background:var(--red);border-color:var(--red)}.dispatch{margin-top:20px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border-left:4px solid var(--gold);background:#eee4d2}.dispatch>span{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--red);border-radius:50%;color:var(--red);font-weight:bold;transform:rotate(-8deg)}.dispatch p{margin:4px 0;color:#586a7b;font-size:.78rem;line-height:1.45}.dispatch button{margin:0;box-shadow:none;padding:10px 13px}.seal{display:grid;place-items:center;width:100px;height:100px;border-radius:50%;color:var(--paper);background:var(--red);font-size:2rem;box-shadow:0 0 0 8px var(--gold)}.finish-actions{display:flex;align-items:center;gap:25px}.finish-actions a{color:var(--red);font-weight:700}.finish button{margin:0}.finish h1{font-size:4rem;margin-top:35px}@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}@media(max-width:850px){header{padding:0 15px}.hud{gap:12px}.hud span:nth-child(2){display:none}main{height:auto;display:block}.map-panel{height:280px}.route{top:12%;bottom:18%;width:72%}#journal{display:none}.encounter{min-height:calc(100vh - 348px);padding:38px 22px}.choices{grid-template-columns:1fr}.encounter h2{min-height:auto}.dispatch{grid-template-columns:auto 1fr}.dispatch button{grid-column:1/3}.map-title{top:16px;left:18px}}