/* ELIE v5.1.52 — career HUD precision and Share Studio navigation polish. */

/* The three top-right controls act as one centered visual block above the
   PLANETS / BOSSES / SPECIES row. Phone layout remains untouched. */
@media (min-width:900px) and (min-height:520px),
       (hover:hover) and (pointer:fine){
  .screen .top-actions-dock{
    position:absolute;
    left:var(--top-actions-center-x,75%);
    top:1.18%;
    z-index:40;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:clamp(7px,.55vw,10px);
    width:max-content;
    height:calc(var(--u)*5.05);
    margin:0;
    padding:0;
    opacity:0;
    transform:translateX(-50%);
    pointer-events:none;
    transition:opacity .36s ease;
  }
  .screen .top-actions-dock.is-positioned{opacity:1}
  .screen .top-actions-dock>*{pointer-events:auto;flex:0 0 auto}

  /* Expand the layout box by 25px so the orbit can move left without making
     the complete three-control block look optically off-centre. */
  .screen .top-actions-dock .career.career-cyber.career-reference-hud{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:auto!important;
    width:calc(var(--career-reference-width) + 25px)!important;
    min-width:calc(var(--career-reference-width) + 25px)!important;
    height:var(--career-reference-height)!important;
    min-height:var(--career-reference-height)!important;
    margin:0!important;
    transform:none!important;
  }
  .screen .top-actions-dock .career-reference-hud .career-reference-orbit{
    left:0!important;
    top:0!important;
  }
  .screen .top-actions-dock .career-reference-hud .career-reference-panel{
    left:calc(var(--u)*3.2 + 25px)!important;
  }

  /* Number is geometrically centred in Kar1. The percent sign is larger and
     sits exactly two pixels above the number's visual cap line. */
  .screen .career-reference-hud .career-reference-orbit strong{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    font-size:calc(var(--u)*1.68)!important;
    line-height:1!important;
  }
  .screen .career-reference-hud .career-reference-orbit strong.is-three-digit{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    font-size:calc(var(--u)*1.25)!important;
  }
  .screen .career-reference-hud .career-reference-orbit small{
    top:auto!important;
    bottom:calc(50% + var(--u)*.84 + 2px)!important;
    font-size:calc(var(--u)*.52)!important;
    line-height:1!important;
  }

  .screen .top-actions-dock .home-share-launch,
  .screen .top-actions-dock .menu-support-launch{
    position:relative!important;
    inset:auto!important;
    right:auto!important;
    top:3px!important;
    margin:0!important;
  }
  .screen .top-actions-dock .home-share-launch{
    width:var(--share-width,calc(var(--u)*8.32))!important;
    min-width:var(--share-width,calc(var(--u)*8.32))!important;
  }
  .screen .top-actions-dock .menu-support-launch{
    display:flex!important;
    width:var(--support-nav-width,calc(var(--u)*4.45))!important;
    min-width:var(--support-nav-width,calc(var(--u)*4.45))!important;
  }
  .screen .top-actions-dock .home-share-launch:hover,
  .screen .top-actions-dock .home-share-launch:focus-visible{
    transform:translateY(-1px)!important;
  }
  .screen .top-actions-dock .menu-support-launch:hover,
  .screen .top-actions-dock .menu-support-launch:focus-visible{
    transform:scale(1.08)!important;
  }
}

/* Smaller proportional precision on phones, without changing the established
   compact top-right layout. */
@media (orientation:landscape) and (pointer:coarse) and (max-width:899px),
       (orientation:landscape) and (pointer:coarse) and (max-height:519px){
  .home-screen .career-reference-hud .career-reference-orbit{left:-8px!important}
  .home-screen .career-reference-hud .career-reference-orbit strong{
    top:50%!important;
    transform:translate(-50%,-50%)!important;
  }
  .home-screen .career-reference-hud .career-reference-orbit small{
    top:auto!important;
    bottom:calc(50% + 7px)!important;
    font-size:5px!important;
  }
}

/* Career percentage, high score and passport are single-output posters. Their
   arrows are removed; all navigable poster categories keep both arrows. */
.share-studio-modal.share-static-poster .share-frame-arrow,
.share-studio-modal .share-frame-arrow[hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (prefers-reduced-motion:reduce){
  .screen .top-actions-dock{transition:none!important}
}