/* ELIE v5.3.3 — verified phone-landscape rebuild.
   This layer intentionally uses the real phone root class and the exact DOM
   hierarchy so older high-specificity mobile rules cannot shrink or displace
   the controls again. Desktop and tablet layouts are untouched. */

@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape{
    --v533-nav-w:46px;
    --v533-nav-h:42px;
    --v533-nav-gap:7px;
    --v533-nav-top:max(6px,var(--safe-top,0px));
    --v533-nav-right:max(7px,var(--safe-right,0px));
  }

  /* ------------------------------------------------------------------
     PERMANENT MOBILE NAVIGATION ANCHOR
     ------------------------------------------------------------------ */
  html.phone-landscape .mobile-menu-trigger{
    position:fixed!important;
    display:flex!important;
    top:var(--v533-nav-top)!important;
    right:var(--v533-nav-right)!important;
    left:auto!important;
    bottom:auto!important;
    width:var(--v533-nav-w)!important;
    height:var(--v533-nav-h)!important;
    min-width:var(--v533-nav-w)!important;
    min-height:var(--v533-nav-h)!important;
    max-width:var(--v533-nav-w)!important;
    max-height:var(--v533-nav-h)!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:26000!important;
  }
  html.phone-landscape .mobile-page-close,
  html.phone-landscape .home-screen .mobile-home-share-slot{
    position:fixed!important;
    top:var(--v533-nav-top)!important;
    right:calc(var(--v533-nav-right) + var(--v533-nav-w) + var(--v533-nav-gap))!important;
    left:auto!important;
    bottom:auto!important;
    width:var(--v533-nav-w)!important;
    height:var(--v533-nav-h)!important;
    min-width:var(--v533-nav-w)!important;
    min-height:var(--v533-nav-h)!important;
    max-width:var(--v533-nav-w)!important;
    max-height:var(--v533-nav-h)!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:26000!important;
  }
  html.phone-landscape .mobile-page-close{display:block!important}
  html.phone-landscape .home-screen .mobile-page-close{display:none!important}
  html.phone-landscape .home-screen .mobile-home-share-slot{display:block!important}
  html.phone-landscape .screen:not(.home-screen) .mobile-home-share-slot,
  html.phone-landscape .screen:not(.home-screen) .home-share-launch{display:none!important}
  html.phone-landscape .home-screen .mobile-home-share-slot .home-share-launch{
    position:absolute!important;
    inset:0!important;
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  html.phone-landscape .home-screen .mobile-home-share-slot .home-share-launch img{
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    margin:0!important;
    object-fit:contain!important;
  }
  html.phone-landscape .home-screen .mobile-home-share-slot .home-share-launch span{display:none!important}

  /* The open overlay owns its own close button. Outside that exact state the
     permanent controls are always restored, including after menu navigation. */
  html.phone-landscape.mobile-menu-open :is(.mobile-menu-trigger,.mobile-page-close,.mobile-home-share-slot){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html.phone-landscape:not(.mobile-menu-open) :is(.mobile-menu-trigger,.mobile-page-close,.home-screen .mobile-home-share-slot){
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* ------------------------------------------------------------------
     HOME: ONE RESPONSIVE COMPOSITION, NO OVERLAPS
     ------------------------------------------------------------------ */
  html.phone-landscape .home-screen{
    --v533-logo-w:clamp(145px,20.4vw,190px);
    --v533-logo-h:clamp(82px,24.8dvh,108px);
    --v533-endless-top:clamp(84px,26.2dvh,114px);
    --v533-endless-h:clamp(43px,14.7dvh,64px);
    --v533-start-top:clamp(148px,47.5dvh,204px);
    --v533-start-w:clamp(350px,47vw,440px);
    --v533-start-h:clamp(58px,16dvh,68px);
    --v533-orb:clamp(68px,20dvh,88px);
    --v533-rail-gap:clamp(8px,1.35vw,13px);
    --v533-rail-bottom:max(17px,calc(var(--safe-bottom,0px) + 14px));
  }
  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;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  /* The visible mobile logo is the cloned .mobile-fixed-logo, not the hidden
     .mobile-home-logo. Target the actual element and make the +40% increase real. */
  html.phone-landscape .home-screen .mobile-fixed-logo{
    position:absolute!important;
    display:block!important;
    left:50%!important;
    right:auto!important;
    top:max(1px,var(--safe-top,0px))!important;
    bottom:auto!important;
    width:var(--v533-logo-w)!important;
    height:var(--v533-logo-h)!important;
    min-width:var(--v533-logo-w)!important;
    min-height:var(--v533-logo-h)!important;
    max-width:var(--v533-logo-w)!important;
    max-height:var(--v533-logo-h)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    transform-origin:50% 0!important;
    overflow:visible!important;
    z-index:205!important;
  }
  html.phone-landscape .home-screen .mobile-fixed-logo>.elie-logo-assembly{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    transform:none!important;
    transform-origin:50% 0!important;
  }

  html.phone-landscape .home-screen :is(.home-endless,.home-endless-signal){
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:var(--v533-endless-top)!important;
    bottom:auto!important;
    width:min(75vw,700px)!important;
    height:var(--v533-endless-h)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:calc(100vw - 36px)!important;
    max-height:var(--v533-endless-h)!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:translateX(-50%)!important;
    z-index:6!important;
  }
  html.phone-landscape .home-screen.home-cinematic.is-visible :is(.home-endless,.home-endless-signal){
    transform:translateX(-50%)!important;
  }

  html.phone-landscape .home-screen .home-start.home-start-signal{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:var(--v533-start-top)!important;
    bottom:auto!important;
    width:var(--v533-start-w)!important;
    height:var(--v533-start-h)!important;
    min-width:var(--v533-start-w)!important;
    min-height:var(--v533-start-h)!important;
    max-width:calc(100vw - 44px)!important;
    max-height:var(--v533-start-h)!important;
    margin:0!important;
    padding:0!important;
    transform:translateX(-50%)!important;
    z-index:18!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;
    max-width:100%!important;
    padding-inline:18px!important;
    box-sizing:border-box!important;
    font-size:clamp(21px,5.7dvh,31px)!important;
    line-height:.94!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    text-align:center!important;
  }
  html.phone-landscape .home-screen .home-start-signal:is(.lang-es,.lang-fr,.lang-it,.lang-de,.lang-pt,.lang-ru,.lang-ks,.lang-ar) .home-start-signal-label{
    font-size:clamp(18px,5.05dvh,27px)!important;
    line-height:.96!important;
  }

  html.phone-landscape .home-screen .home-lower-instruments{
    position:absolute!important;
    left:max(9px,calc(var(--safe-left,0px) + 7px))!important;
    right:max(9px,calc(var(--safe-right,0px) + 7px))!important;
    top:auto!important;
    bottom:var(--v533-rail-bottom)!important;
    width:auto!important;
    height:var(--v533-orb)!important;
    min-width:0!important;
    min-height:var(--v533-orb)!important;
    max-height:var(--v533-orb)!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:var(--v533-orb) var(--v533-orb) minmax(150px,1fr) var(--v533-orb) var(--v533-orb)!important;
    grid-template-rows:var(--v533-orb)!important;
    column-gap:var(--v533-rail-gap)!important;
    align-items:center!important;
    justify-items:center!important;
    overflow:visible!important;
    z-index:90!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}
  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){
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:var(--v533-orb)!important;
    height:var(--v533-orb)!important;
    min-width:var(--v533-orb)!important;
    min-height:var(--v533-orb)!important;
    max-width:var(--v533-orb)!important;
    max-height:var(--v533-orb)!important;
    margin:0!important;
    padding:0!important;
    aspect-ratio:1/1!important;
    border-radius:50%!important;
    box-sizing:border-box!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments :is(.home-badge-launch,.home-myra-launch,.home-passport-launch){overflow:hidden!important}
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch{overflow:visible!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-badge-launch>span{inset:0!important;width:100%!important;height:100%!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-badge-launch img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(.9)!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-passport-launch img{position:absolute!important;inset:1px!important;width:calc(100% - 2px)!important;height:calc(100% - 2px)!important;object-fit:contain!important}
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch-core{width:76%!important;height:76%!important;margin:-38% 0 0 -38%!important}
  html.phone-landscape .home-screen .home-lower-instruments .kadim-stone-launch-ring{width:112%!important;height:112%!important;margin:-56% 0 0 -56%!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-info{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:min(100%,390px)!important;
    height:clamp(30px,8.2dvh,38px)!important;
    min-width:0!important;
    min-height:0!important;
    max-width:390px!important;
    max-height:38px!important;
    margin:0!important;
    object-fit:contain!important;
    transform:none!important;
    z-index:2!important;
  }
  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:13px!important;
    min-height:13px!important;
    max-height:13px!important;
    gap:4px!important;
    transform:translateX(-50%)!important;
    z-index:92!important;
  }
  html.phone-landscape .home-screen .site-branding .site-mark-link{width:21px!important;height:13px!important}
  html.phone-landscape .home-screen .site-branding .site-copyright-new{width:82px!important;height:13px!important;object-fit:contain!important}

  /* Nothing from the desktop career/share dock may resurface after sleep,
     visualViewport restoration or a browser chrome resize. */
  html.phone-landscape .home-screen :is(.personal-stats-cluster,.personal-stats,.career-reference-hud,.top-actions-dock){
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* ------------------------------------------------------------------
     MENU: LARGE, LEGIBLE TYPE IN ALL 12 LANGUAGES
     ------------------------------------------------------------------ */
  html.phone-landscape .mobile-menu-panel.mobile-menu-panel-v518{
    padding:max(50px,calc(var(--safe-top,0px) + 48px)) max(10px,var(--safe-right,0px)) max(9px,var(--safe-bottom,0px)) max(10px,var(--safe-left,0px))!important;
  }
  html.phone-landscape .mobile-menu-grid.mobile-menu-grid-v518{
    gap:clamp(7px,1.25vh,10px)!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item{
    padding:clamp(15px,3.8vh,20px) 10px clamp(11px,2.9vh,15px)!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item span{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(14px,4dvh,18px)!important;
    font-weight:800!important;
    line-height:1.05!important;
    letter-spacing:.005em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    text-align:center!important;
  }
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item small{
    font-size:8px!important;
    line-height:1!important;
  }
}

/* Very short phones receive a tighter but still readable composition. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:350px){
  html.phone-landscape .home-screen{
    --v533-logo-w:clamp(132px,22vw,154px);
    --v533-logo-h:clamp(72px,23dvh,80px);
    --v533-endless-top:clamp(72px,25dvh,86px);
    --v533-endless-h:clamp(38px,13.5dvh,46px);
    --v533-start-top:clamp(126px,46.5dvh,158px);
    --v533-start-w:clamp(340px,58vw,380px);
    --v533-start-h:58px;
    --v533-orb:clamp(62px,20dvh,70px);
    --v533-rail-gap:7px;
    --v533-rail-bottom:max(15px,calc(var(--safe-bottom,0px) + 12px));
  }
  html.phone-landscape .home-screen .home-start-signal .home-start-signal-label{font-size:clamp(19px,5.9dvh,23px)!important}
  html.phone-landscape .home-screen .home-start-signal:is(.lang-es,.lang-fr,.lang-it,.lang-de,.lang-pt,.lang-ru,.lang-ks,.lang-ar) .home-start-signal-label{font-size:clamp(16px,5.1dvh,20px)!important}
  html.phone-landscape .home-screen .home-lower-instruments{grid-template-columns:var(--v533-orb) var(--v533-orb) minmax(132px,1fr) var(--v533-orb) var(--v533-orb)!important}
  html.phone-landscape .home-screen .home-lower-instruments .home-info{height:27px!important;max-height:27px!important}
  html.phone-landscape .mobile-menu-panel.mobile-menu-panel-v518{padding-top:46px!important;padding-bottom:7px!important}
  html.phone-landscape .mobile-menu-grid.mobile-menu-grid-v518{gap:6px!important}
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item{padding:13px 7px 9px!important}
  html.phone-landscape .mobile-menu-grid-v518 .mobile-menu-item span{font-size:clamp(14px,4.4dvh,16px)!important}
}

/* Home previously had a higher-specificity 43x38 trigger. Repeat the full
   anchor with the exact Home hierarchy so its box is identical everywhere. */
@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .home-screen .mobile-menu-trigger{
    top:var(--v533-nav-top)!important;
    right:var(--v533-nav-right)!important;
    width:var(--v533-nav-w)!important;
    height:var(--v533-nav-h)!important;
    min-width:var(--v533-nav-w)!important;
    min-height:var(--v533-nav-h)!important;
    max-width:var(--v533-nav-w)!important;
    max-height:var(--v533-nav-h)!important;
  }
}

/* Keep the permanent X + hamburger clear of dossier content. The previous
   mobile reduction made the panels fit, but their first lines still sat under
   the two fixed controls on the shortest phones. */
@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .map-detail-panel > header{
    min-height:var(--v533-nav-h)!important;
    padding-right:calc((var(--v533-nav-w) * 2) + var(--v533-nav-gap) + 8px)!important;
    box-sizing:border-box!important;
  }
  html.phone-landscape .map-detail-panel > header h1,
  html.phone-landscape .map-detail-panel > header small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html.phone-landscape .map-planet-copy-panel{
    padding-top:calc(var(--v533-nav-top) + var(--v533-nav-h) + 7px)!important;
  }
  html.phone-landscape .map-planet-copy-shell{
    height:100%!important;
  }
}

/* Final measured corrections from 568x320 / 932x430 phone audits. */
@media (orientation:landscape) and (pointer:coarse){
  /* Older per-planet nth-child rules were still forcing the statistics block
     down by 55–77%. Put it back into the third grid row so it cannot be cut. */
  html.phone-landscape .map-world-select-screen .map-world-card .map-world-stats,
  html.phone-landscape .map-world-select-screen .map-world-card[data-selected="1"] .map-world-stats,
  html.phone-landscape .map-world-select-screen .map-world-card:nth-of-type(4n+1) .map-world-stats,
  html.phone-landscape .map-world-select-screen .map-world-card:nth-of-type(4n+2) .map-world-stats,
  html.phone-landscape .map-world-select-screen .map-world-card:nth-of-type(4n+3) .map-world-stats,
  html.phone-landscape .map-world-select-screen .map-world-card:nth-of-type(4n) .map-world-stats{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    align-self:stretch!important;
    justify-self:center!important;
    width:84%!important;
    height:auto!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  html.phone-landscape .map-world-select-screen .map-world-card{
    grid-template-rows:16% 52% 32%!important;
  }

  /* Center the archive subject and its rings on the same point. A late inset
     shorthand in the older layer had silently reset ring left/top to auto. */
  html.phone-landscape .map-detail-rings{
    inset:auto!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }

  /* The manual is scrollable: use that space for genuinely readable copy. */
  html.phone-landscape .how-command-header{
    padding-right:calc((var(--v533-nav-w) * 2) + var(--v533-nav-gap) + 14px)!important;
  }
  html.phone-landscape .how-command-title>small{font-size:7px!important}
  html.phone-landscape .how-command-title p{font-size:clamp(8.5px,2.2vh,11px)!important}
  html.phone-landscape .how-control-card,
  html.phone-landscape .how-laser-manual article{min-height:146px!important}
  html.phone-landscape :is(.how-control-card,.how-laser-manual article,.how-system-card,.how-collect-card,.how-boss-card) small{
    font-size:clamp(7px,1.8vh,9px)!important;
  }
  html.phone-landscape :is(.how-control-card,.how-laser-manual article,.how-system-card,.how-boss-card) p,
  html.phone-landscape .how-boss-rules span{
    font-size:clamp(8.5px,2.2vh,11px)!important;
    line-height:1.34!important;
  }

  /* Score cards already resolve to two columns; make their micro-labels
     readable instead of leaving 5px text in the relaxed layout. */
  html.phone-landscape .score-league-header p,
  html.phone-landscape .score-status{font-size:clamp(8px,2vh,10px)!important}
  html.phone-landscape .score-sector small,
  html.phone-landscape .score-value small{font-size:clamp(7px,1.75vh,9px)!important}
}

/* Full-screen archives use scrolling; prioritize readable type over squeezing
   every record into one frame on the shortest phone. */
@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .myra-window small,
  html.phone-landscape .myra-window dt{
    font-size:clamp(7px,1.8vh,9px)!important;
    line-height:1.15!important;
  }
  html.phone-landscape .myra-window .myra-section-title,
  html.phone-landscape .myra-window .myra-section-title b,
  html.phone-landscape .myra-window .myra-world-filters button,
  html.phone-landscape .myra-window .myra-record-nav span{
    font-size:clamp(7px,1.8vh,9px)!important;
  }
  html.phone-landscape .myra-window .myra-record strong,
  html.phone-landscape .myra-window .myra-telemetry dd,
  html.phone-landscape .myra-window .myra-listen{
    font-size:clamp(8.5px,2.15vh,11px)!important;
  }
  html.phone-landscape .myra-window .myra-message p{
    font-size:clamp(9px,2.3vh,12px)!important;
    line-height:1.34!important;
  }
  html.phone-landscape .myra-window .myra-message blockquote{
    font-size:clamp(8px,2vh,10px)!important;
  }

  html.phone-landscape .pilot-passport-window small{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
    line-height:1.12!important;
  }
  html.phone-landscape .pilot-passport-window .pilot-passport-metrics strong,
  html.phone-landscape .pilot-passport-window .pilot-passport-planet strong{
    font-size:clamp(9.5px,2.35vh,12px)!important;
  }
  html.phone-landscape .pilot-passport-window .pilot-passport-identity span,
  html.phone-landscape .pilot-passport-window .pilot-passport-rank p{
    font-size:clamp(8px,2vh,10px)!important;
  }

  html.phone-landscape .kadim-stone-window small{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .kadim-stone-window .kadim-stone-header p{
    font-size:clamp(8.5px,2.15vh,11px)!important;
    line-height:1.22!important;
  }
  html.phone-landscape .kadim-stone-window .kadim-stone-row{
    min-height:clamp(49px,12.2vh,61px)!important;
    font-size:clamp(8.5px,2.15vh,11px)!important;
  }
  html.phone-landscape .kadim-stone-window :is(.kadim-stone-name strong,.kadim-stone-location,.kadim-stone-date){
    font-size:clamp(8.5px,2.15vh,11px)!important;
  }
}

@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .myra-window .myra-header p,
  html.phone-landscape .myra-window .myra-message-meta,
  html.phone-landscape .myra-window .myra-message-meta span,
  html.phone-landscape .myra-window .myra-message-meta b,
  html.phone-landscape .myra-window .myra-message blockquote small{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .myra-window :is(.myra-section-title,.myra-section-title b,.myra-world-filters button,.myra-record small,.myra-telemetry-card small,.myra-telemetry dt,.myra-record-nav span){
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .pilot-passport-window .pilot-passport-header p,
  html.phone-landscape .pilot-passport-window .pilot-passport-header-code span{
    font-size:clamp(8px,2vh,10px)!important;
  }
  html.phone-landscape .kadim-stone-modal .kadim-stone-header small{
    font-size:clamp(8px,2vh,10px)!important;
  }
}

@media (orientation:landscape) and (pointer:coarse){
  html.phone-landscape .myra-window .myra-header small{
    font-size:clamp(7.5px,1.9vh,9.5px)!important;
  }
  html.phone-landscape .myra-window .myra-record>span{
    font-size:clamp(8px,2vh,10px)!important;
  }
  html.phone-landscape .pilot-passport-window small{
    font-size:clamp(8px,2vh,10px)!important;
  }
}