/* ELIE v5.1.90 — real mobile home composition.
   Phone landscape only. Desktop geometry is intentionally untouched. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){
  html.phone-landscape .home-screen{
    --elie-mobile-top:clamp(72px,22.5dvh,88px);
    --elie-mobile-endless-w:min(76vw,700px);
    --elie-mobile-start-w:clamp(238px,31vw,286px);
    --elie-mobile-rail-h:clamp(54px,16dvh,64px);
    --elie-mobile-orb:clamp(46px,13.4dvh,54px);
    --elie-mobile-footer-h:12px;
  }
  html.phone-landscape .home-screen .site-shell,
  html.phone-landscape .home-screen .content,
  html.phone-landscape .home-screen .home-hero{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
  }

  /* The fixed phone logo remains the visual anchor. */
  html.phone-landscape .home-screen .mobile-fixed-logo{
    top:max(3px,var(--safe-top,0px))!important;
    width:clamp(88px,12.5vw,108px)!important;
    height:clamp(50px,17dvh,64px)!important;
    z-index:205!important;
  }

  /* Endless is a contained title, not a full-screen wall. */
  html.phone-landscape .home-screen .home-endless,
  html.phone-landscape .home-screen .home-endless-signal{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:var(--elie-mobile-top)!important;
    width:var(--elie-mobile-endless-w)!important;
    max-width:calc(100vw - max(52px,calc(var(--safe-left,0px) + var(--safe-right,0px) + 28px)))!important;
    height:auto!important;
    max-height:clamp(76px,25dvh,102px)!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateX(-50%)!important;
    margin:0!important;
    z-index:6!important;
  }
  html.phone-landscape .home-cinematic.is-visible .home-endless,
  html.phone-landscape .home-cinematic.is-visible .home-endless-signal{transform:translateX(-50%)!important}

  /* Start Game owns an independent row below Endless. */
  html.phone-landscape .home-screen .home-start.home-start-signal{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:clamp(178px,53.8dvh,214px)!important;
    bottom:auto!important;
    width:var(--elie-mobile-start-w)!important;
    min-width:var(--elie-mobile-start-w)!important;
    max-width:calc(100vw - 190px)!important;
    height:clamp(46px,14dvh,56px)!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    z-index:18!important;
  }
  html.phone-landscape .home-screen .home-start-signal .home-start-signal-stripes{
    inset:12% 5%!important;
    z-index:2!important;
  }
  html.phone-landscape .home-screen .home-start-signal .home-start-signal-label{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    z-index:12!important;
    color:#001704!important;
    font-family:"Duplet",Arial,sans-serif!important;
    font-size:clamp(20px,6.1dvh,28px)!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    text-shadow:none!important;
    filter:none!important;
    white-space:nowrap!important;
    pointer-events:none!important;
  }

  /* A real five-column instrument rail. No individual absolute coordinates. */
  html.phone-landscape .home-screen .home-lower-instruments{
    --home-instrument-band:var(--elie-mobile-rail-h)!important;
    --home-round-size:var(--elie-mobile-orb)!important;
    --home-passport-height:var(--elie-mobile-orb)!important;
    --home-kadim-size:var(--elie-mobile-orb)!important;
    --home-info-height:clamp(28px,9.5dvh,38px)!important;
    position:absolute!important;
    left:max(9px,calc(var(--safe-left,0px) + 5px))!important;
    right:max(9px,calc(var(--safe-right,0px) + 5px))!important;
    top:auto!important;
    bottom:max(17px,calc(var(--safe-bottom,0px) + 15px))!important;
    width:auto!important;
    height:var(--elie-mobile-rail-h)!important;
    padding:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:var(--elie-mobile-orb) var(--elie-mobile-orb) minmax(230px,1fr) var(--elie-mobile-orb) var(--elie-mobile-orb)!important;
    column-gap:clamp(5px,1vw,9px)!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:90!important;
    contain:layout style!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments>*{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    align-self:center!important;
    justify-self:center!important;
    transform:none!important;
    pointer-events:auto!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .home-badge-launch{grid-column:1!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-myra-launch{grid-column:2!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-info{grid-column:3!important;pointer-events:none!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch{grid-column:4!important}
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch{grid-column:5!important}

  html.phone-landscape .home-screen .home-lower-instruments :is(.home-badge-launch,.home-myra-launch,.home-passport-launch,.kadim-stone-launch){
    width:var(--elie-mobile-orb)!important;
    height:var(--elie-mobile-orb)!important;
    min-width:var(--elie-mobile-orb)!important;
    min-height:var(--elie-mobile-orb)!important;
    max-width:var(--elie-mobile-orb)!important;
    max-height:var(--elie-mobile-orb)!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .home-info{
    display:block!important;
    width:min(100%,330px)!important;
    height:var(--home-info-height)!important;
    max-width:330px!important;
    max-height:var(--home-info-height)!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:1!important;
  }

  /* Badge counter belongs to the badge. */
  html.phone-landscape .home-screen .home-lower-instruments .home-badge-launch b{
    position:absolute!important;
    right:-1px!important;
    bottom:-1px!important;
    left:auto!important;
    top:auto!important;
    min-width:17px!important;
    width:auto!important;
    height:17px!important;
    padding:0 4px!important;
    display:grid!important;
    place-items:center!important;
    border:2px solid #000!important;
    border-radius:50%!important;
    background:#2ef13a!important;
    color:#000!important;
    font:800 8px/1 "Duplet",Arial,sans-serif!important;
    z-index:12!important;
  }

  /* MYRA number is centered in its own black radar circle. */
  html.phone-landscape .home-screen .home-lower-instruments .home-myra-launch em{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:31%!important;
    height:31%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(46,241,58,.68)!important;
    border-radius:50%!important;
    background:rgba(0,10,2,.98)!important;
    color:#2ef13a!important;
    font:800 clamp(6px,1.65dvh,8px)/1 "Duplet",Arial,sans-serif!important;
    z-index:12!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .home-myra-launch.has-unread em{background:#2ef13a!important;color:#001704!important}

  /* Passport and Eternal Stone are true circles on mobile. */
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch{
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border:1px solid rgba(46,241,58,.56)!important;
    background:radial-gradient(circle,rgba(8,48,15,.94),rgba(0,7,2,.99) 74%)!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch::before,
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch::after{display:none!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch>img{
    width:100%!important;
    height:100%!important;
    padding:3px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch,
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch *{border-radius:50%!important}
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch img{width:100%!important;height:100%!important;object-fit:contain!important}

  /* Footer is a separate final row below the instruments. */
  html.phone-landscape .home-screen .site-branding{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:max(1px,var(--safe-bottom,0px))!important;
    width:auto!important;
    height:var(--elie-mobile-footer-h)!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    transform:translateX(-50%)!important;
    opacity:.92!important;
    z-index:92!important;
  }
  html.phone-landscape .home-screen .site-branding .site-mark-link{
    position:relative!important;
    inset:auto!important;
    width:20px!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }
  html.phone-landscape .home-screen .site-branding .site-copyright-new{
    position:relative!important;
    inset:auto!important;
    width:74px!important;
    height:auto!important;
    margin:0!important;
  }

  /* Hide obsolete empty source dock after the launches move into the rail. */
  html.phone-landscape .home-screen .home-corner-dock.home-instrument-source{display:none!important}

  /* Same MYRA line language as the top utility buttons. */
  html.phone-landscape .home-screen .mobile-menu-trigger{
    right:max(5px,var(--safe-right,0px))!important;
    top:max(4px,var(--safe-top,0px))!important;
    width:43px!important;
    height:38px!important;
    min-height:38px!important;
    border-radius:4px 12px 4px 12px!important;
  }
}

/* Extremely short Safari landscape viewport. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:370px){
  html.phone-landscape .home-screen{
    --elie-mobile-top:clamp(72px,23.5dvh,84px);
    --elie-mobile-endless-w:min(72vw,650px);
    --elie-mobile-start-w:clamp(224px,29vw,264px);
    --elie-mobile-rail-h:50px;
    --elie-mobile-orb:45px;
  }
  html.phone-landscape .home-screen .home-start.home-start-signal{top:clamp(164px,52.2dvh,188px)!important;height:44px!important}
  html.phone-landscape .home-screen .home-lower-instruments{bottom:max(15px,calc(var(--safe-bottom,0px) + 13px))!important;grid-template-columns:45px 45px minmax(210px,1fr) 45px 45px!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-info{max-width:300px!important}
}
