/* Static home-screen links: no scripts, widgets, polling or in-flight layer. */
#hangar #communityLinks{
 position:absolute;left:var(--entry-left,24px);right:var(--entry-right,24px);
 bottom:var(--entry-bottom,20px);height:64px;display:flex;align-items:center;
 justify-content:space-between;gap:12px;margin:0;padding:0;pointer-events:none;
}
#hangar .community-link{
 display:flex;align-items:center;justify-content:center;box-sizing:border-box;
 flex:none;min-width:48px;min-height:48px;margin:0;border:1px solid #c5e2d838;
 border-radius:14px;background:#0a202ce8;color:#f0f6e9;text-decoration:none;
 box-shadow:0 3px 12px #020c1230;touch-action:manipulation;pointer-events:auto;
 -webkit-tap-highlight-color:#c7f08c26;
}
#hangar .community-x{flex-direction:column;gap:5px;width:116px;height:64px;padding:5px 10px}
#hangar .community-avatar{position:relative;display:block;width:32px;height:32px;flex:none}
#hangar .community-avatar>img{display:block;width:32px;height:32px;object-fit:cover;border-radius:50%;outline:1px solid #d3e8d359;outline-offset:2px}
#hangar .community-x-badge{
 position:absolute;right:-5px;bottom:-2px;display:grid;place-items:center;
 width:14px;height:14px;border:1px solid #b4ccbc70;border-radius:50%;
 background:#07141d;color:#fff;font:500 9px/1 var(--mono);
}
#hangar .community-caption{font:500 10px/1.2 var(--mono);letter-spacing:.015em;text-transform:none;white-space:nowrap}
#hangar .community-discord{width:56px;height:56px;border-color:#8993ff67;background:#101c38ed}
#hangar .community-discord>img{display:block;width:32px;height:24px;object-fit:contain}
#hangar .community-link:focus-visible{outline:2px solid #dcff97;outline-offset:4px}
@media(hover:hover){
 #hangar .community-link:hover{border-color:#d1edaaa6;background:#16323ded}
 #hangar .community-discord:hover{border-color:#a4abff;background:#202953}
}

/* Reserve a real lane below the play actions, including the phone safe area. */
:is(.phone-ui,.compact-entry) #hangar{--entry-community-space:76px}
:is(.phone-ui,.compact-entry) #hangar #compactEntrySurface #mobilePlayActions{
 bottom:calc(var(--entry-bottom) + var(--entry-community-space));
}
:is(.phone-ui,.compact-entry) #hangar #landingIdentity{
 bottom:calc(var(--entry-bottom) + var(--entry-community-space) + var(--entry-action-height) * 3 + var(--entry-gap) * 2 + 16px);
}
@media(orientation:landscape){
 :is(.phone-ui,.compact-entry) #hangar #landingIdentity{
  bottom:calc(var(--entry-bottom) + var(--entry-community-space) + var(--entry-action-height) + 16px);
 }
}
@media(max-height:430px) and (orientation:landscape){
 body.phone-ui #landingGameTitle .landing-title-name{font-size:38px}
 body.phone-ui #landingGameTitle{gap:5px}
 body.phone-ui #landingGameTitle .landing-title-descriptor{font-size:11px}
 body.phone-ui #landingIdentity .landing-tagline{font-size:10px;line-height:1.5}
 body.phone-ui #hangar #landingIdentity{gap:8px}
}
@media(max-height:330px) and (orientation:landscape){
 :is(.phone-ui,.compact-entry) #hangar{--entry-community-space:64px}
 #hangar .community-x{height:56px;gap:3px}
 #hangar .community-avatar,#hangar .community-avatar>img{width:28px;height:28px}
 #hangar .community-discord{width:48px;height:48px}
 #hangar #communityLinks{height:56px}
 body.phone-ui #landingGameTitle .landing-title-name{font-size:28px}
 :is(.phone-ui,.compact-entry) #hangar #landingIdentity{
  bottom:calc(var(--entry-bottom) + var(--entry-community-space) + var(--entry-action-height) + 4px);gap:5px;
 }
}
@media(max-height:560px) and (orientation:portrait){
 body.phone-ui #hangar{--entry-action-height:56px;--entry-gap:8px;--entry-community-space:68px}
 body.phone-ui #landingGameTitle .landing-title-name{font-size:36px}
 body.phone-ui #landingGameTitle{gap:5px}
 body.phone-ui #landingGameTitle .landing-title-descriptor{font-size:11px}
 body.phone-ui #landingIdentity .landing-tagline{font-size:10px;line-height:1.4}
 body.phone-ui #hangar #landingIdentity{gap:8px}
}

/* Desktop links sit together below the utility/counts band. */
body.desktop-ui:not(.phone-ui) #hangar{--entry-community-space:0px}
body.desktop-ui:not(.phone-ui) #hangar #communityLinks{
 top:calc(var(--entry-top) + 80px);bottom:auto;left:auto;justify-content:flex-end;
}

/* The information page opens separately and never interrupts a sortie. */
#hangar .community-about{width:68px;min-height:48px;padding:6px;text-align:center;font:600 9px/1.5 var(--mono);letter-spacing:.05em}
