/* ELIE v5.3.1 — mobile landscape refinement.
   Mobile-only layout corrections preserve the desktop composition while
   scaling every archive, selector and dossier to the available viewport. */

/* Planet visual records must always remain true circles on every viewport. */
#app .map-planet-detail-overlay .planet-artwork-button{
  inline-size:clamp(34px,2.72vw,52px)!important;
  block-size:clamp(34px,2.72vw,52px)!important;
  min-inline-size:clamp(34px,2.72vw,52px)!important;
  min-block-size:clamp(34px,2.72vw,52px)!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  padding:0!important;
  box-sizing:border-box!important;
  place-self:center!important;
}

@media (orientation:landscape) and (max-height:640px){
  /* ----------------------------------------------------------------------
     SHARED MOBILE MAP SHELL
     ---------------------------------------------------------------------- */
  html.phone-landscape .map-stage,
  html.phone-landscape .map-detail-stage,
  html.phone-landscape .map-planet-detail-stage{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-back-button{
    top:max(8px,2.2vh)!important;
    left:max(10px,1.6vw)!important;
    gap:5px!important;
    font-size:clamp(11px,2.6vh,15px)!important;
    z-index:90!important;
  }
  html.phone-landscape .map-back-button img{
    width:clamp(31px,8.4vh,42px)!important;
    height:clamp(31px,8.4vh,42px)!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-selection-heading{
    top:max(7px,2vh)!important;
  }
  html.phone-landscape .map-selection-heading h1{
    font-size:clamp(15px,3.8vh,22px)!important;
  }
  html.phone-landscape .map-selection-heading strong{
    font-size:clamp(16px,4vh,24px)!important;
  }
  html.phone-landscape .map-corner-title{
    top:max(9px,2.3vh)!important;
    right:max(12px,2vw)!important;
    max-width:45vw!important;
    font-size:clamp(15px,3.8vh,23px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html.phone-landscape .map-scrollbar-x{
    bottom:0!important;
    height:16px!important;
  }
  html.phone-landscape .map-scrollbar-x::before{top:7px!important}
  html.phone-landscape .map-scrollbar-x img{
    width:clamp(70px,18vw,112px)!important;
    height:16px!important;
  }
  html.phone-landscape .map-scrollbar-y{
    width:18px!important;
  }
  html.phone-landscape .map-scrollbar-y::before{left:8px!important}
  html.phone-landscape .map-scrollbar-y img{
    width:18px!important;
    height:clamp(70px,24vh,105px)!important;
  }

  /* ----------------------------------------------------------------------
     PLANETS + START GAME WORLD SELECT
     ---------------------------------------------------------------------- */
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-rail-shell{
    left:1.5%!important;
    right:1.5%!important;
    top:14.5%!important;
    bottom:3.2%!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-rail-viewport{
    inset:0 0 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-rail-track{
    height:100%!important;
    min-height:0!important;
    gap:clamp(18px,3.2vw,34px)!important;
    padding:1.5% clamp(44px,7vw,76px) 1%!important;
    align-items:stretch!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-card{
    flex:0 0 clamp(148px,24vw,218px)!important;
    width:clamp(148px,24vw,218px)!important;
    min-width:clamp(148px,24vw,218px)!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    grid-template-rows:17% 57% 26%!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:visible!important;
    contain:layout style!important;
  }
  html.phone-landscape .map-planets-screen .map-world-card{
    grid-template-rows:19% 76% 5%!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-logo{
    width:min(76%,150px)!important;
    height:100%!important;
    max-height:clamp(42px,10vh,58px)!important;
    object-fit:contain!important;
    transform:translateY(clamp(-4%,var(--world-logo-y,0%),4%))!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-globe{
    width:clamp(100px,var(--world-size,80%),170px)!important;
    max-width:82%!important;
    max-height:96%!important;
    aspect-ratio:1/1!important;
    transform:translate(clamp(-5%,var(--world-x,0%),5%),clamp(-5%,var(--world-y,0%),5%))!important;
  }
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-core,
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-planet-image{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-world-select-screen .map-world-stats{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    align-self:start!important;
    width:82%!important;
    max-height:100%!important;
    margin:0!important;
    padding:1px 0 0!important;
    overflow:hidden!important;
    font:750 clamp(6.5px,1.7vh,9px)/1.25 Duplet,Arial,sans-serif!important;
  }
  html.phone-landscape .map-world-select-screen .map-world-stats li{
    gap:6px!important;
    padding:1px 0!important;
  }
  html.phone-landscape .map-world-select-screen .map-world-card[data-selected="1"] .map-world-core>.map-world-rings>i:nth-child(1){width:105%!important;height:105%!important}
  html.phone-landscape .map-world-select-screen .map-world-card[data-selected="1"] .map-world-core>.map-world-rings>i:nth-child(2){width:120%!important;height:120%!important}
  html.phone-landscape .map-world-select-screen .map-world-card[data-selected="1"] .map-world-core>.map-world-rings>i:nth-child(3){width:134%!important;height:134%!important}

  /* ----------------------------------------------------------------------
     LEVEL SELECT
     ---------------------------------------------------------------------- */
  html.phone-landscape .map-level-heading{top:max(7px,2vh)!important}
  html.phone-landscape .map-level-world-logo{
    right:4%!important;
    top:2.5%!important;
    width:clamp(105px,19vw,170px)!important;
    height:clamp(38px,10vh,58px)!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-level-world-globe{
    left:50%!important;
    top:52%!important;
    width:min(52vw,68vh)!important;
    height:min(52vw,68vh)!important;
    max-width:330px!important;
    max-height:330px!important;
    object-fit:contain!important;
    opacity:.34!important;
  }
  html.phone-landscape .map-level-rail-shell{
    left:1.6%!important;
    right:1.6%!important;
    top:16%!important;
    bottom:3.2%!important;
  }
  html.phone-landscape .map-level-rail-viewport{
    inset:0 0 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html.phone-landscape .map-level-rail-track{
    height:100%!important;
    min-height:0!important;
    padding:0 clamp(50px,8vw,78px)!important;
  }
  html.phone-landscape .map-level-node{
    flex:0 0 clamp(84px,22vh,110px)!important;
    width:clamp(84px,22vh,110px)!important;
    height:clamp(84px,22vh,110px)!important;
    min-width:clamp(84px,22vh,110px)!important;
    min-height:clamp(84px,22vh,110px)!important;
    margin-inline:clamp(8px,1.8vw,16px)!important;
    transform:translateY(-50%) scale(var(--node-scale,1))!important;
  }
  html.phone-landscape .map-level-node:hover:not(:disabled),
  html.phone-landscape .map-level-node:focus-visible:not(:disabled){
    transform:translateY(-50%) scale(calc(var(--node-scale,1) + .04))!important;
  }
  html.phone-landscape .map-level-node span{
    font-size:clamp(25px,6.8vh,38px)!important;
  }
  html.phone-landscape .map-level-node em{
    top:103%!important;
    font-size:clamp(11px,3vh,17px)!important;
  }
  html.phone-landscape .map-level-node b{
    font-size:clamp(8px,2vh,11px)!important;
  }
  html.phone-landscape .map-level-markers{
    transform:scale(.82)!important;
    transform-origin:center!important;
  }

  /* ----------------------------------------------------------------------
     BOSSES / SPECIES / OBJECTS ARCHIVES
     ---------------------------------------------------------------------- */
  html.phone-landscape .map-world-index-shell{
    left:1.5%!important;
    right:1.5%!important;
    top:13.5%!important;
    height:13%!important;
    grid-template-columns:clamp(24px,4.2vw,38px) minmax(0,1fr) clamp(24px,4.2vw,38px)!important;
  }
  html.phone-landscape .map-world-index-track{
    gap:clamp(6px,1vw,10px)!important;
    padding:0 8px!important;
  }
  html.phone-landscape .map-world-index-button{
    flex:0 0 clamp(38px,9.2vh,50px)!important;
    width:clamp(38px,9.2vh,50px)!important;
    height:clamp(38px,9.2vh,50px)!important;
    font-size:clamp(15px,4vh,22px)!important;
  }
  html.phone-landscape .map-index-arrow{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    padding:2px!important;
  }
  html.phone-landscape .map-index-arrow img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-archive-world-header{
    left:3.5%!important;
    right:3.5%!important;
    top:27.2%!important;
    height:10.5%!important;
    align-items:center!important;
  }
  html.phone-landscape .map-archive-world-header h2{
    font-size:clamp(16px,4.1vh,24px)!important;
  }
  html.phone-landscape .map-archive-world-header strong{
    margin-top:1px!important;
    font-size:clamp(16px,4vh,23px)!important;
  }
  html.phone-landscape .map-archive-world-header small{
    margin-top:2px!important;
    font-size:clamp(6px,1.6vh,8px)!important;
  }
  html.phone-landscape .map-archive-world-header>img{
    width:clamp(100px,18vw,155px)!important;
    height:100%!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-archive-content-shell{
    left:1.8%!important;
    right:1.8%!important;
    top:38.5%!important;
    bottom:2.5%!important;
  }
  html.phone-landscape .map-archive-content-viewport{
    inset:0 0 18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html.phone-landscape .map-archive-content-track{
    height:100%!important;
    min-height:0!important;
    gap:clamp(16px,2.5vw,28px)!important;
    padding:1% clamp(34px,5vw,58px) 1%!important;
    align-items:stretch!important;
  }
  html.phone-landscape .map-archive-item{
    flex:0 0 clamp(145px,23vw,205px)!important;
    width:clamp(145px,23vw,205px)!important;
    min-width:clamp(145px,23vw,205px)!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:3px!important;
    align-items:center!important;
    overflow:visible!important;
    transform:none!important;
  }
  html.phone-landscape :is(.map-archive-item-bosses,.map-archive-item-objects){
    flex-basis:clamp(170px,27vw,238px)!important;
    width:clamp(170px,27vw,238px)!important;
    min-width:clamp(170px,27vw,238px)!important;
  }
  html.phone-landscape .map-archive-visual{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  html.phone-landscape .map-archive-image{
    width:88%!important;
    height:88%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  html.phone-landscape .map-archive-item strong{
    min-height:clamp(18px,4.6vh,25px)!important;
    max-width:100%!important;
    padding:0 5px!important;
    font-size:clamp(7px,1.8vh,10px)!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Species / boss / object detail. */
  html.phone-landscape .map-detail-stage{
    display:grid!important;
    grid-template-columns:43% 57%!important;
    grid-template-rows:100%!important;
    padding:0!important;
  }
  html.phone-landscape .map-detail-visual{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:8% 1% 4% 2%!important;
    display:grid!important;
    place-items:center!important;
    overflow:visible!important;
  }
  html.phone-landscape .map-detail-rings{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:min(34vw,78vh)!important;
    height:min(34vw,78vh)!important;
    max-width:96%!important;
    max-height:88%!important;
    aspect-ratio:1/1!important;
    transform:translate(-50%,-50%)!important;
    inset:auto!important;
  }
  html.phone-landscape .map-detail-rings i{
    aspect-ratio:1/1!important;
    border-radius:50%!important;
  }
  html.phone-landscape .map-detail-visual>img{
    position:absolute!important;
    z-index:3!important;
    left:50%!important;
    top:50%!important;
    width:min(33vw,72vh)!important;
    height:min(33vw,72vh)!important;
    max-width:88%!important;
    max-height:80%!important;
    object-fit:contain!important;
    object-position:50% 50%!important;
    transform:translate(-50%,-50%) scale(1)!important;
    transform-origin:center!important;
    margin:0!important;
  }
  html.phone-landscape .map-detail-overlay:not(.is-open) .map-detail-visual>img{
    transform:translate(-50%,-50%) scale(.92)!important;
  }
  html.phone-landscape .map-detail-panel{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:4.2% 2.5% 3.5% 0!important;
    padding:clamp(16px,4vh,24px) clamp(18px,3vw,28px) clamp(12px,3vh,20px)!important;
    border-width:1px 1px 5px 5px!important;
    border-radius:clamp(20px,5vh,30px) clamp(12px,3vh,20px) clamp(26px,6vh,38px) clamp(26px,6vh,38px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
    transform:none!important;
  }
  html.phone-landscape .map-detail-panel header small{
    font-size:clamp(6px,1.55vh,8px)!important;
  }
  html.phone-landscape .map-detail-panel h1{
    font-size:clamp(21px,5.4vh,31px)!important;
    line-height:.95!important;
  }
  html.phone-landscape .map-detail-copy-shell{
    min-height:0!important;
    margin-top:clamp(8px,2vh,12px)!important;
    padding-right:20px!important;
  }
  html.phone-landscape .map-detail-copy{
    min-height:0!important;
    padding:2% 3% 10%!important;
  }
  html.phone-landscape .map-detail-copy .map-detail-lead{
    font-size:clamp(11px,2.9vh,16px)!important;
    line-height:1.1!important;
  }
  html.phone-landscape .map-detail-copy p{
    font-size:clamp(8px,2.05vh,11px)!important;
    line-height:1.22!important;
  }
  html.phone-landscape .map-detail-close{
    right:max(8px,1.4vw)!important;
    top:max(7px,1.8vh)!important;
    width:clamp(34px,8.8vh,44px)!important;
    height:clamp(34px,8.8vh,44px)!important;
    z-index:100!important;
  }

  /* ----------------------------------------------------------------------
     PLANET DOSSIER — three balanced desktop-like columns on mobile.
     ---------------------------------------------------------------------- */
  html.phone-landscape .map-planet-detail-stage{
    display:grid!important;
    grid-template-columns:31% 28% 41%!important;
    grid-template-rows:100%!important;
  }
  html.phone-landscape .map-planet-visual{
    position:relative!important;
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html.phone-landscape .map-planet-globe{
    left:-2%!important;
    top:2.5%!important;
    width:104%!important;
    height:58%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  html.phone-landscape .map-planet-facts{
    left:3%!important;
    right:3%!important;
    bottom:3%!important;
    width:auto!important;
    min-width:0!important;
    height:46%!important;
    padding:2% 7% 3%!important;
    border-width:1px 1px 5px 5px!important;
    border-radius:clamp(18px,5vh,28px)!important;
    grid-template-rows:24% minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-planet-facts-logo{
    width:92%!important;
    height:100%!important;
    justify-self:center!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-planet-facts>div{
    min-height:0!important;
    align-content:space-evenly!important;
  }
  html.phone-landscape .map-planet-facts article{
    grid-template-columns:clamp(17px,4.2vh,23px) minmax(0,1fr)!important;
    gap:clamp(4px,1vw,8px)!important;
    min-height:0!important;
    padding:1px 0!important;
  }
  html.phone-landscape .map-planet-facts article>img{
    max-height:clamp(17px,4.2vh,23px)!important;
    object-fit:contain!important;
  }
  html.phone-landscape .map-planet-facts small{
    font-size:clamp(5.5px,1.45vh,7px)!important;
  }
  html.phone-landscape .map-planet-facts strong{
    font-size:clamp(8px,2vh,11px)!important;
    line-height:1!important;
  }
  html.phone-landscape .map-planet-navigation{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    min-height:0!important;
    padding:4.5% 5% 3.5%!important;
    display:grid!important;
    grid-template-rows:11% minmax(0,1fr) 29%!important;
    gap:2%!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-planet-memory{
    min-height:0!important;
  }
  html.phone-landscape .map-planet-memory small{
    font-size:clamp(5.5px,1.4vh,7px)!important;
  }
  html.phone-landscape .map-planet-memory strong{
    margin-top:3px!important;
    padding:3px 0!important;
    font-size:clamp(9px,2.25vh,12px)!important;
  }
  html.phone-landscape .map-planet-detail-overlay .planet-codex-tabs{
    min-height:0!important;
    gap:clamp(4px,1.15vh,7px)!important;
    align-content:center!important;
  }
  html.phone-landscape .map-planet-detail-overlay .planet-codex-tabs button{
    min-height:0!important;
    height:clamp(27px,7vh,36px)!important;
    padding:0 5%!important;
    font-size:clamp(7px,1.85vh,10px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  html.phone-landscape .map-planet-artworks{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    align-self:end!important;
    align-content:end!important;
    overflow:visible!important;
  }
  html.phone-landscape .map-planet-artworks>small{
    font-size:clamp(5.5px,1.45vh,7px)!important;
  }
  html.phone-landscape .map-planet-detail-overlay .planet-artwork-buttons{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,clamp(22px,5.8vh,29px))!important;
    grid-auto-rows:clamp(22px,5.8vh,29px)!important;
    gap:clamp(3px,.7vh,5px)!important;
    width:max-content!important;
    max-width:100%!important;
    margin:clamp(3px,.8vh,5px) auto 0!important;
    transform:none!important;
  }
  html.phone-landscape #app .map-planet-detail-overlay .planet-artwork-button{
    inline-size:clamp(22px,5.8vh,29px)!important;
    block-size:clamp(22px,5.8vh,29px)!important;
    min-inline-size:clamp(22px,5.8vh,29px)!important;
    min-block-size:clamp(22px,5.8vh,29px)!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    font-size:clamp(8px,2.05vh,11px)!important;
  }
  html.phone-landscape .map-planet-copy-panel{
    position:relative!important;
    grid-column:3!important;
    grid-row:1!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:4.5% 3.2% 3.5% 1.5%!important;
    display:block!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-planet-copy-shell{
    position:relative!important;
    height:100%!important;
    min-height:0!important;
    padding-right:20px!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-planet-copy-scroll{
    height:100%!important;
    min-height:0!important;
    padding:3% 4% 12%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    text-align:center!important;
  }
  html.phone-landscape .map-planet-copy-scroll .planet-intro,
  html.phone-landscape .map-planet-copy-scroll .planet-copy-section p{
    font-size:clamp(8px,2.05vh,11px)!important;
    line-height:1.2!important;
    margin:0 0 .95em!important;
  }
  html.phone-landscape .map-planet-copy-scroll .planet-copy-section h3{
    font-size:clamp(11px,2.85vh,16px)!important;
    line-height:1!important;
    margin:0 0 .45em!important;
  }
  html.phone-landscape .map-planet-copy-scroll .codex-artwork-count strong{
    font-size:clamp(21px,5.6vh,31px)!important;
  }
  html.phone-landscape .map-planet-copy-scroll .codex-mini-records i{
    width:clamp(20px,5vh,26px)!important;
    height:clamp(20px,5vh,26px)!important;
  }

  /* ----------------------------------------------------------------------
     SCOREBOARD — exactly two pilot cards per row.
     ---------------------------------------------------------------------- */
  html.phone-landscape .score-screen .score-wrap,
  html.phone-landscape .score-screen .score-wrap-v451,
  html.phone-landscape .score-screen .score-wrap-v453{
    inset:max(7px,1.8vh) max(9px,1.5vw)!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:clamp(9px,2.2vh,13px)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .score-league-header{
    min-height:clamp(45px,11vh,58px)!important;
    height:auto!important;
    margin-bottom:6px!important;
    padding-right:clamp(46px,8vw,70px)!important;
  }
  html.phone-landscape .score-league-header h1{
    font-size:clamp(19px,4.8vh,28px)!important;
  }
  html.phone-landscape .score-league-header p,
  html.phone-landscape .score-status{
    font-size:clamp(7px,1.8vh,10px)!important;
  }
  html.phone-landscape .score-pair-scroll{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    gap:clamp(6px,1.6vh,9px)!important;
    min-width:0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:1px 3px 12px!important;
  }
  html.phone-landscape .score-pair-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:clamp(7px,1.4vw,12px)!important;
    width:100%!important;
    min-width:0!important;
  }
  html.phone-landscape .score-entry-card{
    width:auto!important;
    min-width:0!important;
    min-height:clamp(48px,12.5vh,62px)!important;
    padding:clamp(5px,1.4vh,8px) clamp(7px,1.2vw,11px)!important;
    grid-template-columns:clamp(25px,6vh,34px) minmax(0,1fr) auto auto!important;
    gap:clamp(4px,.75vw,8px)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .score-rank{
    font-size:clamp(15px,3.8vh,21px)!important;
  }
  html.phone-landscape .score-pilot b{
    font-size:clamp(8px,2.1vh,11px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html.phone-landscape .score-sector,
  html.phone-landscape .score-value{
    font-size:clamp(8px,2.05vh,11px)!important;
  }
  html.phone-landscape .score-sector small,
  html.phone-landscape .score-value small{
    font-size:clamp(5px,1.3vh,7px)!important;
  }

  /* ----------------------------------------------------------------------
     MYRA TRANSMISSION CENTER — readable type and clean navigation arrows.
     ---------------------------------------------------------------------- */
  html.phone-landscape .myra-window{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  html.phone-landscape .myra-header{
    left:2.2%!important;
    right:2.2%!important;
    top:2%!important;
    height:13.5%!important;
    grid-template-columns:minmax(0,1fr) 28%!important;
    gap:8px!important;
  }
  html.phone-landscape .myra-header small{
    font-size:clamp(6px,1.5vh,8px)!important;
  }
  html.phone-landscape .myra-header h2{
    margin:2px 0!important;
    font-size:clamp(16px,4.1vh,23px)!important;
  }
  html.phone-landscape .myra-header p{
    font-size:clamp(6.5px,1.65vh,9px)!important;
    line-height:1.1!important;
  }
  html.phone-landscape .myra-header-signal{
    height:clamp(30px,8vh,42px)!important;
    padding-right:clamp(34px,6vw,52px)!important;
  }
  html.phone-landscape .myra-body{
    left:2.2%!important;
    right:2.2%!important;
    top:16.5%!important;
    bottom:2.2%!important;
    grid-template-columns:24% minmax(0,1fr) 25%!important;
    gap:clamp(6px,1vw,10px)!important;
    min-height:0!important;
  }
  html.phone-landscape .myra-archive,
  html.phone-landscape .myra-reader,
  html.phone-landscape .myra-telemetry{
    min-width:0!important;
    min-height:0!important;
    border-radius:8px!important;
  }
  html.phone-landscape .myra-archive{
    padding:clamp(6px,1.4vh,8px)!important;
  }
  html.phone-landscape .myra-section-title{
    padding:1px 1px 5px!important;
    font-size:clamp(6px,1.5vh,8px)!important;
  }
  html.phone-landscape .myra-section-title b{
    font-size:clamp(6.5px,1.65vh,9px)!important;
  }
  html.phone-landscape .myra-world-filters{
    gap:2px!important;
    padding:4px 0!important;
  }
  html.phone-landscape .myra-world-filters button{
    height:clamp(19px,4.8vh,25px)!important;
    border-radius:4px!important;
    font-size:clamp(6px,1.45vh,8px)!important;
  }
  html.phone-landscape .myra-record{
    min-height:clamp(38px,9.5vh,48px)!important;
    margin-bottom:3px!important;
    padding:4px!important;
    grid-template-columns:clamp(25px,6.2vh,32px) minmax(0,1fr) 14px!important;
    gap:4px!important;
    border-radius:5px!important;
  }
  html.phone-landscape .myra-record>span{
    width:clamp(24px,5.8vh,30px)!important;
    height:clamp(24px,5.8vh,30px)!important;
    font-size:clamp(7px,1.7vh,9px)!important;
  }
  html.phone-landscape .myra-record strong{
    font-size:clamp(7px,1.75vh,10px)!important;
    line-height:1.05!important;
  }
  html.phone-landscape .myra-record small{
    margin-top:2px!important;
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-reader{
    grid-template-columns:37% minmax(0,1fr)!important;
  }
  html.phone-landscape .myra-planet{
    width:70%!important;
    height:70%!important;
  }
  html.phone-landscape .myra-world-logo{
    width:62%!important;
    height:15%!important;
    bottom:4%!important;
  }
  html.phone-landscape .myra-message{
    max-height:100%!important;
    padding:clamp(9px,2.1vh,13px)!important;
  }
  html.phone-landscape .myra-message-meta{
    gap:5px!important;
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-message-meta b{
    padding:2px 4px!important;
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-message h3{
    margin:.42em 0 .5em!important;
    font-size:clamp(13px,3.35vh,18px)!important;
    line-height:1!important;
  }
  html.phone-landscape .myra-message p{
    font-size:clamp(8px,2vh,10.5px)!important;
    line-height:1.34!important;
  }
  html.phone-landscape .myra-message blockquote{
    margin:.7em 0 0!important;
    padding:6px 7px!important;
    font-size:clamp(7px,1.75vh,9px)!important;
    line-height:1.28!important;
  }
  html.phone-landscape .myra-message blockquote small{
    margin-bottom:3px!important;
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-telemetry{
    padding:clamp(6px,1.4vh,8px)!important;
  }
  html.phone-landscape .myra-telemetry-card{
    min-height:clamp(62px,15vh,78px)!important;
    padding:clamp(7px,1.7vh,10px) clamp(54px,11vw,72px) 6px 7px!important;
    border-radius:6px!important;
  }
  html.phone-landscape .myra-telemetry-card small{
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-telemetry-card strong{
    margin-top:4px!important;
    font-size:clamp(8px,2vh,11px)!important;
  }
  html.phone-landscape .myra-telemetry-card img{
    right:3px!important;
    top:4px!important;
    width:clamp(48px,11vh,62px)!important;
    height:clamp(48px,11vh,62px)!important;
  }
  html.phone-landscape .myra-telemetry dl{
    margin:5px 0!important;
    gap:2px!important;
  }
  html.phone-landscape .myra-telemetry dl div{
    padding:3px 4px 5px!important;
  }
  html.phone-landscape .myra-telemetry dt{
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .myra-telemetry dd{
    margin-top:2px!important;
    font-size:clamp(7px,1.75vh,9.5px)!important;
  }
  html.phone-landscape .myra-waveform{
    height:clamp(28px,7vh,36px)!important;
    margin:0 0 4px!important;
    gap:2px!important;
  }
  html.phone-landscape .myra-listen{
    min-height:clamp(27px,6.6vh,34px)!important;
    border-radius:5px!important;
    font-size:clamp(7px,1.75vh,9px)!important;
  }
  html.phone-landscape .myra-record-nav{
    grid-template-columns:clamp(27px,6vh,34px) minmax(0,1fr) clamp(27px,6vh,34px)!important;
    gap:4px!important;
    margin-top:3px!important;
  }
  html.phone-landscape .myra-record-nav button{
    width:100%!important;
    height:clamp(26px,6.2vh,33px)!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:clamp(19px,5vh,27px)!important;
    line-height:1!important;
  }
  html.phone-landscape .myra-record-nav span{
    font-size:clamp(6px,1.5vh,8px)!important;
    line-height:1.15!important;
  }
  html.phone-landscape .myra-footer{display:none!important}

  /* ----------------------------------------------------------------------
     PILOT PASSPORT — readable labels and borderless planet arrows.
     ---------------------------------------------------------------------- */
  html.phone-landscape .pilot-passport-window{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  html.phone-landscape .pilot-passport-header{
    left:2.5%!important;
    right:2.5%!important;
    top:2.2%!important;
    height:14%!important;
    gap:8px!important;
  }
  html.phone-landscape .pilot-passport-header small{
    font-size:clamp(6px,1.5vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-header h2{
    margin:2px 0!important;
    font-size:clamp(16px,4.1vh,23px)!important;
  }
  html.phone-landscape .pilot-passport-header p{
    font-size:clamp(6.5px,1.65vh,9px)!important;
  }
  html.phone-landscape .pilot-passport-header-code{
    min-width:clamp(112px,18vw,160px)!important;
    padding-right:clamp(42px,7vw,58px)!important;
  }
  html.phone-landscape .pilot-passport-header-code span{
    font-size:clamp(6px,1.5vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-header-code b{
    font-size:clamp(13px,3.2vh,18px)!important;
  }
  html.phone-landscape .pilot-passport-body{
    left:2.6%!important;
    right:2.6%!important;
    top:17.5%!important;
    bottom:2.5%!important;
    grid-template-columns:31% minmax(0,1fr)!important;
    grid-template-rows:100%!important;
    gap:clamp(8px,1.4vw,14px)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .pilot-passport-visual{
    min-width:0!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  html.phone-landscape .pilot-passport-document{
    min-width:0!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  html.phone-landscape .pilot-passport-document>img{
    width:min(72%,180px)!important;
    max-height:88%!important;
    object-fit:contain!important;
  }
  html.phone-landscape .pilot-passport-planet{
    grid-template-columns:clamp(27px,6.4vh,34px) minmax(0,1fr) clamp(27px,6.4vh,34px)!important;
    gap:4px!important;
    min-height:clamp(66px,16vh,83px)!important;
    padding:4px 5px!important;
    border-radius:8px!important;
  }
  html.phone-landscape .pilot-passport-planet button{
    width:100%!important;
    height:clamp(28px,6.5vh,35px)!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:clamp(21px,5.2vh,28px)!important;
    line-height:1!important;
  }
  html.phone-landscape .pilot-passport-planet>div{
    min-height:clamp(58px,14vh,72px)!important;
    padding:7px clamp(48px,10vw,66px) 5px 6px!important;
  }
  html.phone-landscape .pilot-passport-planet>div>img:first-child{
    right:2px!important;
    width:clamp(48px,11vh,62px)!important;
    height:clamp(48px,11vh,62px)!important;
  }
  html.phone-landscape .pilot-passport-planet>div>img:nth-child(2){
    max-width:clamp(74px,13vw,110px)!important;
    max-height:clamp(18px,4vh,24px)!important;
  }
  html.phone-landscape .pilot-passport-planet small{
    font-size:clamp(6px,1.45vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-planet strong{
    font-size:clamp(8px,2vh,11px)!important;
  }
  html.phone-landscape .pilot-passport-record{
    min-width:0!important;
    min-height:0!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    gap:clamp(5px,1.2vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-identity{
    padding:clamp(7px,1.8vh,10px) clamp(9px,1.5vw,14px)!important;
  }
  html.phone-landscape .pilot-passport-identity small{
    font-size:clamp(6px,1.45vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-identity h3{
    margin:3px 0 2px!important;
    font-size:clamp(17px,4.3vh,25px)!important;
  }
  html.phone-landscape .pilot-passport-identity span{
    font-size:clamp(6.5px,1.6vh,8.5px)!important;
  }
  html.phone-landscape .pilot-passport-rank{
    padding:clamp(6px,1.5vh,9px) clamp(8px,1.4vw,12px) clamp(10px,2.3vh,14px)!important;
    gap:8px!important;
    border-radius:7px!important;
  }
  html.phone-landscape .pilot-passport-rank small{
    font-size:clamp(6px,1.45vh,8px)!important;
  }
  html.phone-landscape .pilot-passport-rank strong{
    font-size:clamp(10px,2.5vh,14px)!important;
  }
  html.phone-landscape .pilot-passport-rank p{
    margin-top:2px!important;
    font-size:clamp(7px,1.7vh,9px)!important;
  }
  html.phone-landscape .pilot-passport-rank em{
    font-size:clamp(9px,2.2vh,12px)!important;
  }
  html.phone-landscape .pilot-passport-metrics{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:clamp(4px,.75vw,7px)!important;
  }
  html.phone-landscape .pilot-passport-metrics article{
    min-width:0!important;
    min-height:clamp(54px,13vh,68px)!important;
    padding:clamp(6px,1.45vh,8px)!important;
    border-radius:7px!important;
  }
  html.phone-landscape .pilot-passport-metrics small{
    font-size:clamp(6px,1.45vh,8px)!important;
    line-height:1.1!important;
  }
  html.phone-landscape .pilot-passport-metrics strong{
    margin-top:5px!important;
    font-size:clamp(9px,2.25vh,13px)!important;
  }
  html.phone-landscape .pilot-passport-ranks span{
    padding-top:12px!important;
    font-size:clamp(5.5px,1.35vh,7px)!important;
  }
  html.phone-landscape .pilot-passport-footer,
  html.phone-landscape .pilot-passport-status{display:none!important}

  /* ----------------------------------------------------------------------
     ANCIENT STONE ARCHIVE
     ---------------------------------------------------------------------- */
  html.phone-landscape .kadim-stone-modal .kadim-stone-window{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header{
    left:2.6%!important;
    right:2.6%!important;
    top:2.5%!important;
    height:17%!important;
    padding-right:42px!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header-icon{
    width:clamp(34px,8vh,45px)!important;
    height:clamp(34px,8vh,45px)!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header small{
    font-size:clamp(6px,1.45vh,8px)!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header h2{
    margin:2px 0!important;
    font-size:clamp(16px,4.1vh,23px)!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header p{
    width:min(78%,660px)!important;
    font-size:clamp(7px,1.75vh,9.5px)!important;
    line-height:1.2!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-list-frame{
    left:2.4%!important;
    right:2.4%!important;
    top:21%!important;
    bottom:3%!important;
    border-radius:8px!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-list{
    padding:8px 8px 20px!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-row{
    grid-template-columns:minmax(0,1.45fr) minmax(110px,.72fr) minmax(78px,.35fr)!important;
    min-height:clamp(43px,10.8vh,55px)!important;
    margin-bottom:4px!important;
    padding:0 clamp(8px,1.5vw,13px)!important;
    gap:clamp(6px,1.1vw,10px)!important;
    border-radius:6px!important;
    font-size:clamp(7px,1.8vh,10px)!important;
    line-height:1.08!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-name strong,
  html.phone-landscape .kadim-stone-modal .kadim-stone-location,
  html.phone-landscape .kadim-stone-modal .kadim-stone-date{
    font-size:clamp(7px,1.8vh,10px)!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-row.is-empty button{
    padding:6px 10px!important;
    font-size:clamp(7px,1.7vh,9px)!important;
  }

  /* ----------------------------------------------------------------------
     PLAYER STATS — two columns by two rows, larger icons and typography.
     ---------------------------------------------------------------------- */
  html.phone-landscape .player-stats-window{
    width:min(94vw,820px)!important;
    height:min(90vh,390px)!important;
    min-width:0!important;
    min-height:0!important;
    padding:clamp(12px,2.8vh,17px)!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .player-stats-window header{
    margin:0 0 clamp(7px,1.7vh,10px)!important;
    padding-right:52px!important;
  }
  html.phone-landscape .player-stats-window header small{
    font-size:clamp(7px,1.7vh,9px)!important;
  }
  html.phone-landscape .player-stats-window header h2{
    margin:2px 0 0!important;
    font-size:clamp(20px,5vh,29px)!important;
  }
  html.phone-landscape .player-stats-modal-grid{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:clamp(8px,1.7vw,14px)!important;
  }
  html.phone-landscape .player-stats-modal-grid article{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:clamp(10px,2.3vh,15px) clamp(13px,2.1vw,20px)!important;
    display:grid!important;
    grid-template-columns:clamp(48px,12vh,64px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:clamp(9px,1.6vw,14px)!important;
    border-radius:12px!important;
  }
  html.phone-landscape .player-stats-modal-grid .home-stat-icon,
  html.phone-landscape .player-stats-modal-grid svg,
  html.phone-landscape .player-stats-modal-grid img{
    width:clamp(46px,11vh,60px)!important;
    height:clamp(46px,11vh,60px)!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
  html.phone-landscape .player-stats-modal-grid small,
  html.phone-landscape .player-stats-modal-grid span{
    font-size:clamp(9px,2.2vh,12px)!important;
    line-height:1.05!important;
  }
  html.phone-landscape .player-stats-modal-grid strong{
    margin-top:4px!important;
    font-size:clamp(23px,5.8vh,34px)!important;
    line-height:1!important;
  }

  /* ----------------------------------------------------------------------
     LEVEL 1 FLIGHT GUIDE — readable mobile instruction copy.
     ---------------------------------------------------------------------- */
  html.phone-landscape .flight-tutorial-card{
    inset:3px!important;
    width:auto!important;
    height:auto!important;
    max-width:none!important;
    max-height:none!important;
    padding:clamp(8px,1.9vh,11px) clamp(10px,1.7vw,15px)!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    gap:clamp(5px,1.2vh,7px)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .tutorial-heading{
    padding:0 clamp(42px,7vw,62px) 0 4px!important;
  }
  html.phone-landscape .tutorial-heading small{
    font-size:clamp(6.5px,1.55vh,8px)!important;
  }
  html.phone-landscape .tutorial-heading h2{
    margin:1px 0 2px!important;
    font-size:clamp(19px,4.7vh,27px)!important;
  }
  html.phone-landscape .tutorial-heading p{
    margin:0!important;
    font-size:clamp(8px,1.95vh,10.5px)!important;
    line-height:1.18!important;
  }
  html.phone-landscape .tutorial-control-grid{
    min-height:0!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:clamp(7px,1.2vw,11px)!important;
    overflow:hidden!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-control{
    min-height:0!important;
    height:100%!important;
    grid-template-rows:auto clamp(70px,17vh,86px) auto auto auto!important;
    padding:clamp(7px,1.7vh,10px)!important;
    overflow-y:auto!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-control header{
    font-size:clamp(7px,1.75vh,9.5px)!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-visual{
    height:clamp(70px,17vh,86px)!important;
    min-height:clamp(70px,17vh,86px)!important;
    max-height:clamp(70px,17vh,86px)!important;
    margin:3px 0 4px!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-control>p,
  html.phone-landscape .flight-tutorial-card .tutorial-control>strong{
    margin:2px 0!important;
    font-size:clamp(8px,1.95vh,10.5px)!important;
    line-height:1.22!important;
  }
  html.phone-landscape .tutorial-targets{
    min-height:clamp(24px,5.8vh,31px)!important;
    height:auto!important;
    padding:3px 7px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  html.phone-landscape .tutorial-targets p{
    font-size:clamp(7.5px,1.8vh,9.5px)!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  html.phone-landscape .tutorial-confirm{
    min-height:clamp(31px,7.2vh,38px)!important;
    padding:0 18px!important;
    font-size:clamp(9px,2.2vh,12px)!important;
  }
}

/* Extra compaction for very short landscape phones without reducing legibility. */
@media (orientation:landscape) and (max-height:390px){
  html.phone-landscape :is(.map-world-select-screen,.map-planets-screen) .map-world-card{
    flex-basis:clamp(138px,22vw,190px)!important;
    width:clamp(138px,22vw,190px)!important;
    min-width:clamp(138px,22vw,190px)!important;
  }
  html.phone-landscape .map-level-node{
    flex-basis:clamp(76px,20vh,92px)!important;
    width:clamp(76px,20vh,92px)!important;
    height:clamp(76px,20vh,92px)!important;
    min-width:clamp(76px,20vh,92px)!important;
    min-height:clamp(76px,20vh,92px)!important;
  }
  html.phone-landscape .map-planet-detail-stage{grid-template-columns:30% 29% 41%!important}
  html.phone-landscape .map-planet-navigation{grid-template-rows:10% minmax(0,1fr) 30%!important}
  html.phone-landscape .myra-body{grid-template-columns:23% minmax(0,1fr) 25%!important}
  html.phone-landscape .myra-waveform{display:none!important}
  html.phone-landscape .pilot-passport-ranks{display:none!important}
  html.phone-landscape .flight-tutorial-card .tutorial-control{
    grid-template-rows:auto 64px auto auto auto!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-visual{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
  }
}

/* Final mobile readability and viewport stability pass. */
@media (orientation:landscape) and (max-height:640px){
  html.phone-landscape :is(
    .map-world-rail-shell,
    .map-level-rail-shell,
    .map-archive-content-shell,
    .map-world-index-shell,
    .map-archive-world-header
  ){
    animation:none!important;
    transform:none!important;
    opacity:1!important;
  }

  html.phone-landscape .map-planet-facts small,
  html.phone-landscape .map-planet-memory small,
  html.phone-landscape .map-planet-artworks>small{
    font-size:clamp(6px,1.55vh,7.5px)!important;
  }
  html.phone-landscape .map-planet-facts strong{
    font-size:clamp(8.5px,2.15vh,11.5px)!important;
  }
  html.phone-landscape .map-planet-copy-scroll .planet-intro,
  html.phone-landscape .map-planet-copy-scroll .planet-copy-section p{
    font-size:clamp(8.5px,2.15vh,11.5px)!important;
  }
  html.phone-landscape .map-planet-copy-scroll .planet-copy-section h3{
    font-size:clamp(11.5px,2.95vh,16.5px)!important;
  }

  html.phone-landscape .myra-message-meta,
  html.phone-landscape .myra-message-meta b,
  html.phone-landscape .myra-message blockquote small,
  html.phone-landscape .myra-telemetry-card small,
  html.phone-landscape .myra-telemetry dt,
  html.phone-landscape .myra-record-nav span{
    font-size:clamp(6.5px,1.65vh,8px)!important;
  }
  html.phone-landscape .myra-message p{
    font-size:clamp(8.5px,2.15vh,11px)!important;
  }
  html.phone-landscape .myra-message blockquote,
  html.phone-landscape .myra-listen{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .myra-telemetry-card strong,
  html.phone-landscape .myra-telemetry dd{
    font-size:clamp(8px,2.05vh,10.5px)!important;
  }

  html.phone-landscape .pilot-passport-header small,
  html.phone-landscape .pilot-passport-header-code span,
  html.phone-landscape .pilot-passport-planet small,
  html.phone-landscape .pilot-passport-identity small,
  html.phone-landscape .pilot-passport-rank small,
  html.phone-landscape .pilot-passport-metrics small,
  html.phone-landscape .pilot-passport-ranks span{
    font-size:clamp(7px,1.75vh,9px)!important;
  }
  html.phone-landscape .pilot-passport-header p,
  html.phone-landscape .pilot-passport-identity span,
  html.phone-landscape .pilot-passport-rank p{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .pilot-passport-planet strong,
  html.phone-landscape .pilot-passport-metrics strong{
    font-size:clamp(9.5px,2.4vh,13.5px)!important;
  }
}