/* ORCA Founder Reset v30 — simplify first-read and restore node-led discovery on compact screens. */
@media (max-width: 760px){
  #browser-experience{min-height:100svh;overflow-x:hidden;background:#03111a}
  #browser-experience .nature-topbar{position:sticky!important;top:0!important;z-index:90!important;min-height:66px!important;background:rgba(2,11,18,.92)!important;backdrop-filter:blur(14px)!important}
  #browser-experience .nature-browser-status{display:none!important}

  /* Entry: one question, one action. */
  #browser-experience .nature-entry{min-height:calc(100svh - 66px)!important;padding:clamp(34px,8vh,78px) 18px 36px!important;display:grid!important;align-items:end!important;background:linear-gradient(180deg,rgba(2,11,18,.12),rgba(2,11,18,.82))!important}
  #browser-experience .nature-entry__content{width:min(100%,620px)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
  #browser-experience .nature-entry__title{font-size:clamp(52px,15vw,78px)!important;line-height:.92!important;letter-spacing:-.055em!important;max-width:8ch!important;margin:12px 0 18px!important}
  #browser-experience .nature-entry__intro{font-size:18px!important;line-height:1.4!important;max-width:32ch!important;color:rgba(255,255,255,.72)!important}
  #browser-experience .nature-entry__actions{margin-top:24px!important;display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
  #browser-experience .nature-entry__actions span,#browser-experience .nature-entry__boundary,#browser-experience .nature-entry__signal{display:none!important}

  /* After entry: the ocean/animal is the dominant viewport. */
  #browser-experience.is-entered .nature-stage{position:relative!important;inset:auto!important;min-height:58svh!important;height:58svh!important;margin:0!important;overflow:hidden!important;border-bottom:1px solid rgba(110,231,255,.12)!important}
  #browser-experience .nature-subject{inset:0!important}
  #browser-experience .nature-subject__meta{left:16px!important;right:auto!important;bottom:18px!important;max-width:70%!important;padding:0!important;border:0!important;background:transparent!important;backdrop-filter:none!important}
  #browser-experience .nature-subject__boundary{display:none!important}
  #browser-experience .nature-stage__instruction{display:none!important}

  /* Restore the smooth discovery grammar: dots first, labels on intent. */
  #browser-experience .nature-premium__panel,
  #browser-experience .nature-premium__detail,
  #browser-experience .nature-premium__audio,
  #browser-experience .nature-context-ribbon{display:none!important}
  #browser-experience .nature-premium-hotspot__label{display:none!important}
  #browser-experience .nature-premium-hotspot__dot{width:11px!important;height:11px!important;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 0 10px color-mix(in srgb,var(--tone) 11%,transparent),0 0 26px color-mix(in srgb,var(--tone) 48%,transparent)!important}
  #browser-experience .nature-node__label{display:none!important}
  #browser-experience .nature-node__index{font-size:7px!important;opacity:.72!important}
  #browser-experience .nature-node__pulse{animation-duration:3.2s!important}

  /* Narrative is now a clean block below the scene, never on top of it. */
  #browser-experience .nature-journey-hud{position:relative!important;inset:auto!important;transform:none!important;width:auto!important;min-height:0!important;margin:0!important;padding:22px 16px 18px!important;background:linear-gradient(180deg,#04131b,#020b10)!important;border:0!important;border-bottom:1px solid rgba(110,231,255,.13)!important;backdrop-filter:none!important;display:grid!important;gap:18px!important;opacity:1!important;visibility:visible!important}
  #browser-experience .nature-journey-hud__copy{max-width:none!important}
  #browser-experience .nature-journey-hud__title{font-size:clamp(34px,10vw,48px)!important;line-height:1!important;letter-spacing:-.04em!important;margin:8px 0!important}
  #browser-experience .nature-journey-hud__cue{font-size:10px!important;line-height:1.35!important;max-width:38ch!important}
  #browser-experience .nature-journey-hud__actions{display:grid!important;grid-template-columns:auto 1fr!important;gap:8px!important}
  #browser-experience .nature-journey-hud__next{grid-column:1/-1!important;min-height:48px!important}
  #browser-experience .nature-journey-hud__back,#browser-experience .nature-journey-hud__evidence,#browser-experience .nature-journey-hud__next{position:static!important;transform:none!important;min-width:0!important;font-size:10px!important}

  #browser-experience .nature-progress{position:relative!important;inset:auto!important;display:flex!important;overflow-x:auto!important;gap:0!important;padding:12px 14px 18px!important;background:#020b10!important;scrollbar-width:none!important}
  #browser-experience .nature-progress::-webkit-scrollbar{display:none}
  #browser-experience .nature-progress__step{flex:0 0 46px!important;min-width:46px!important;height:38px!important;padding:0!important;background:transparent!important;border:0!important}
  #browser-experience .nature-progress__step b{display:none!important}

  /* Evidence is progressive disclosure, not another permanent card. */
  #browser-experience .nature-chapter{display:none!important}
  #browser-experience .nature-chapter.is-open{display:block!important;position:fixed!important;z-index:120!important;left:12px!important;right:12px!important;top:max(78px,calc(env(safe-area-inset-top) + 66px))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;overflow:auto!important;padding:22px!important;background:rgba(2,11,16,.97)!important;border:1px solid rgba(110,231,255,.26)!important;backdrop-filter:blur(18px)!important;transform:none!important;opacity:1!important;visibility:visible!important}
  #browser-experience .nature-footer{display:none!important}
}

@media (min-width:761px){
  /* Desktop still benefits from less persistent chrome. */
  #browser-experience .nature-context-ribbon{opacity:.72}
  #browser-experience .nature-premium__panel{max-width:320px}
}