/* ELIE v5.4.0 — mobile-only investor presentation fixes.
   IMPORTANT: every visual rule in this file is scoped to the real phone-landscape root.
   Desktop/fine-pointer layouts are intentionally untouched. */

@media (orientation:landscape) and (pointer:coarse){
  /* ====================================================================== */
  /* 01 — HOME                                                             */
  /* ====================================================================== */
  html.phone-landscape .home-screen :is(.home-endless,.home-endless-signal){
    display:block!important;
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:translateX(-50%)!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments{
    grid-template-columns:var(--v533-orb) var(--v533-orb) minmax(190px,1fr) var(--v533-orb) var(--v533-orb)!important;
  }
  html.phone-landscape .home-screen .home-lower-instruments .home-info{
    width:min(36vw,330px)!important;
    height:clamp(40px,11.6dvh,54px)!important;
    min-height:40px!important;
    max-width:100%!important;
    max-height:54px!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }

  /* ====================================================================== */
  /* 02 — MOBILE NAV: page-specific cleanup                                */
  /* ====================================================================== */
  /* These pages keep the hamburger, but no redundant page-level X. */
  html.phone-landscape :is(.book-screen,.story-screen,.credits-screen,.score-screen) .mobile-page-close{
    display:none!important;
  }

  /* Map/archive flows already own a BACK control. Remove both global controls. */
  html.phone-landscape :is(
    .map-world-select-screen,
    .map-level-screen,
    .map-planets-screen,
    .map-archive-bosses,
    .map-archive-species,
    .map-archive-objects
  ) :is(.mobile-page-close,.mobile-menu-trigger){
    display:none!important;
  }

  /* Detail overlays keep their own in-window close/back controls only. */
  html.phone-landscape.map-detail-open :is(.mobile-page-close,.mobile-menu-trigger),
  html.phone-landscape.map-planet-detail-open :is(.mobile-page-close,.mobile-menu-trigger){
    display:none!important;
  }

  /* Update Center owns its own close button; remove the duplicate page X. */
  html.phone-landscape.update-center-open .mobile-page-close{display:none!important}

  /* How To Play is the one requested exception: hamburger left, X right. */
  html.phone-landscape .how-screen .mobile-menu-trigger{
    right:calc(var(--v533-nav-right) + var(--v533-nav-w) + var(--v533-nav-gap))!important;
  }
  html.phone-landscape .how-screen .mobile-page-close{
    display:block!important;
    right:var(--v533-nav-right)!important;
  }

  /* Share launch is never shown behind its own modal or the badge archive. */
  html.phone-landscape.badge-gallery-open :is(.mobile-home-share-slot,.home-share-launch),
  html.phone-landscape.elie-universe-modal-open :is(.mobile-home-share-slot,.home-share-launch){
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* ====================================================================== */
  /* 03 — BADGES                                                           */
  /* ====================================================================== */
  html.phone-landscape .badge-gallery-window>header{
    left:12px!important;
    right:58px!important;
    top:7px!important;
    height:62px!important;
    min-height:62px!important;
    align-items:flex-start!important;
  }
  html.phone-landscape .badge-gallery-window .signal-archive-heading-copy{
    min-width:0!important;
    padding-top:1px!important;
  }
  html.phone-landscape .badge-gallery-window .signal-archive-heading-copy h1{
    margin:2px 0 2px!important;
    font-size:clamp(17px,4.4vh,23px)!important;
    line-height:.96!important;
  }
  html.phone-landscape .badge-gallery-window .signal-archive-heading-copy p{
    max-width:min(70vw,590px)!important;
    margin:0!important;
    font-size:clamp(8.5px,2.05vh,11px)!important;
    line-height:1.22!important;
    white-space:normal!important;
  }
  html.phone-landscape .badge-gallery-window .badge-scroll-mask{
    left:8px!important;
    right:8px!important;
    top:78px!important;
    bottom:7px!important;
  }
  html.phone-landscape .badge-gallery-window .badge-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:7px!important;
  }
  html.phone-landscape .badge-gallery-window .badge-card{
    min-height:82px!important;
    grid-template-columns:68px minmax(0,1fr)!important;
    gap:9px!important;
    padding:7px 9px!important;
  }
  html.phone-landscape .badge-gallery-window .badge-card-image{
    width:62px!important;
    height:62px!important;
    align-self:center!important;
    justify-self:center!important;
  }
  html.phone-landscape .badge-gallery-window .badge-card-copy b{
    font-size:clamp(11px,2.65vh,14px)!important;
    line-height:1.08!important;
  }
  html.phone-landscape .badge-gallery-window .badge-card-copy small{
    font-size:clamp(8px,1.95vh,10px)!important;
    line-height:1.15!important;
    margin-top:3px!important;
  }
  html.phone-landscape .badge-gallery-window .badge-card.is-locked .badge-card-image::after{
    inset:50% auto auto 50%!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:100%!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
    text-align:center!important;
    transform:translate(-50%,-50%)!important;
    transform-origin:center!important;
  }

  /* ====================================================================== */
  /* 04 — SHARE STUDIO                                                      */
  /* ====================================================================== */
  html.phone-landscape .share-studio-modal .share-studio-body{
    left:10px!important;
    right:10px!important;
    top:58px!important;
    bottom:24px!important;
    grid-template-columns:minmax(220px,35%) minmax(170px,27%) minmax(190px,38%)!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  html.phone-landscape .share-studio-modal .share-type-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,1fr)!important;
    gap:6px!important;
    align-content:stretch!important;
    min-width:0!important;
    min-height:0!important;
  }
  html.phone-landscape .share-studio-modal .share-type-grid button{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:6px!important;
    padding:5px 6px!important;
    border-radius:8px!important;
    font-size:clamp(8.5px,2.05vh,11px)!important;
    line-height:1.08!important;
    text-align:left!important;
  }
  html.phone-landscape .share-studio-modal .share-type-grid button img{
    width:32px!important;
    height:32px!important;
    object-fit:contain!important;
  }
  html.phone-landscape .share-studio-modal .share-type-grid button:nth-last-child(1):nth-child(odd){
    grid-column:1 / -1!important;
  }
  html.phone-landscape .share-studio-modal .share-preview-zone{
    min-width:0!important;
    gap:4px!important;
    padding-inline:2px!important;
  }
  html.phone-landscape .share-studio-modal .share-canvas-shell{
    width:min(100%,38vh)!important;
    max-width:100%!important;
    margin-inline:auto!important;
  }
  html.phone-landscape .share-studio-modal .share-preview-toolbar strong{
    font-size:clamp(8px,1.9vh,10px)!important;
  }
  html.phone-landscape .share-studio-modal .share-ratio-grid button{
    min-height:25px!important;
    font-size:clamp(7px,1.65vh,9px)!important;
  }
  html.phone-landscape .share-studio-modal .share-actions{
    min-width:0!important;
    gap:6px!important;
    padding-left:2px!important;
  }
  html.phone-landscape .share-studio-modal .share-action-status{
    padding:8px!important;
    border-radius:9px!important;
  }
  html.phone-landscape .share-studio-modal .share-action-status small{
    font-size:clamp(7px,1.65vh,9px)!important;
  }
  html.phone-landscape .share-studio-modal .share-action-status strong{
    font-size:clamp(11px,2.7vh,15px)!important;
  }
  html.phone-landscape .share-studio-modal :is(.share-main-action,.share-native-action){
    min-height:34px!important;
    font-size:clamp(8px,1.95vh,10.5px)!important;
  }
  html.phone-landscape .share-studio-modal .share-social-grid button{
    min-height:30px!important;
    font-size:clamp(7.5px,1.8vh,9.5px)!important;
  }
  html.phone-landscape .share-studio-modal .share-actions p{
    font-size:clamp(7px,1.65vh,9px)!important;
    line-height:1.22!important;
  }

  /* ====================================================================== */
  /* 05 — STORY                                                            */
  /* ====================================================================== */
  html.phone-landscape .story-screen .story-copy{
    top:38px!important;
    right:1.5%!important;
    bottom:5px!important;
    width:56%!important;
    max-height:none!important;
    padding:7px 11px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:auto!important;
    transform:translateY(-6px)!important;
  }
  html.phone-landscape .story-screen .story-copy .story-lead{
    font-size:clamp(12px,3vh,16px)!important;
    line-height:1.34!important;
    margin-bottom:8px!important;
  }
  html.phone-landscape .story-screen .story-copy :is(.story-body,.story-close){
    font-size:clamp(8.5px,2.08vh,11px)!important;
    line-height:1.36!important;
  }
  html.phone-landscape .story-screen .story-archive-actions{
    margin-top:7px!important;
    gap:4px!important;
    transform:translateY(-3px)!important;
  }

  /* ====================================================================== */
  /* 06 — HOW TO PLAY                                                      */
  /* ====================================================================== */
  html.phone-landscape .how-screen .content{
    top:calc(var(--safe-top,0px) + 82px)!important;
    bottom:calc(var(--safe-bottom,0px) + 24px)!important;
  }
  html.phone-landscape .how-screen .how-command-header{
    min-height:68px!important;
    padding-top:8px!important;
    padding-right:calc((var(--v533-nav-w) * 2) + var(--v533-nav-gap) + 14px)!important;
    padding-bottom:10px!important;
  }
  html.phone-landscape .how-screen .how-command-header::after{
    bottom:0!important;
  }
  html.phone-landscape .how-screen .how-command-scroll{
    top:auto!important;
    margin-top:8px!important;
    padding-top:14px!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-control-deck{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-control-card.how-guide-card{
    width:100%!important;
    max-width:none!important;
    grid-column:1!important;
    grid-template-columns:minmax(190px,42%) minmax(0,1fr)!important;
    gap:12px!important;
    min-height:132px!important;
    padding:9px!important;
  }
  html.phone-landscape .how-screen .how-command-controls .how-guide-card .how-guide-visual{
    width:100%!important;
    aspect-ratio:16/9!important;
  }

  /* ====================================================================== */
  /* 07 — UPDATE CENTER                                                     */
  /* ====================================================================== */
  html.phone-landscape .update-center-window .update-center-header{
    position:relative!important;
    min-height:76px!important;
    height:76px!important;
    display:block!important;
    padding:5px 196px 8px 4px!important;
    box-sizing:border-box!important;
  }
  html.phone-landscape .update-center-window .update-center-heading{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    text-align:left!important;
  }
  html.phone-landscape .update-center-window .update-center-heading small{
    display:-webkit-box!important;
    width:min(52vw,430px)!important;
    max-width:100%!important;
    min-height:18px!important;
    margin:0 0 2px!important;
    white-space:normal!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:clamp(7.5px,1.8vh,9.5px)!important;
    line-height:1.15!important;
  }
  html.phone-landscape .update-center-window .update-center-heading h2{
    margin:2px 0 1px!important;
    font-size:clamp(15px,3.8vh,21px)!important;
    line-height:.96!important;
  }
  html.phone-landscape .update-center-window .update-center-heading p{
    display:-webkit-box!important;
    width:min(52vw,430px)!important;
    max-width:100%!important;
    min-height:18px!important;
    max-height:22px!important;
    margin:0!important;
    white-space:normal!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    font-size:clamp(7px,1.65vh,9px)!important;
    line-height:1.16!important;
  }
  html.phone-landscape .update-center-window .update-center-header>strong{
    position:absolute!important;
    top:7px!important;
    right:112px!important;
    left:auto!important;
    width:auto!important;
    min-width:70px!important;
    max-width:90px!important;
    padding:6px 8px!important;
    margin:0!important;
    font-size:clamp(12px,2.9vh,16px)!important;
    z-index:2!important;
  }
  html[dir="rtl"].phone-landscape .update-center-window .update-center-header{
    padding:5px 4px 8px 196px!important;
  }
  html[dir="rtl"].phone-landscape .update-center-window .update-center-heading{text-align:right!important}
  html[dir="rtl"].phone-landscape .update-center-window .update-center-header>strong{
    left:112px!important;
    right:auto!important;
  }
  html.phone-landscape .update-center-window .update-history-scroll{
    top:88px!important;
  }

  /* ====================================================================== */
  /* 08 — SCOREBOARD                                                        */
  /* ====================================================================== */
  html.phone-landscape .score-screen .content{
    left:3px!important;
    right:3px!important;
    top:34px!important;
    bottom:4px!important;
    padding:0 56px 0 2px!important;
  }
  html.phone-landscape .score-screen :is(.score-wrap,.score-wrap-v451,.score-wrap-v453){
    inset:2px 2px 2px 0!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
    padding:7px 8px 5px!important;
    overflow:hidden!important;
  }
  html.phone-landscape .score-screen .score-league-header{
    min-height:40px!important;
    margin-bottom:4px!important;
    padding-right:2px!important;
  }
  html.phone-landscape .score-screen .score-league-header h1{
    font-size:clamp(18px,4.5vh,25px)!important;
  }
  html.phone-landscape .score-screen .score-pair-scroll{
    display:grid!important;
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    align-content:start!important;
    padding:1px 5px 16px 1px!important;
    scrollbar-gutter:stable!important;
  }

  /* ====================================================================== */
  /* 09 — LEVEL SELECT MARKERS                                             */
  /* ====================================================================== */
  html.phone-landscape .map-level-node .map-level-markers{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:calc(100% + 2px)!important;
    width:max-content!important;
    margin:0!important;
    transform:translateX(-50%) scale(.40)!important;
    transform-origin:50% 100%!important;
    gap:.22em!important;
  }
  html.phone-landscape .map-level-node .level-unlock-marker{
    margin:0!important;
    place-items:center!important;
    text-align:center!important;
    line-height:1!important;
  }

  /* ====================================================================== */
  /* 10 — LEVEL-1 CONTROL TUTORIAL                                         */
  /* ====================================================================== */
  html.phone-landscape .flight-tutorial-card .tutorial-control-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    min-height:0!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-control{
    min-height:0!important;
    grid-template-rows:auto minmax(86px,1fr) auto auto auto!important;
    overflow:hidden!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-visual{
    position:relative!important;
    width:100%!important;
    height:auto!important;
    min-height:86px!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    margin:4px 0 5px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(46,241,58,.28)!important;
    border-radius:8px!important;
    background-color:#000!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
  }
  html.phone-landscape .flight-tutorial-card .tutorial-visual.desktop-visual{background-image:url('../assets/images/How1.png')!important}
  html.phone-landscape .flight-tutorial-card .tutorial-visual.mobile-visual{background-image:url('../assets/images/How2.png')!important}
  html.phone-landscape .flight-tutorial-card .tutorial-visual>*{display:none!important}
  html.phone-landscape .flight-tutorial-card .tutorial-control>p,
  html.phone-landscape .flight-tutorial-card .tutorial-control>strong{
    font-size:clamp(8.5px,2.08vh,11px)!important;
    line-height:1.24!important;
    margin:2px 0!important;
  }

  /* ====================================================================== */
  /* 11 — LEVEL COMPLETE / GAME OVER: mobile compact result               */
  /* ====================================================================== */
  html.phone-landscape .game-modal:not(.hidden){
    padding:4px!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html.phone-landscape .game-modal .result-card.advanced-result{
    position:relative!important;
    width:calc(100vw - 8px)!important;
    height:calc(100dvh - 8px)!important;
    min-height:0!important;
    max-width:none!important;
    max-height:none!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:72px minmax(0,1fr) minmax(218px,31%)!important;
    grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    align-items:center!important;
    justify-items:stretch!important;
    padding:9px 10px 8px!important;
    overflow:hidden!important;
    transform:none!important;
  }
  html.phone-landscape .advanced-result .flight-report,
  html.phone-landscape .advanced-result .result-crystal-award{
    display:none!important;
  }
  html.phone-landscape .advanced-result .result-mobile-crystal-bonus{
    display:inline!important;
    margin-left:3px!important;
    color:#fff!important;
    font:900 clamp(9px,2.25vh,12px)/1 Duplet,Arial,sans-serif!important;
    font-style:normal!important;
    white-space:nowrap!important;
    text-shadow:0 0 8px rgba(46,241,58,.45)!important;
  }
  html.phone-landscape .advanced-result .result-grade{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:start!important;
    justify-self:start!important;
    width:62px!important;
    height:62px!important;
    margin:0!important;
  }
  html.phone-landscape .advanced-result .result-grade strong{font-size:26px!important}
  html.phone-landscape .advanced-result .result-grade small{font-size:7px!important}
  html.phone-landscape .advanced-result .result-stars{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-self:center!important;
    margin:0!important;
    font-size:clamp(20px,5vh,27px)!important;
    line-height:1!important;
    transform:none!important;
  }
  html.phone-landscape .advanced-result .result-heading{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    align-self:start!important;
    text-align:center!important;
  }
  html.phone-landscape .advanced-result .result-heading.single-title small{
    font-size:clamp(15px,3.8vh,21px)!important;
  }
  html.phone-landscape .advanced-result .result-heading:not(.single-title) small{
    font-size:clamp(8px,1.9vh,10px)!important;
  }
  html.phone-landscape .advanced-result .result-heading h2{
    margin:1px 0 2px!important;
    font-size:clamp(16px,4vh,22px)!important;
    line-height:.96!important;
  }
  html.phone-landscape .advanced-result .result-heading p{
    margin:2px 0 0!important;
    font-size:clamp(7.5px,1.75vh,9.5px)!important;
    line-height:1.14!important;
  }
  html.phone-landscape .advanced-result.failure .result-heading{
    grid-row:1 / span 2!important;
    align-self:center!important;
  }
  html.phone-landscape .advanced-result .result-reveal{
    grid-column:1 / 3!important;
    grid-row:3!important;
    min-height:0!important;
    margin:0!important;
  }
  html.phone-landscape .advanced-result .result-main-score{
    grid-column:1 / 3!important;
    grid-row:3!important;
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
    font-size:clamp(26px,6.3vh,36px)!important;
    line-height:.94!important;
  }
  html.phone-landscape .advanced-result .performance-bar{
    grid-column:1 / 3!important;
    grid-row:4!important;
    align-self:start!important;
    width:min(88%,560px)!important;
    height:16px!important;
    min-height:16px!important;
    margin:0 auto!important;
  }
  html.phone-landscape .advanced-result .performance-bar b{
    font-size:clamp(7px,1.65vh,9px)!important;
  }
  html.phone-landscape .advanced-result .result-pickups{
    grid-column:1 / 3!important;
    grid-row:4!important;
    align-self:end!important;
    justify-self:center!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    gap:clamp(7px,1.45vw,13px)!important;
    overflow:visible!important;
  }
  html.phone-landscape .advanced-result .result-pickups .result-pickup{
    display:flex!important;
    align-items:center!important;
    gap:2px!important;
    min-width:0!important;
    font-size:clamp(8px,1.9vh,10px)!important;
    white-space:nowrap!important;
  }
  html.phone-landscape .advanced-result .result-pickups img{
    width:auto!important;
    height:clamp(22px,5.5vh,29px)!important;
    max-height:29px!important;
    object-fit:contain!important;
  }
  html.phone-landscape .advanced-result .result-submit.score-identity-submit{
    position:relative!important;
    grid-column:3!important;
    grid-row:1 / span 3!important;
    align-self:center!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-rows:34px 34px!important;
    gap:6px!important;
  }
  html.phone-landscape .advanced-result .result-submit.score-identity-submit>input{
    grid-column:1!important;
    grid-row:1!important;
  }
  html.phone-landscape .advanced-result .result-submit.score-identity-submit .score-badge-picker{
    grid-column:2!important;
    grid-row:1!important;
  }
  html.phone-landscape .advanced-result .result-submit.score-identity-submit>#submit-score{
    grid-column:1 / -1!important;
    grid-row:2!important;
  }
  html.phone-landscape .advanced-result .result-submit input,
  html.phone-landscape .advanced-result .result-submit .score-badge-trigger,
  html.phone-landscape .advanced-result .result-submit .action-btn{
    width:100%!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    min-width:0!important;
    margin:0!important;
    font-size:clamp(8px,1.85vh,10px)!important;
    box-sizing:border-box!important;
  }
  html.phone-landscape .advanced-result .result-actions{
    position:relative!important;
    inset:auto!important;
    grid-column:1 / -1!important;
    grid-row:5!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
    gap:6px!important;
    background:none!important;
  }
  html.phone-landscape .advanced-result .result-actions .action-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0 5px!important;
    font-size:clamp(8px,1.85vh,10px)!important;
    line-height:1.05!important;
    white-space:normal!important;
  }

  /* Keep the score badge popup inside the mobile result frame. */
  html.phone-landscape .advanced-result .score-badge-menu{
    left:auto!important;
    right:0!important;
    bottom:calc(100% + 5px)!important;
    transform:none!important;
    width:min(286px,72vw)!important;
    max-height:64dvh!important;
    overflow:auto!important;
  }
}

/* Short phone-landscape safety net: still mobile-only, never desktop. */
@media (orientation:landscape) and (pointer:coarse) and (max-height:360px){
  html.phone-landscape .home-screen .home-lower-instruments .home-info{
    height:38px!important;
    min-height:38px!important;
  }
  html.phone-landscape .badge-gallery-window .badge-scroll-mask{top:72px!important}
  html.phone-landscape .badge-gallery-window .badge-card{min-height:70px!important}
  html.phone-landscape .badge-gallery-window .badge-card-image{width:54px!important;height:54px!important}

  html.phone-landscape .share-studio-modal .share-studio-body{top:54px!important;bottom:19px!important}
  html.phone-landscape .share-studio-modal .share-type-grid button{padding:3px 5px!important;font-size:8px!important}
  html.phone-landscape .share-studio-modal .share-type-grid button img{width:27px!important;height:27px!important}

  html.phone-landscape .flight-tutorial-card .tutorial-visual{min-height:74px!important}
  html.phone-landscape .flight-tutorial-card .tutorial-control>p,
  html.phone-landscape .flight-tutorial-card .tutorial-control>strong{font-size:8px!important}

  html.phone-landscape .game-modal .result-card.advanced-result{
    grid-template-columns:64px minmax(0,1fr) minmax(202px,31%)!important;
    row-gap:3px!important;
    padding:6px 8px!important;
  }
  html.phone-landscape .advanced-result .result-grade{width:54px!important;height:54px!important}
  html.phone-landscape .advanced-result .result-main-score{font-size:25px!important}
  html.phone-landscape .advanced-result .performance-bar{height:13px!important;min-height:13px!important}
  html.phone-landscape .advanced-result .result-pickups img{height:21px!important}
  html.phone-landscape .advanced-result .result-actions .action-btn,
  html.phone-landscape .advanced-result .result-submit input,
  html.phone-landscape .advanced-result .result-submit .score-badge-trigger,
  html.phone-landscape .advanced-result .result-submit .action-btn{height:30px!important;min-height:30px!important;max-height:30px!important}
  html.phone-landscape .advanced-result .result-submit.score-identity-submit{grid-template-rows:30px 30px!important}
}