/* AREN SOLIS — PASS21 — BETA Fantasy canonical mobile authority.
   One responsive implementation for Nahara / Passages / Conflits / Visages.
   Replaces the former PROD76.14 + PROD76.16 mobile layers. */
@media (max-width:980px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:auto}
  body{touch-action:pan-x pan-y pinch-zoom}
  body :is(a,button,[role="button"],[data-modal],[data-go]){touch-action:manipulation}
  body[data-page="nahara"] .passage-strip{touch-action:pan-x pan-y pinch-zoom}
  body[data-page="nahara"] :is(.passage-card,.portal){touch-action:pan-x pan-y pinch-zoom}

  body[data-page="sisters"].canon-v21 .page{padding-top:10px!important}
  body[data-page="sisters"].canon-v21 .hero-copy{margin-top:0!important;padding-top:0!important}

  /* PASS21 — Conflict / Faces: one mobile scroll authority = the active screen.
     html/body stay locked exactly like the SPA; the active screen owns vertical touch scrolling.
     No :has() dependency and no document/screen competition. */
  html:is([data-page="conflict"],[data-page="visages"]),
  html:is([data-page="conflict"],[data-page="visages"]) body,
  body:is([data-page="conflict"],[data-page="visages"]){
    width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;
    overflow:hidden!important;overscroll-behavior:none!important;
  }
  body[data-page="conflict"] #conflict.screen.active,
  body[data-page="visages"] #visages.screen.active{
    position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
    min-height:100dvh!important;max-height:100dvh!important;
    overflow-x:hidden!important;overflow-y:auto!important;
    overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;scroll-behavior:auto!important;transform:none!important;
  }
  body:is([data-page="conflict"],[data-page="visages"]) :is(.conflict-rebuilt-shell,.visages-luxe-shell){
    min-height:max-content!important;height:auto!important;overflow:visible!important;
  }

  /* Faces: keep the local return control in the content flow and leave a deliberate breathing gap. */
  body[data-page="visages"] #visages .visages-luxe-shell{
    padding-top:calc(var(--as38-header-h,86px) + 34px)!important;
    padding-bottom:calc(82px + env(safe-area-inset-bottom))!important;
  }
  body[data-page="visages"] #visages .visages-luxe-back{
    position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;
    width:max-content!important;min-width:134px!important;max-width:calc(100vw - 36px)!important;
    height:44px!important;min-height:44px!important;margin:0 0 24px 4px!important;z-index:20!important;
  }
  body[data-page="visages"] #visages .visages-luxe-hero{margin-top:0!important}

  /* Conflict hero typography: one scale in FR / EN / ES. */
  body[data-page="conflict"] #conflict .conflict-rebuilt-title{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(42px,12.2vw,50px)!important;
    font-weight:500!important;line-height:1.02!important;letter-spacing:.035em!important;text-transform:uppercase!important;
    margin:8px 0 20px!important;max-width:100%!important;word-break:normal!important;overflow-wrap:normal!important;
  }
  body[data-page="conflict"] #conflict .conflict-rebuilt-eyebrow{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:.23em!important;
  }
  body[data-page="conflict"] #conflict .conflict-rebuilt-subtitle{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:20px!important;font-weight:500!important;line-height:1.42!important;
  }
  body[data-page="conflict"] #conflict .conflict-rebuilt-copy p{
    font-family:"Cormorant Garamond",Georgia,serif!important;font-size:17px!important;font-weight:500!important;line-height:1.58!important;
  }

  /* Nahara geometry. */
  body[data-page="nahara"].canon-v21 .as-shell{padding-top:6px!important}
  body[data-page="nahara"].canon-v21 .nahara-hero,
  body[data-page="nahara"].canon-v21 .nahara-brume,
  body[data-page="nahara"].canon-v21 .passage-card,
  body[data-page="nahara"].canon-v21 .portal{
    overflow:hidden!important;border:1px solid rgba(220,182,104,.40)!important;border-radius:30px!important;
    background:linear-gradient(145deg,rgba(19,27,28,.72),rgba(2,7,8,.94))!important;
    box-shadow:0 28px 62px rgba(0,0,0,.52),inset 0 1px rgba(255,247,224,.12),inset 0 -1px rgba(214,168,63,.08)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.18)!important;backdrop-filter:blur(22px) saturate(1.18)!important;
    isolation:isolate!important;transform:translateZ(0)!important;
  }
  body[data-page="nahara"].canon-v21 .nahara-hero,
  body[data-page="nahara"].canon-v21 .nahara-brume{width:calc(100% - 32px)!important;margin:12px 16px 24px!important}
  body[data-page="nahara"].canon-v21 :is(.nahara-hero,.nahara-brume,.passage-card,.portal)>.media{
    overflow:hidden!important;transform:translateZ(0)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -1px rgba(216,183,106,.10)!important;
  }
  body[data-page="nahara"].canon-v21 :is(.nahara-hero,.nahara-brume)>.media{border-radius:29px 29px 0 0!important}
  body[data-page="nahara"].canon-v21 :is(.passage-card,.portal)>.media{border-radius:29px!important}
  body[data-page="nahara"].canon-v21 :is(.nahara-hero,.nahara-brume,.passage-card,.portal)>.media img{
    transform:translate3d(var(--tx,0),var(--ty,0),0) scale(1.025)!important;
    filter:saturate(1.04) contrast(1.05) brightness(.90)!important;
  }
  body[data-page="nahara"].canon-v21 .nahara-hero>.copy,
  body[data-page="nahara"].canon-v21 .nahara-brume>.copy{
    position:relative!important;z-index:7!important;background:linear-gradient(160deg,rgba(9,15,16,.76),rgba(2,7,8,.93))!important;
    border-top:1px solid rgba(231,199,127,.18)!important;
  }
  body[data-page="nahara"].canon-v21 .nahara-brume::after{content:none!important;display:none!important}

  /* Section headings stay centered on narrow screens. */
  body[data-page="nahara"] .rule-title{display:block!important;width:100%!important;max-width:100%!important;margin:34px auto 18px!important;padding:0 18px!important;text-align:center!important}
  body[data-page="nahara"] .rule-title>div{display:none!important}
  body[data-page="nahara"] .rule-title::before,
  body[data-page="nahara"] .rule-title::after{content:""!important;display:block!important;width:min(64%,260px)!important;height:1px!important;margin:0 auto 14px!important;background:linear-gradient(90deg,transparent,rgba(217,173,93,.48),transparent)!important}
  body[data-page="nahara"] .rule-title::after{margin:14px auto 0!important}
  body[data-page="nahara"] .rule-title h2,
  body[data-page="nahara"] .rule-title h2 span,
  body[data-page="nahara"] .rule-title h2 small{width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;transform:none!important;white-space:normal!important}

  /* Passages: Alpha-equivalent title + explanatory text in a translucent lower panel. */
  body[data-page="nahara"] .passage-card{height:430px!important;min-height:430px!important}
  body[data-page="nahara"] .passage-card .copy{
    display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:8!important;
    left:14px!important;right:14px!important;bottom:14px!important;padding:17px 18px 18px!important;
    border:1px solid rgba(231,199,127,.30)!important;border-radius:20px!important;
    background:linear-gradient(145deg,rgba(7,12,13,.68),rgba(2,7,8,.86))!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;backdrop-filter:blur(16px) saturate(1.12)!important;
    box-shadow:0 14px 32px rgba(0,0,0,.36),inset 0 1px rgba(255,247,220,.08)!important;
  }
  body[data-page="nahara"] .passage-card .copy h3{display:block!important;visibility:visible!important;opacity:1!important;color:#f0c875!important;margin:0 0 7px!important;font-size:clamp(25px,7vw,33px)!important;line-height:1.02!important}
  body[data-page="nahara"] .passage-card .copy p{display:block!important;visibility:visible!important;opacity:1!important;color:#eee3cd!important;margin:0!important;font-size:14px!important;line-height:1.38!important}

  /* Conflits / Visages portals: complete glass copy (title + text + CTA), not title-only. */
  body[data-page="nahara"] .portal-grid{grid-template-columns:1fr!important;margin:0 16px 34px!important;gap:18px!important}
  body[data-page="nahara"] .portal{height:540px!important;min-height:540px!important}
  body[data-page="nahara"] .portal::after{background:linear-gradient(180deg,rgba(1,7,8,0) 20%,rgba(1,7,8,.12) 58%,rgba(1,7,8,.62) 100%)!important}
  body[data-page="nahara"] .portal .copy{
    display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:8!important;
    left:16px!important;right:16px!important;bottom:16px!important;padding:19px 20px 20px!important;
    border:1px solid rgba(231,199,127,.30)!important;border-radius:22px!important;
    background:linear-gradient(145deg,rgba(7,12,13,.70),rgba(2,7,8,.88))!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;backdrop-filter:blur(18px) saturate(1.15)!important;
    box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 1px rgba(255,247,224,.08)!important;
  }
  body[data-page="nahara"] .portal .copy h3{display:block!important;visibility:visible!important;opacity:1!important;font-size:clamp(31px,9vw,43px)!important;line-height:.98!important;margin:0 0 9px!important;color:#f0c875!important}
  body[data-page="nahara"] .portal .copy p{display:block!important;visibility:visible!important;opacity:1!important;font-size:14px!important;line-height:1.42!important;margin:0 0 11px!important;color:#eee3cd!important}
  body[data-page="nahara"] .portal .copy strong{display:block!important;visibility:visible!important;opacity:1!important;color:#e7bd67!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.12em!important}

  /* Asset zooms: stable full-screen layer and an unmistakable top-left close control. */
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-lightbox{
    z-index:13050!important;position:fixed!important;inset:0!important;
  }
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-panel{
    position:relative!important;width:min(94vw,760px)!important;max-height:90dvh!important;overflow:auto!important;border-radius:28px!important;
  }
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-close,
  body:is([data-page="conflict"],[data-page="visages"]) .serelia-message-modal__close{
    display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    position:absolute!important;top:18px!important;left:18px!important;right:auto!important;
    width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;padding:0!important;
    z-index:5200!important;color:#f6df9c!important;font-size:30px!important;line-height:1!important;
    border:1px solid rgba(231,199,127,.65)!important;border-radius:50%!important;
    background:linear-gradient(145deg,rgba(29,32,29,.92),rgba(2,7,8,.97))!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;backdrop-filter:blur(18px) saturate(1.2)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.58),inset 0 1px rgba(255,247,224,.16),0 0 22px rgba(216,183,106,.14)!important;
    transform:none!important;
  }
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-media{display:block!important;width:100%!important;height:min(46dvh,520px)!important;min-height:280px!important;background:#020607!important;overflow:hidden!important}
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-media img{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important}
  body:is([data-page="conflict"],[data-page="visages"]) .as1096-fragment-copy{padding:22px 20px 28px!important}
  body:is([data-page="conflict"],[data-page="visages"]) #as1096FragmentText p{font-size:16px!important;line-height:1.52!important;margin:10px 0 0!important;color:#e6dac4!important}

  /* Conflits parchment: canonical mobile visibility + printed FR/EN/ES assets. */
  body[data-page="conflict"].canon-v21 #conflict .conflict-parchment-feature{
    order:2!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;
  }
  body[data-page="conflict"].canon-v21 #conflict .conflict-parchment-btn{
    display:block!important;visibility:visible!important;opacity:1!important;width:min(100%,560px)!important;height:auto!important;min-height:0!important;max-width:560px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;
  }
  body[data-page="conflict"].canon-v21 #conflict .conflict-parchment-btn img{
    display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.48)) saturate(1.02)!important;transform:translateZ(0)!important;background:transparent!important;
  }
  body[data-page="conflict"].canon-v21 .serelia-message-modal{z-index:13050!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__panel{position:relative!important;width:min(94vw,720px)!important;height:min(94dvh,900px)!important;max-height:94dvh!important;overflow:auto!important;padding-top:74px!important;scroll-padding-top:74px!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__layout{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__parchment{display:block!important;visibility:visible!important;opacity:1!important;width:min(88vw,430px)!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 auto!important;background:transparent!important;overflow:visible!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__parchment-bg--blank{display:none!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__parchment-bg--print{position:relative!important;inset:auto!important;display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:calc(94dvh - 112px)!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;-webkit-mask-image:none!important;mask-image:none!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.50))!important}
  body[data-page="conflict"].canon-v21 .serelia-message-modal__copy{display:none!important}

  /* PASS26 — La Brume becomes a full Nahara chapter on Beta. */
  body[data-page="nahara"] .brume-chapter{margin:26px 0 10px!important;padding:0!important}
  body[data-page="nahara"] .brume-rule-title{margin-top:22px!important;margin-bottom:10px!important}
  body[data-page="nahara"] .brume-rule-title h2 span{font-size:clamp(34px,9.8vw,48px)!important;line-height:1.02!important;letter-spacing:.08em!important}
  body[data-page="nahara"] .brume-chapter-intro{width:calc(100% - 54px)!important;margin:0 auto 20px!important;text-align:center!important;color:#d2c3a8!important;font-size:15px!important;line-height:1.5!important}
  body[data-page="nahara"] .nahara-brume .brume-rule{margin-top:18px!important;padding-top:16px!important;border-top:1px solid rgba(217,173,93,.28)!important;font-size:15px!important;line-height:1.5!important}
  body[data-page="nahara"] .brume-lore-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;margin:18px 16px 0!important;padding:0!important}
  body[data-page="nahara"] .brume-lore-card{width:100%!important;min-height:560px!important;border-radius:30px!important;overflow:hidden!important;position:relative!important;touch-action:pan-y pinch-zoom!important}
  body[data-page="nahara"] .brume-lore-card>.media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border-radius:29px!important;overflow:hidden!important}
  body[data-page="nahara"] .brume-lore-card>.media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(.68) saturate(.9) contrast(1.04)!important;transform:translate3d(var(--tx,0),var(--ty,0),0) scale(1.025)!important}
  body[data-page="nahara"] .brume-lore-card::after{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;background:linear-gradient(180deg,rgba(2,7,8,.02) 16%,rgba(2,7,8,.20) 50%,rgba(2,7,8,.78) 100%)!important;pointer-events:none!important}
  body[data-page="nahara"] .brume-lore-card>.copy{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;z-index:8!important;left:16px!important;right:16px!important;bottom:16px!important;padding:19px 19px 20px!important;border:1px solid rgba(231,199,127,.30)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(7,12,13,.72),rgba(2,7,8,.90))!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;backdrop-filter:blur(18px) saturate(1.15)!important;box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 1px rgba(255,247,224,.08)!important}
  body[data-page="nahara"] .brume-lore-card>.copy .eyebrow{margin:0 0 8px!important;font-size:10px!important;letter-spacing:.18em!important}
  body[data-page="nahara"] .brume-lore-card>.copy h3{margin:0 0 10px!important;color:#f0c875!important;font-size:clamp(28px,8vw,38px)!important;line-height:1.02!important;letter-spacing:.045em!important}
  body[data-page="nahara"] .brume-lore-card>.copy p:last-child{margin:0!important;color:#eee3cd!important;font-size:14px!important;line-height:1.45!important}
  body[data-page="nahara"] .brume-lore-note{width:calc(100% - 32px)!important;margin:18px 16px 28px!important;padding:20px 18px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:14px!important;align-items:center!important;text-align:left!important;border-radius:24px!important;font-size:14px!important;line-height:1.5!important}
  body[data-page="nahara"] .brume-lore-sigil{width:38px!important;height:38px!important}
}

/* PASS29 — Beta iOS Glass reinforcement + horizontal Brume sub-assets */
@media(max-width:980px){
  body[data-page="nahara"] .brume-lore-grid{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(84vw,84vw)!important;
    grid-template-columns:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:16px!important;
    margin:18px 16px 0!important;
    padding:0 2px 6px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body[data-page="nahara"] .brume-lore-grid::-webkit-scrollbar{display:none!important}
  body[data-page="nahara"] .brume-lore-card{
    width:84vw!important;
    min-width:84vw!important;
    max-width:84vw!important;
    scroll-snap-align:start!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }

  body[data-page="nahara"] :is(.nahara-brume .copy,.brume-lore-card>.copy,.passage-card .copy,.portal .copy,.brume-lore-note){
    position:relative!important;
    overflow:hidden!important;
    border:1px solid rgba(238,205,138,.30)!important;
    background:linear-gradient(160deg,rgba(18,28,31,.18),rgba(8,13,15,.58) 36%,rgba(3,7,8,.82) 100%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.24)!important;
    backdrop-filter:blur(22px) saturate(1.24)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.36),0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,248,230,.14),inset 0 -1px 0 rgba(255,214,145,.05)!important;
  }
  body[data-page="nahara"] :is(.nahara-brume .copy,.brume-lore-card>.copy,.passage-card .copy,.portal .copy,.brume-lore-note)::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg,rgba(255,248,230,.18),rgba(255,248,230,.05) 20%,rgba(255,248,230,0) 48%)!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  body[data-page="nahara"] :is(.nahara-brume .copy,.brume-lore-card>.copy,.passage-card .copy,.portal .copy,.brume-lore-note)::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;right:14px!important;top:1px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(255,247,228,0),rgba(255,247,228,.36),rgba(255,247,228,0))!important;
    pointer-events:none!important;
    z-index:0!important;
  }
  body[data-page="nahara"] :is(.nahara-brume .copy,.brume-lore-card>.copy,.passage-card .copy,.portal .copy,.brume-lore-note)>*{position:relative!important;z-index:1!important}

  body[data-page="nahara"] .nahara-brume .copy{
    width:auto!important;
    margin:18px 16px 18px!important;
    padding:22px 20px 20px!important;
    border-radius:24px!important;
  }
  body[data-page="nahara"] .brume-lore-card>.copy{
    left:16px!important;right:16px!important;bottom:16px!important;
    padding:18px 18px 19px!important;
    border-radius:22px!important;
  }
  body[data-page="nahara"] .passage-card .copy{
    left:14px!important;right:14px!important;bottom:14px!important;
    padding:16px 17px 15px!important;
    border-radius:20px!important;
  }
  body[data-page="nahara"] .portal .copy{
    left:16px!important;right:16px!important;bottom:16px!important;
    padding:18px 18px 17px!important;
    border-radius:22px!important;
    max-width:none!important;
  }
}

/* PASS30 — Fix raw Brume assets, visible glass, bottom slabs, horizontal swipe unlocked */
@media(max-width:980px){
  body[data-page="nahara"] .brume-chapter{overflow:visible!important}
  body[data-page="nahara"] .brume-lore-grid{
    display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;
    overflow-x:auto!important;overflow-y:hidden!important;gap:16px!important;
    width:calc(100% - 32px)!important;margin:18px 16px 0!important;padding:0 0 8px!important;
    -webkit-overflow-scrolling:touch!important;scroll-snap-type:x mandatory!important;overscroll-behavior-x:contain!important;touch-action:pan-x!important;
    scrollbar-width:none!important;pointer-events:auto!important;
  }
  body[data-page="nahara"] .brume-lore-grid::-webkit-scrollbar{display:none!important}
  body[data-page="nahara"] .brume-lore-card{
    flex:0 0 84vw!important;width:84vw!important;min-width:84vw!important;max-width:84vw!important;
    min-height:560px!important;scroll-snap-align:start!important;pointer-events:auto!important;touch-action:pan-x pan-y pinch-zoom!important;
  }
  body[data-page="nahara"] .brume-lore-card>.media img{filter:brightness(.78) saturate(.94) contrast(1.02)!important}

  body[data-page="nahara"] .nahara-brume .copy,
  body[data-page="nahara"] .brume-lore-card>.copy,
  body[data-page="nahara"] .passage-card .copy,
  body[data-page="nahara"] .portal .copy,
  body[data-page="nahara"] .brume-lore-note{
    overflow:hidden!important;border:1px solid rgba(238,205,138,.34)!important;
    background:linear-gradient(160deg,rgba(29,45,50,.18),rgba(10,17,19,.48) 34%,rgba(4,8,10,.76) 100%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(1.28)!important;backdrop-filter:blur(24px) saturate(1.28)!important;
    box-shadow:0 20px 42px rgba(0,0,0,.40),0 8px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,248,230,.17),inset 0 -1px 0 rgba(255,214,145,.05)!important;
  }
  body[data-page="nahara"] .nahara-brume .copy::before,
  body[data-page="nahara"] .brume-lore-card>.copy::before,
  body[data-page="nahara"] .passage-card .copy::before,
  body[data-page="nahara"] .portal .copy::before,
  body[data-page="nahara"] .brume-lore-note::before{
    content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;pointer-events:none!important;z-index:0!important;
    background:linear-gradient(180deg,rgba(255,249,238,.24),rgba(255,249,238,.08) 16%,rgba(255,249,238,0) 44%)!important;
  }
  body[data-page="nahara"] .nahara-brume .copy::after,
  body[data-page="nahara"] .brume-lore-card>.copy::after,
  body[data-page="nahara"] .passage-card .copy::after,
  body[data-page="nahara"] .portal .copy::after,
  body[data-page="nahara"] .brume-lore-note::after{
    content:""!important;position:absolute!important;left:14px!important;right:14px!important;top:1px!important;height:1px!important;
    background:linear-gradient(90deg,rgba(255,247,228,0),rgba(255,247,228,.42),rgba(255,247,228,0))!important;pointer-events:none!important;z-index:0!important;
  }
  body[data-page="nahara"] .nahara-brume .copy>*,
  body[data-page="nahara"] .brume-lore-card>.copy>*,
  body[data-page="nahara"] .passage-card .copy>*,
  body[data-page="nahara"] .portal .copy>*,
  body[data-page="nahara"] .brume-lore-note>*{position:relative!important;z-index:1!important}

  body[data-page="nahara"] .nahara-brume .copy{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important}
  body[data-page="nahara"] .brume-lore-card>.copy{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;top:auto!important;padding:18px 18px 19px!important;border-radius:22px!important}
  body[data-page="nahara"] .passage-card .copy{position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;top:auto!important;padding:16px 17px 15px!important;border-radius:20px!important}
  body[data-page="nahara"] .portal .copy{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;top:auto!important;max-width:none!important;padding:18px 18px 17px!important;border-radius:22px!important}
}