/* Physical guide and opened trail-map share paper, ink and painted timber.
   Detailed controls remain readable HTML rather than projected small text. */
body.hybrid-world #help {
  --play-control-paper:#31594b;
  --play-control-paper-hover:#244638;
  --play-control-edge:#31594b;
  --play-control-ink:#fff9ec;
  --play-control-depth:#1e3d31;
  box-sizing:border-box;
  width:min(1060px,calc(100vw - 48px));
  max-width:none;
  max-height:calc(100dvh - 48px);
  padding:22px 32px 32px;
  border:8px solid #967754;
  border-radius:12px;
  background:#faf4e7;
  color:#243f37;
  box-shadow:0 6px 0 #6f583e,0 18px 60px #142c3a55;
}
body.hybrid-world #help > .reader-top{position:sticky;top:0;z-index:4;background:#faf4e7;border:0;padding:0 0 22px;min-height:48px}
body.hybrid-world #help :is(h2,h3){color:#243f37;font-family:var(--font-heading);font-weight:400;letter-spacing:0;line-height:1.4}
body.hybrid-world #help h2{font-size:clamp(25px,3vw,34px);margin:0 0 28px}
body.hybrid-world #help h3{font-size:18px;margin-bottom:20px}
body.hybrid-world #help :is(p,dd,.check,.music-choice){color:#344f43}
body.hybrid-world #help :is(a,summary,.help-actions button){color:#31594b}
body.hybrid-world #help kbd{color:#fff9ec;background:#31594b;border:1px solid #234637;box-shadow:0 2px 0 #1e3d31;min-width:24px;text-align:center}
body.hybrid-world #help .field-guide-settings{border:0;border-radius:8px;background:#e7ecdf;padding:22px}
body.hybrid-world #help :is(.check input,.motion-option input){accent-color:#31594b}
body.hybrid-world #help .place-shortcuts button{background:#e7ecdf;color:#243f37;border-color:#b2bfa7}
body.hybrid-world #help #help-close{background:#31594b;color:#fff9ec;border-color:#234637;border-radius:7px;min-width:44px;min-height:44px}
body.hybrid-world #help #help-resume{background:#31594b;color:#fff9ec;border-color:#234637;border-radius:7px;box-shadow:0 3px 0 #1e3d31}
body.hybrid-world #help :is(button,a,select):focus-visible{outline:3px solid #a64d31;outline-offset:4px}
body.hybrid-world #ride-tools :is(#ride-camera,#ride-bell,#ride-light){min-height:44px;padding:10px 14px;background:#31594b;color:#fff9ec;border:1px solid #234637;border-radius:6px;box-shadow:0 2px 0 #1e3d31;font:600 14px/1.3 var(--font-body);cursor:pointer}
body.hybrid-world #ride-tools :is(#ride-camera,#ride-bell,#ride-light):hover{background:#244638}
body.hybrid-world #ride-tools :is(#ride-camera,#ride-bell,#ride-light):focus-visible{outline:3px solid #a64d31;outline-offset:4px}
body.hybrid-world #world-map > .reader-top > .play-music-dock{position:static;margin-left:auto;order:1}
body.hybrid-world #world-map > .reader-top #map-close{order:2}
body.hybrid-world #world-map > .reader-top{position:sticky;top:0;z-index:4;background:#d9e4db}
body.hybrid-world #ride-tools{--play-control-paper:#31594b;--play-control-paper-hover:#244638;--play-control-edge:#7f9b89;--play-control-depth:#1e3d31;background:#244638eF;border-color:#7f9b89}
body.hybrid-world #ride-tools kbd{background:#244638;color:#fff9ec;border-color:#7f9b89}
body.hybrid-world #game #woody-guide{max-width:440px;background:#faf4e7;color:#243f37;border:2px solid #967754;border-radius:9px;box-shadow:0 5px 20px #203c3633}
body.hybrid-world #woody-guide #woody-guide-controls{display:none}
body.hybrid-world #game #woody-guide :is(h2,p,.eyebrow){color:#243f37}
body.hybrid-world .play-music-dock{--play-control-paper:#31594b;--play-control-paper-hover:#244638;--play-control-edge:#7f9b89;--play-control-depth:#1e3d31}
/* One painted-timber kit across screen utilities and contextual riding cues.
   The trailhead board is in the world; this HUD remains accessible HTML. */
body.hybrid-world :is(#world-bottom,#woody-guide){
  --play-control-paper:#31594b;
  --play-control-paper-hover:#244638;
  --play-control-ink:#fff9ec;
  --play-control-edge:#7f9b89;
  --play-control-depth:#1e3d31;
  --play-control-primary:#e6ba69;
  --play-control-primary-hover:#edc780;
  --play-control-primary-ink:#243f37;
}
body.hybrid-world #world-bottom :is(#notice,#ride-status){background:#244638f5;color:#fff9ec;border-color:#7f9b89;box-shadow:0 3px 0 #1e3d31,0 8px 24px #203c3626}
body.hybrid-world #world-bottom #interact{background:#31594bf5;color:#fff9ec;border-color:#7f9b89;border-left:4px solid #e6ba69}
body.hybrid-world #world-bottom #interact .stop-caption{color:#f0ce91}
body.hybrid-world #world-bottom :is(kbd,#route-hint kbd){background:#31594b;color:#fff9ec;border-color:#7f9b89}
body.hybrid-world #world-bottom #route-hint{background:#faf4e7;color:#243f37;border-color:#b6bda8}
body.hybrid-world #game #woody-guide-dismiss{background:#31594b;color:#fff9ec;border-color:#234637}
body.hybrid-world #help .guide-arrival{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;margin:0 0 30px;padding:18px 20px;background:#e7ecdf;border:1px solid #c0c8b5;border-radius:8px}
body.hybrid-world #help .guide-arrival p{margin:0;font-size:15px;line-height:1.6}
body.hybrid-world #help .guide-arrival #journey-reset-note{grid-column:1/-1;font-size:13px;color:#4d6257}
body.hybrid-world #help #help-reset{min-height:44px;padding:10px 15px;border:1px solid #31594b;border-radius:6px;background:#faf4e7;color:#243f37;font:600 14px/1.4 var(--font-body);cursor:pointer}
body.hybrid-world #help #help-reset:hover{background:#f2e7ce}
body.hybrid-world #help #help-reset kbd{margin-left:8px}
@media(max-width:850px){body.hybrid-world #help .guide-arrival{grid-template-columns:1fr;padding:16px}body.hybrid-world #help #help-reset{justify-self:start}}
@media(max-width:850px){body.hybrid-world #help{width:calc(100vw - 24px);padding:18px}body.hybrid-world #help .field-guide-layout{grid-template-columns:1fr;gap:24px}body.hybrid-world #help .field-guide-settings{padding:18px}body.hybrid-world #ride-tools :is(#ride-camera,#ride-bell,#ride-light){font-size:12px;padding-inline:10px}}
@media(forced-colors:active){body.hybrid-world #help,body.hybrid-world #help .field-guide-settings{background:Canvas;color:CanvasText;border-color:ButtonBorder}body.hybrid-world #help :is(h2,h3,p,dd,.check,.music-choice,a,summary){color:CanvasText}}

body.hybrid-world #ride-tools :is(#ride-camera,#ride-bell,#ride-light){display:inline-flex;align-items:center;justify-content:center;gap:8px}
body.hybrid-world #ride-tools :is(#ride-bell,#ride-light){min-height:46px;padding-block:8px;flex:none}
@media(max-width:850px){
  body.hybrid-world #ride-tools{gap:4px}
  body.hybrid-world #ride-tools :is(#ride-bell,#ride-light) svg{display:none}
  body.hybrid-world #ride-tools #ride-camera{white-space:nowrap;flex:none}
}

body.hybrid-world #ride-tools #ride-light[aria-pressed="true"]{background:#f0ce8f;color:#243f37;border-color:#c5a15f;box-shadow:0 2px 0 #806a45}
body.hybrid-world #ride-tools #ride-light[aria-pressed="true"] kbd{color:#243f37;background:#f8e4bc;border-color:#c5a15f}

/* Music has a user level independent of the soundtrack and sound switch. */
body.hybrid-world #help .play-music-level{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 16px;margin:12px 0 20px}
body.hybrid-world #help .play-music-level label{color:#344f43;font:600 15px/1.5 var(--font-body)}
body.hybrid-world #help .play-music-level output{color:#243f37;font:600 15px/1.5 var(--font-body);font-variant-numeric:tabular-nums}
body.hybrid-world #help .play-music-level input{grid-column:1/-1;width:100%;min-height:44px;margin:0;accent-color:#31594b;cursor:pointer}
body.hybrid-world #help .play-music-level input:focus-visible{outline:3px solid #a64d31;outline-offset:4px;border-radius:4px}
body.hybrid-world #help .play-music-level p{grid-column:1/-1;margin:0;font-size:13px;line-height:1.6}