/* Compact primary navigation additions */
.skill-navigation-backdrop{position:fixed;z-index:9438;inset:var(--header-h) 0 0 calc(var(--nav-w) + 212px);border:0;background:rgba(2,5,9,.58);cursor:default}
.skill-navigation-backdrop[hidden]{display:none}
body.skills-drawer-ready #gather-subnav{
  position:fixed;z-index:9439;left:calc(var(--nav-w) + 8px);top:calc(var(--header-h) + 8px);bottom:8px;
  display:flex;visibility:hidden;flex-flow:column nowrap;gap:6px;width:196px;margin:0;padding:7px;
  overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;
  border:1px solid rgba(126,215,146,.34);border-radius:11px;
  background:radial-gradient(circle at 16% 3%,rgba(112,211,142,.105),transparent 29%),linear-gradient(155deg,rgba(17,27,31,.99),rgba(8,12,19,.99));
  box-shadow:16px 0 42px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.055),inset 0 0 28px rgba(72,150,109,.035);
  opacity:0;transform:translateX(calc(-100% - 18px));pointer-events:none;
  transition:opacity .46s ease,transform .58s cubic-bezier(.4,0,.2,1),visibility 0s linear .58s;
}
body.skills-drawer-ready #gather-subnav::-webkit-scrollbar{display:none}
body.skills-drawer-open #gather-subnav{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-delay:0s,0s,0s}
body.skills-drawer-ready #gather-subnav button{
  isolation:isolate;overflow:hidden;
  display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;flex:0 0 42px;
  width:100%;min-height:42px;height:42px;padding:5px 8px;gap:7px;text-align:left;
  color:color-mix(in srgb,var(--sk,var(--text-muted)) 24%,#C8D1DB);
  border-color:color-mix(in srgb,var(--sk,var(--border-light)) 48%,var(--border));
  background:linear-gradient(104deg,color-mix(in srgb,var(--sk,var(--panel-raised)) 13%,#121A22) 0%,rgba(14,19,27,.97) 56%,color-mix(in srgb,var(--sk,var(--panel-raised)) 6%,#0D131B) 100%);
  box-shadow:inset 2px 0 color-mix(in srgb,var(--sk,var(--border-light)) 42%,transparent),inset 0 1px rgba(255,255,255,.045),0 2px 8px rgba(0,0,0,.16);
  transition:border-color .2s ease,color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease,filter .2s ease;
}
body.skills-drawer-ready #gather-subnav button[hidden],body.skills-drawer-ready #gather-subnav button[style*="display: none"]{display:none!important}
body.skills-drawer-ready #gather-subnav button .subnav-icon-box{width:28px;height:28px;margin:0!important;border:1px solid color-mix(in srgb,var(--sk,var(--border-light)) 38%,var(--border));border-radius:7px;background:radial-gradient(circle,color-mix(in srgb,var(--sk,var(--accent)) 13%,transparent),rgba(7,12,18,.66));color:color-mix(in srgb,var(--sk,var(--text-muted)) 66%,#D9E1E8);box-shadow:inset 0 0 9px color-mix(in srgb,var(--sk,var(--accent)) 7%,transparent)}
body.skills-drawer-ready #gather-subnav button .subnav-icon-box .subnav-icon{width:15px;height:15px;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--sk,var(--accent)) 22%,transparent))}
body.skills-drawer-ready #gather-subnav button .interface-skill-label{grid-column:2;min-width:0;overflow:hidden;color:inherit;font-weight:720;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}
body.skills-drawer-ready #gather-subnav button .subnav-xp-badge{grid-column:3;margin:0!important;justify-self:end;color:color-mix(in srgb,var(--sk,var(--accent)) 82%,#FFE39C);font-weight:850;text-align:right;text-shadow:0 0 7px color-mix(in srgb,var(--sk,var(--accent)) 38%,transparent);white-space:nowrap}
body.skills-drawer-ready #gather-subnav button:hover:not(.active){transform:translateX(2px);color:color-mix(in srgb,var(--sk,var(--text)) 44%,#F1F4F7);border-color:color-mix(in srgb,var(--sk,var(--accent)) 78%,#DDE6EE);background:linear-gradient(104deg,color-mix(in srgb,var(--sk,var(--panel-raised)) 20%,#15202A),rgba(16,22,30,.99) 68%);box-shadow:inset 3px 0 color-mix(in srgb,var(--sk,var(--accent)) 76%,transparent),inset 0 1px rgba(255,255,255,.075),0 0 14px color-mix(in srgb,var(--sk,var(--accent)) 13%,transparent)}
body.skills-drawer-ready #gather-subnav button:hover:not(.active) .subnav-icon-box{border-color:color-mix(in srgb,var(--sk,var(--accent)) 72%,var(--border));background:radial-gradient(circle,color-mix(in srgb,var(--sk,var(--accent)) 24%,transparent),rgba(7,12,18,.68));box-shadow:inset 0 0 10px color-mix(in srgb,var(--sk,var(--accent)) 13%,transparent),0 0 8px color-mix(in srgb,var(--sk,var(--accent)) 17%,transparent)}
body.skills-drawer-ready #gather-subnav button.active{color:color-mix(in srgb,var(--sk,var(--accent)) 76%,#F4F7F9);border-color:color-mix(in srgb,var(--sk,var(--accent)) 86%,#DDE6EE);background:linear-gradient(108deg,color-mix(in srgb,var(--sk,var(--accent)) 25%,#132019),color-mix(in srgb,var(--sk-dim,var(--accent-dim)) 55%,rgba(15,21,25,.99)) 62%,rgba(13,19,25,.99));box-shadow:inset 4px 0 var(--sk,var(--accent)),inset 0 1px rgba(255,255,255,.1),0 0 17px var(--sk-glow,var(--accent-glow))}
body.skills-drawer-ready #gather-subnav button.active .subnav-icon-box{border-color:color-mix(in srgb,var(--sk,var(--accent)) 82%,#FFF);background:radial-gradient(circle,color-mix(in srgb,var(--sk,var(--accent)) 29%,transparent),rgba(8,15,20,.72));box-shadow:inset 0 0 11px color-mix(in srgb,var(--sk,var(--accent)) 18%,transparent),0 0 9px color-mix(in srgb,var(--sk,var(--accent)) 30%,transparent)}

/* Inventory currency strip replaces the oversized identity header. */
#inventory-vault-header{display:block!important;width:100%;min-height:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.inventory-currency-bar{display:flex;width:100%;align-items:stretch;gap:7px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:none;-ms-overflow-style:none}
.inventory-currency-bar::-webkit-scrollbar{display:none}
.inventory-currency-bar .inventory-vault-stat{display:grid!important;flex:1 1 138px;min-width:126px;min-height:51px;margin:0!important;padding:7px 10px!important;border:1px solid rgba(116,143,171,.25)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(18,26,37,.95),rgba(9,14,21,.96))!important}
.inventory-currency-bar .inventory-vault-stat-icon{width:31px!important;height:31px!important;flex:0 0 31px!important}
.inventory-currency-bar .inventory-vault-stat-icon.inv-card-icon{display:grid!important;place-items:center!important;padding:4px!important;border-width:1px!important;border-style:solid!important;border-radius:7px!important}
.inventory-currency-bar .inventory-vault-stat-icon.inv-card-icon[data-item="casket"]{border-color:#C8A43C!important;background:linear-gradient(145deg,#4A3A18 0%,#2E2410 50%,#3D3018 100%)!important;box-shadow:inset 0 0 12px rgba(200,164,60,.22),0 0 8px rgba(200,164,60,.28),inset 0 1px rgba(255,220,100,.2)!important}
.inventory-currency-bar .inventory-vault-stat-icon.inv-card-icon[data-item="casket"] svg{color:#E8B84A!important;filter:drop-shadow(0 0 4px rgba(232,184,74,.6))}
.inventory-currency-bar .inventory-vault-shortcut:not(:disabled):hover{border-color:rgba(112,190,226,.58)!important;box-shadow:0 0 15px rgba(78,160,204,.1)}
.inventory-currency-bar .inventory-vault-shortcut:disabled{opacity:.58;cursor:default}

/* Nexus: tasks remain above, while optional systems live behind four tabs. */
#view-nexus .nexus-hero-grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)!important}
#view-nexus .nexus-section-tabs{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:5px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
#view-nexus .nexus-section-tabs::-webkit-scrollbar{display:none}
#view-nexus .nexus-section-tab{flex:1 0 145px;min-width:145px;scroll-snap-align:start}
#view-nexus [data-nexus-section-panel="quests"]{display:grid;gap:10px}
#view-nexus [data-nexus-section-panel="quests"][hidden]{display:none}
#view-nexus #nexus-quests-panel,#view-nexus #nexus-quest-journal{margin:0}

/* Social navigation is the page's first element; connection controls are compact. */
.social-root>.social-tabs{margin:0 0 8px;display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap;overflow-x:auto!important;gap:6px;padding:5px;scrollbar-width:thin;scroll-snap-type:x proximity}
.social-root>.social-tabs .social-tab{flex:1 0 142px;min-width:142px;scroll-snap-align:start}
.social-hero.social-hero-compact{min-height:0;padding:8px 10px;border-radius:9px;background:linear-gradient(115deg,rgba(31,26,48,.74),rgba(14,27,34,.8))}
.social-hero.social-hero-compact::before{display:none}
.social-hero-compact .social-hero-actions{display:flex;width:100%;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.social-hero-compact .social-hero-sync{min-width:180px;padding:6px 9px}
.social-hero-compact .social-sync-glyph{width:25px;height:25px}

body.reduced-motion #gather-subnav,body.reduced-motion #gather-subnav button{transition:none!important}
body.reduced-motion #gather-subnav button:hover{transform:none!important}
body.battery-saver .skill-navigation-backdrop{backdrop-filter:none;background:rgba(2,5,9,.75)}

/* Startup overlays own the entire viewport. The combat rail only becomes
   meaningful after Continue and must never leak through either entry screen. */
#splash-overlay:not(.hidden)~#floating-hp-rail,
#name-entry-overlay:not(.hidden)~#floating-hp-rail{display:none!important}

@media(max-width:760px){
  .skill-navigation-backdrop{left:calc(var(--nav-w) + 202px)}
  body.skills-drawer-ready #gather-subnav{left:calc(var(--nav-w) + 5px);top:calc(var(--header-h) + 5px);bottom:5px;width:min(190px,calc(100vw - var(--nav-w) - 12px));padding:6px}
  body.skills-drawer-ready #gather-subnav button{flex-basis:41px;min-height:41px;height:41px}
  #view-nexus .nexus-hero-grid{grid-template-columns:1fr!important}
  #view-nexus .nexus-section-tab{flex-basis:136px;min-width:136px}
  .social-hero-compact .social-hero-actions{justify-content:flex-start}
  .social-hero-compact .social-hero-sync{flex:1 1 180px}
  .inventory-currency-bar .inventory-vault-stat{flex-basis:126px}
}