/* Equipment stays in the view; instruction cards occupy a reserved edge. */
body.interface-ready #overlay:is([data-screen=bikeintro],[data-screen=trailerintro],[data-screen=scoutintro]){justify-content:flex-end;align-items:center;padding:24px;background:linear-gradient(90deg,transparent 35%,#06131850);backdrop-filter:none;}
body.interface-ready #overlay:is([data-screen=bikeintro],[data-screen=trailerintro],[data-screen=scoutintro]) #panel{width:360px;max-height:calc(100dvh - 48px);min-height:0;margin:0;padding:0;overflow:auto;border:1px solid #a9bfa561;background:#0b1a20f5;box-shadow:0 20px 60px #0004;}
.equipmentLesson{padding:24px;}.lessonProgress{display:flex;gap:5px;margin-bottom:23px;}.lessonProgress i{height:2px;background:#3b514f;flex:1;}.lessonProgress i.read{background:#ccbd86;}
#panel .equipmentLesson h2{font:italic 32px/1.1 Georgia,serif;color:#f0e5c9;margin:15px 0 20px;}#panel .equipmentLesson p{font-size:13px;line-height:1.7;color:#c1d0c8;}#panel .equipmentLesson .eyebrow{font-size:10px;letter-spacing:1.7px;}
.equipmentLesson aside{padding:13px 0;margin:15px 0;border-block:1px solid #819c8950;color:#a8c3bd;font:11px/1.6 monospace;}.lessonActions,.lessonNavigation{display:flex;gap:8px;justify-content:space-between;}.lessonNavigation{margin-top:15px;}#panel .lessonActions button{font-size:9px;min-height:40px;padding:8px;}#panel .lessonNavigation button{font-size:11px;min-height:44px;}
.scoutAcquisition{padding:15px;margin-bottom:20px;border-left:3px solid #73e5ce;background:#74d3b90d;}.scoutAcquisition span,.scoutAcquisition b{display:block;font:10px/1.8 monospace;letter-spacing:1px;}.scoutAcquisition b{font-size:13px;color:#91efcf;}
.rigGuide{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin:24px 0 30px;border:1px solid #8aaf9b40;padding:18px;background:linear-gradient(135deg,#29444455,#0c1d21);}.rigDrawing{grid-row:span 2;align-self:center;}.rigDrawing svg{width:100%;height:auto;}.rigFeatureTabs{display:flex;flex-wrap:wrap;gap:6px;}#panel .rigFeatureTabs button{font-size:10px;padding:8px;}.rigFeatureTabs button[aria-pressed=true]{color:#eddaac;border-color:#d6c591;background:#d6c59116;}.rigExplanation{border-top:1px solid #98bba646;}#panel .rigExplanation p{font-size:12px;line-height:1.7;}#panel .rigExplanation button{font-size:10px;}
.prologue-page{position:relative;isolation:isolate;overflow:hidden;background:#0b1c23!important;}.prologue-copy,.folio-kicker,.prologue-controls,.narratorControls{position:relative;z-index:2;}
.storyLandscape{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 76% 20%,#467b7840,transparent 58%),linear-gradient(130deg,#071722aa,#15282f);}
.storyMoon{position:absolute;right:14%;top:11%;width:100px;height:100px;border:1px solid #b9cbaa45;border-radius:50%;box-shadow:0 0 100px #a7c2a512,inset 0 0 55px #c9d6b314;}
.storyHills{position:absolute;inset:50% -10% -5%;background:linear-gradient(160deg,#36534f66,#09191e);clip-path:polygon(0 49%,12% 23%,25% 45%,38% 15%,55% 57%,69% 29%,84% 45%,100% 14%,100% 100%,0 100%);animation:storyDrift 30s ease-in-out infinite alternate;}
.storyPylon{position:absolute;right:17%;bottom:6%;width:100px;height:64%;opacity:.3;background:#8ba99a;clip-path:polygon(43% 0,57% 0,62% 17%,98% 20%,98% 23%,62% 22%,68% 39%,96% 42%,96% 45%,67% 44%,84% 100%,71% 100%,59% 65%,41% 65%,29% 100%,16% 100%,33% 44%,4% 45%,4% 42%,32% 39%,38% 22%,2% 23%,2% 20%,38% 17%);}
.storySignal{position:absolute;right:calc(17% + 43px);top:26%;width:10px;height:10px;border-radius:50%;background:#ecb56e;box-shadow:0 0 25px #f3bb7180;animation:carrierPulse 4s ease-in-out infinite;}
#panel .prologue-copy h1{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-1.5px;text-shadow:0 4px 30px #0008;animation:storyReveal .8s ease-out both;}
#panel .prologue-copy p{font-family:Georgia,serif!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.7!important;max-width:53ch;animation:storyReveal 1.1s ease-out both;}.prologue-copy blockquote{font-family:Georgia,serif;}
.narratorControls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0;}#panel .narratorControls button{font:10px monospace;min-height:40px;padding:8px 12px;}.narratorControls small{display:block;flex-basis:100%;font-size:10px;color:#8ca89d;}
.maraDialogue{display:grid;grid-template-columns:230px 1fr;gap:34px;padding:20px 0;}.contactPortrait{position:relative;width:190px;flex-shrink:0;align-self:flex-start;border:1px solid #bac39a50;background:#14272b;box-shadow:inset 0 0 0 5px #0b1e22;}.contactPortrait svg{display:block;width:100%;height:auto;}.contactPortrait span{display:block;padding:10px;border-top:1px solid #a2bc9860;color:#d7caa8;font:10px monospace;letter-spacing:2px;}.contactIdentity .eyebrow{margin-top:20px;}#panel .contactIdentity h2{font:italic 44px Georgia,serif;margin:10px 0;}#panel .contactIdentity p{font:italic 14px/1.7 Georgia,serif;color:#adbea9;}
#panel .contactWords>h2{font:italic 33px/1.2 Georgia,serif;margin:12px 0 20px;color:#e4d7b6;}#panel .contactWords .lead,#panel .residentCard .dialogue{font:italic 23px/1.5 Georgia,serif;color:#e5dbbf;}.maraClues{display:grid;gap:12px;margin:24px 0;}.maraClues article{padding:15px 20px;border-left:2px solid #869e77;background:linear-gradient(90deg,#8ba17b0d,transparent);}.maraClues span{font:10px monospace;letter-spacing:1.4px;color:#bcb08d;}#panel .maraClues h3{font:22px Georgia,serif;margin:9px 0;}#panel .maraClues p{font-size:12px;line-height:1.7;margin:0;}.contactGift{padding:14px 18px;border:1px solid #b4c18d44;font:11px/1.6 monospace;color:#bcd5ad;}.residentCard{gap:26px;align-items:center;}#panel .residentCard .hint{font:italic 14px/1.6 Georgia,serif;}
@keyframes storyDrift{to{transform:translateX(-3%) scale(1.08);}}@keyframes carrierPulse{0%,60%,100%{opacity:.35;box-shadow:0 0 12px #e3aa6440;}70%,80%{opacity:1;box-shadow:0 0 40px #f3bb71a0;}}@keyframes storyReveal{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@media(max-width:700px){body.interface-ready #overlay:is([data-screen=bikeintro],[data-screen=trailerintro],[data-screen=scoutintro]){align-items:flex-end;justify-content:center;padding:10px;background:linear-gradient(0deg,#06131877,transparent 68%);}body.interface-ready #overlay:is([data-screen=bikeintro],[data-screen=trailerintro],[data-screen=scoutintro]) #panel{width:100%;max-height:53dvh;}.equipmentLesson{padding:15px 18px;}.lessonProgress{margin-bottom:12px;}#panel .equipmentLesson h2{font-size:26px;margin:9px 0 12px;}#panel .equipmentLesson p{font-size:12px;line-height:1.55;}.equipmentLesson aside{font-size:10px;padding:8px 0;margin:10px 0;}.lessonNavigation{margin-top:9px;}.rigGuide{grid-template-columns:1fr;padding:12px;}.rigDrawing{grid-row:auto;}.maraDialogue{grid-template-columns:1fr;gap:18px;}.contactIdentity{display:grid;grid-template-columns:105px 1fr;gap:0 16px;align-items:center;}.contactIdentity .contactPortrait{width:105px;grid-row:span 3;}.contactIdentity .eyebrow{margin:0;}.contactIdentity p{margin:0;}#panel .contactIdentity h2{font-size:32px;margin:0;}.residentCard{gap:16px;}.residentCard .contactPortrait{width:100px;}#panel .residentCard .dialogue{font-size:19px;}.narratorControls{gap:5px;}#panel .narratorControls button{font-size:8px;padding:7px;}.storyPylon{right:7%;opacity:.18;}.storyMoon{width:65px;height:65px;}.prologue-copy{padding-top:22px!important;}}
@media(prefers-reduced-motion:reduce){.storyHills,.storySignal,.prologue-copy h1,.prologue-copy p{animation:none!important;}}body.reduced-motion .storyHills,body.reduced-motion .storySignal,body.reduced-motion .prologue-copy h1,body.reduced-motion .prologue-copy p{animation:none!important;}
#panel .prologue-copy h1{font-family:Georgia,serif!important;font-style:italic!important;font-weight:400!important;}
#panel .prologue-controls{position:sticky!important;bottom:0;background:#0b1c23f5;z-index:3;padding-block:12px!important;}
body.menu-open:has(#overlay[data-screen=bikeintro]) #toast,body.menu-open:has(#overlay[data-screen=trailerintro]) #toast,body.menu-open:has(#overlay[data-screen=scoutintro]) #toast{visibility:hidden;}