/* ELIE v5.1.84 — Kadim Stone, Book, archive interaction and flight-range precision */

/* MYRA Eternal Stone: the icon, title and copy are one left-aligned publication block. */
.kadim-stone-window .kadim-stone-header.signal-archive-heading{
  grid-template-columns:clamp(82px,6.3vw,120px) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(18px,1.65vw,32px)!important;
  left:4.2%!important;
  right:clamp(86px,7.5vw,136px)!important;
  top:4.2%!important;
  min-height:122px!important;
  padding:0 0 18px!important;
}
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
}
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy small,
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy h2,
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p{
  width:100%!important;
  max-width:none!important;
  justify-items:start!important;
  text-align:left!important;
}
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy h2{
  margin:.28em 0 0!important;
}
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p{
  display:block!important;
  margin:clamp(8px,.75vw,14px) 0 0!important;
  padding:0!important;
  color:rgba(75,152,83,.9)!important;
  font-size:clamp(8px,.62vw,11px)!important;
  line-height:1.48!important;
  letter-spacing:.075em!important;
}
.kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p>span{
  display:block!important;
  width:100%!important;
  text-align:left!important;
}
.kadim-stone-modal .kadim-stone-close{
  position:absolute!important;
  right:18px!important;
  left:auto!important;
  top:15px!important;
  z-index:120!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.kadim-stone-modal .kadim-stone-close>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
html[dir="rtl"] .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy{
  align-items:flex-end!important;
}
html[dir="rtl"] .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy :is(small,h2,p),
html[dir="rtl"] .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p>span{
  text-align:right!important;
}
html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{right:auto!important;left:18px!important}

/* Book: a clean left visual station and a protected reading column starting 120px down. */
.book-screen .book-art{
  display:block!important;
  left:7%!important;
  top:34%!important;
  bottom:auto!important;
  width:clamp(190px,18vw,340px)!important;
  max-height:42%!important;
  object-fit:contain!important;
}
.book-screen .book-download-signal{
  left:8.5%!important;
  right:auto!important;
  top:76%!important;
  bottom:auto!important;
  width:clamp(205px,17vw,310px)!important;
  height:clamp(58px,5.2vw,86px)!important;
  min-width:0!important;
  padding:0!important;
  border:clamp(2px,.16vw,3px) solid #2ef13a!important;
  border-radius:999px!important;
  background:#000!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform:none!important;
  box-shadow:0 0 0 1px rgba(46,241,58,.18),0 0 18px rgba(46,241,58,.12)!important;
}
.book-screen .book-download-signal:hover,
.book-screen .book-download-signal:focus-visible{transform:scale(1.018)!important}
.book-screen .book-download-signal .home-start-signal-stripes{
  position:absolute!important;
  inset:13% 5.5%!important;
  z-index:1!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:#2ef13a!important;
  contain:paint!important;
}
.book-screen .book-download-signal .home-start-signal-stripes::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-80% -45%!important;
  background:repeating-linear-gradient(135deg,#000 0 34px,transparent 34px 78px)!important;
  transform:translate3d(-12%,0,0)!important;
  animation:elieBookSignalBands 2.4s linear infinite!important;
}
.book-screen .book-download-signal .home-start-signal-label{
  position:relative!important;
  z-index:8!important;
  color:#fff!important;
  font-size:clamp(16px,1.3vw,25px)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-shadow:0 2px 2px #000,0 0 8px #000!important;
}
@keyframes elieBookSignalBands{to{transform:translate3d(78px,0,0)}}
.book-screen .book-copy.book-copy-v5182{
  left:50%!important;
  right:6%!important;
  top:120px!important;
  bottom:6%!important;
  width:auto!important;
  max-width:none!important;
}
.book-screen .book-scroll-frame{
  padding:clamp(28px,3.1vh,46px) clamp(22px,2.4vw,42px) clamp(52px,4.8vh,82px)!important;
}

/* Objects: restore an unmistakable but disciplined archive rollover. */
.objects-screen .object-card.unlocked{
  transition:transform .28s cubic-bezier(.18,.84,.22,1),filter .28s ease!important;
}
.objects-screen .object-card.unlocked:hover,
.objects-screen .object-card.unlocked:focus-visible{
  transform:translateY(-6px) scale(1.018)!important;
  filter:drop-shadow(0 0 13px rgba(46,241,58,.2))!important;
  z-index:12!important;
}
.objects-screen .object-card.unlocked:hover .object-card-img,
.objects-screen .object-card.unlocked:focus-visible .object-card-img{
  transform:scale(1.16)!important;
  filter:brightness(1.1) drop-shadow(0 0 10px rgba(46,241,58,.18))!important;
}
.objects-screen .object-card.unlocked:hover .frame-img,
.objects-screen .object-card.unlocked:focus-visible .frame-img{
  filter:brightness(1.18) drop-shadow(0 0 8px rgba(46,241,58,.18))!important;
}

/* Career completion bar: reserve a real safety gap before the close control. */
.career-window .career-progress{
  right:calc(var(--u)*6.35)!important;
}

/* First-flight tutorial: the bomb station shows the bomb itself, centered with the controls. */
.tutorial-mobile-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(54px,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:clamp(10px,1vw,18px)!important;
}
.tutorial-bomb-drop{
  width:clamp(46px,4vw,70px)!important;
  height:clamp(70px,6.2vw,104px)!important;
  display:grid!important;
  place-items:center!important;
}
.tutorial-bomb-drop img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:none!important;
}

/* How to Play: control images own a protected visual lane and never touch copy. */
.how-command-controls .how-control-card{
  min-height:260px!important;
  grid-template-columns:minmax(230px,40%) minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
}
.how-command-controls .how-control-symbol{
  min-height:190px!important;
  display:grid!important;
  grid-template-columns:minmax(92px,1fr) minmax(44px,.55fr) minmax(112px,1.15fr)!important;
  align-items:center!important;
  justify-items:center!important;
  gap:clamp(12px,1.2vw,22px)!important;
  padding:14px!important;
}
.how-command-controls .how-control-symbol>.how-touch-controller{grid-column:1!important;max-width:100%!important}
.how-command-controls .how-control-symbol>.how-mobile-action-stack{
  grid-column:3!important;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:center!important;
  justify-items:center!important;
  gap:10px!important;
}
.how-command-controls .how-control-symbol>.how-drag-symbol,
.how-command-controls .how-control-symbol>.tutorial-drag-vector{grid-column:2!important}
.how-command-controls .how-control-copy{
  align-self:center!important;
  padding:8px 6px!important;
}
.how-command-controls .how-control-copy p{
  margin:9px 0 0!important;
  line-height:1.48!important;
}

@media (orientation:landscape) and (pointer:coarse), (max-height:760px){
  .kadim-stone-window .kadim-stone-header.signal-archive-heading{
    grid-template-columns:clamp(52px,11vh,74px) minmax(0,1fr)!important;
    left:16px!important;right:54px!important;top:8px!important;min-height:78px!important;gap:11px!important;padding-bottom:8px!important;
  }
  .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p{margin-top:5px!important;font-size:clamp(5px,1.45vh,8px)!important;line-height:1.28!important}
  .kadim-stone-modal .kadim-stone-close{right:7px!important;top:6px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{right:auto!important;left:7px!important}
  .kadim-stone-window .kadim-stone-list-frame{top:105px!important}

  .book-screen .book-art{left:3.5%!important;top:27%!important;width:clamp(105px,18vw,175px)!important;max-height:48%!important}
  .book-screen .book-download-signal{left:3.8%!important;top:76%!important;width:clamp(130px,22vw,205px)!important;height:clamp(40px,7.4vh,54px)!important}
  .book-screen .book-download-signal .home-start-signal-label{font-size:clamp(11px,2.6vh,15px)!important}
  .book-screen .book-copy.book-copy-v5182{left:36%!important;right:3%!important;top:76px!important;bottom:5%!important}
  .book-screen .book-scroll-frame{padding:16px 22px 40px!important}

  .career-window .career-progress{right:calc(var(--u)*6.7)!important}
  .tutorial-bomb-drop{width:42px!important;height:66px!important}
  .how-command-controls .how-control-card{min-height:190px!important;grid-template-columns:minmax(170px,38%) minmax(0,1fr)!important}
  .how-command-controls .how-control-symbol{min-height:128px!important;grid-template-columns:minmax(70px,1fr) 38px minmax(92px,1.1fr)!important;gap:7px!important;padding:7px!important}
}

@media (max-width:680px) and (orientation:portrait){
  .kadim-stone-window .kadim-stone-header.signal-archive-heading{
    grid-template-columns:56px minmax(0,1fr)!important;
    left:5%!important;right:52px!important;top:2.4%!important;min-height:98px!important;gap:11px!important;
  }
  .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy h2{font-size:clamp(19px,6vw,28px)!important}
  .kadim-stone-window .kadim-stone-header .signal-archive-heading-copy p{margin-top:6px!important;font-size:clamp(7px,2.15vw,10px)!important;line-height:1.28!important}
  .kadim-stone-modal .kadim-stone-close{right:7px!important;top:7px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
  html[dir="rtl"] .kadim-stone-modal .kadim-stone-close{right:auto!important;left:7px!important}
  .kadim-stone-window .kadim-stone-list-frame{top:18%!important}

  .book-screen .book-art{display:block!important;left:7%!important;top:17%!important;width:31vw!important;max-height:21%!important}
  .book-screen .book-download-signal{left:42%!important;right:5%!important;top:25%!important;width:auto!important;height:48px!important}
  .book-screen .book-download-signal .home-start-signal-label{font-size:12px!important}
  .book-screen .book-copy.book-copy-v5182{left:5%!important;right:5%!important;top:43%!important;bottom:5%!important}
  .book-screen .book-scroll-frame{padding:18px 15px 44px!important}

  .career-window .career-progress{left:18px!important;right:64px!important}
  .tutorial-mobile-actions{grid-template-columns:repeat(2,58px)!important}
  .tutorial-bomb-drop{width:44px!important;height:68px!important}
  .how-command-controls .how-control-card{min-height:0!important;grid-template-columns:1fr!important}
  .how-command-controls .how-control-symbol{min-height:132px!important;grid-template-columns:minmax(78px,1fr) 38px minmax(96px,1.1fr)!important;gap:7px!important;padding:7px!important}
}

@media (hover:none){
  .objects-screen .object-card.unlocked:hover{transform:none!important;filter:none!important}
  .objects-screen .object-card.unlocked:hover .object-card-img{transform:scale(1.06)!important;filter:none!important}
}
@media (prefers-reduced-motion:reduce){
  .book-screen .book-download-signal .home-start-signal-stripes::after{animation:none!important}
  .objects-screen .object-card.unlocked{transition:none!important}
}