/* V5.5 Top-right profile HUD */
.bn-exact-app .topbar{min-height:86px;height:auto;padding-top:14px;padding-bottom:14px}
.bn-exact-app .topbar-right{gap:16px;align-items:center}
.bn-exact-app .vanta-top-icon{position:relative;height:40px;width:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0d1017,#11141b);color:#eef1ff;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bn-exact-app .vanta-top-icon:hover{transform:translateY(-1px);border-color:rgba(255,95,170,.35);box-shadow:0 14px 28px rgba(0,0,0,.28),0 0 18px rgba(199,55,255,.18)}
.bn-exact-app .vanta-top-icon.has-dot::after{content:'';position:absolute;right:5px;top:4px;height:11px;width:11px;border-radius:50%;background:#ff2e92;border:2px solid #12141c;box-shadow:0 0 12px rgba(255,46,146,.7)}
.bn-exact-app .vanta-profile-hub{display:flex;align-items:center;gap:14px;min-width:0;border:0;background:transparent;padding:2px 0 2px 4px;color:inherit}
.bn-exact-app .vanta-profile-hub:hover .vanta-profile-name{color:#ffffff}
.bn-exact-app .vanta-profile-hub:hover .vanta-avatar-shell{transform:translateY(-1px) scale(1.012);box-shadow:0 0 0 1px rgba(255,255,255,.04),0 0 0 5px rgba(143,49,255,.08),0 10px 28px rgba(0,0,0,.32),0 0 24px rgba(137,51,255,.18)}
.bn-exact-app .vanta-avatar-shell{flex:0 0 auto;display:grid;place-items:center;height:62px;width:62px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(45,230,255,.18),rgba(120,20,255,.15) 42%,rgba(255,35,132,.18) 72%,rgba(255,255,255,.02));box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 0 5px rgba(104,38,189,.08),0 8px 24px rgba(0,0,0,.28);transition:transform .2s ease, box-shadow .2s ease}
.bn-exact-app .vanta-avatar-core{display:grid;place-items:center;height:54px;width:54px;border-radius:50%;background:radial-gradient(circle at 35% 22%,rgba(56,236,255,.22),rgba(130,48,255,.2) 58%,rgba(255,32,107,.18));overflow:hidden}
.bn-exact-app .vanta-avatar-core svg{display:block;filter:drop-shadow(0 0 10px rgba(122,67,255,.28))}
.bn-exact-app .vanta-profile-copy{display:flex;flex-direction:column;gap:7px;min-width:0;align-items:flex-start}
.bn-exact-app .vanta-profile-name{font:800 24px/1 'Outfit',Arial,sans-serif;letter-spacing:-.02em;color:#eff3ff;white-space:nowrap;max-width:20ch;overflow:hidden;text-overflow:ellipsis}
.bn-exact-app .vanta-profile-note{font:600 13px/1.1 'DM Sans',sans-serif;color:rgba(236,239,249,.55);white-space:nowrap;max-width:28ch;overflow:hidden;text-overflow:ellipsis}
.bn-exact-app .vanta-profile-chevron{display:grid;place-items:center;color:rgba(239,243,255,.72);margin-left:2px}
.bn-exact-app .vanta-profile-chevron svg{transform:rotate(90deg)}
.bn-exact-app .vanta-xpbar{display:flex;align-items:center;gap:7px;width:100%;max-width:460px}
.bn-exact-app .vanta-xp-seg{position:relative;flex:1;height:14px;min-width:40px;border-radius:999px;background:#303546;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.03), inset 0 -1px 1px rgba(0,0,0,.28)}
.bn-exact-app .vanta-xp-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--seg-fill) * 100%);border-radius:inherit;background:linear-gradient(90deg,#ff2ca4 0%,#d021ff 48%,#6f4eff 100%);box-shadow:0 0 14px rgba(192,56,255,.55), inset 0 1px 0 rgba(255,255,255,.18);animation:vantaXpGlow 3.6s ease-in-out infinite, vantaXpShimmer 2.6s linear infinite}
.bn-exact-app .vanta-xp-seg:not(.filled) .vanta-xp-fill{display:none}
.bn-exact-app .vanta-xp-fill::after{content:'';position:absolute;top:-25%;left:-35%;width:42%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skewX(-20deg);animation:vantaXpSweep 2.6s linear infinite}
@keyframes vantaXpGlow{0%,100%{filter:brightness(1);box-shadow:0 0 10px rgba(192,56,255,.42), inset 0 1px 0 rgba(255,255,255,.16)}50%{filter:brightness(1.13);box-shadow:0 0 16px rgba(255,66,177,.58),0 0 24px rgba(111,78,255,.38), inset 0 1px 0 rgba(255,255,255,.22)}}
@keyframes vantaXpSweep{0%{transform:translateX(-160%) skewX(-20deg);opacity:0}20%{opacity:.0}35%{opacity:.55}70%{opacity:.2}100%{transform:translateX(320%) skewX(-20deg);opacity:0}}
@keyframes vantaXpShimmer{0%{filter:saturate(1)}50%{filter:saturate(1.15)}100%{filter:saturate(1)}}
@media (max-width:1100px){.bn-exact-app .vanta-profile-name{font-size:20px}.bn-exact-app .vanta-avatar-shell{height:58px;width:58px}.bn-exact-app .vanta-avatar-core{height:50px;width:50px}.bn-exact-app .vanta-xp-seg{min-width:28px;height:12px}.bn-exact-app .vanta-profile-note{font-size:12px}}
@media (max-width:930px){.bn-exact-app .topbar{padding-left:24px;padding-right:24px}.bn-exact-app .vanta-profile-name{font-size:18px;max-width:13ch}.bn-exact-app .vanta-xpbar{max-width:280px}.bn-exact-app .vanta-xp-seg{min-width:18px}.bn-exact-app .vanta-profile-note{max-width:20ch;font-size:11px}}
@media (max-width:730px){.bn-exact-app .topbar{height:auto;min-height:72px;padding-top:10px;padding-bottom:10px}.bn-exact-app .topbar-right{gap:10px}.bn-exact-app .vanta-top-icon{height:34px;width:34px}.bn-exact-app .vanta-profile-hub{gap:10px;padding-left:0}.bn-exact-app .vanta-avatar-shell{height:48px;width:48px;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 8px 18px rgba(0,0,0,.24)}.bn-exact-app .vanta-avatar-core{height:42px;width:42px}.bn-exact-app .vanta-avatar-core svg{width:31px;height:31px}.bn-exact-app .vanta-profile-copy{gap:4px}.bn-exact-app .vanta-profile-name{font-size:16px;max-width:10ch}.bn-exact-app .vanta-xpbar{gap:4px;max-width:170px}.bn-exact-app .vanta-xp-seg{min-width:12px;height:10px}.bn-exact-app .vanta-profile-note{font-size:10px;max-width:15ch}.bn-exact-app .vanta-profile-chevron{display:none}}
@media (max-width:560px){.bn-exact-app .topbar-left{min-width:0}.bn-exact-app .breadcrumb{max-width:28vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-exact-app .vanta-top-icon{display:none}.bn-exact-app .vanta-profile-name{font-size:15px}.bn-exact-app .vanta-profile-note{font-size:9px}.bn-exact-app .vanta-xpbar{max-width:132px}}

/* VANTA CITY V5.6 — Compact profile header, designed to match 40px action buttons.
   CSS-only update: preserves XP formulas, profile navigation and existing animations. */
.bn-exact-app .topbar {
  height: 70px;
  min-height: 70px;
  padding-top: 0;
  padding-bottom: 0;
}
.bn-exact-app .topbar-right {
  gap: 11px;
  align-items: center;
  flex-shrink: 0;
}
.bn-exact-app .vanta-top-icon {
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
}
.bn-exact-app .vanta-profile-hub {
  gap: 9px;
  padding: 0 0 0 3px;
  flex: 0 0 auto;
}
.bn-exact-app .vanta-avatar-shell {
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
}
.bn-exact-app .vanta-avatar-core {
  height: 36px;
  width: 36px;
}
.bn-exact-app .vanta-avatar-core svg {
  height: 30px;
  width: 30px;
}
.bn-exact-app .vanta-profile-copy {
  gap: 3px;
  align-items: flex-start;
  width: 136px;
  max-width: 136px;
}
.bn-exact-app .vanta-profile-name {
  font-size: 15px;
  line-height: 1.05;
  max-width: 136px;
  letter-spacing: 0;
}
.bn-exact-app .vanta-profile-note {
  font-size: 10px;
  line-height: 1.1;
  max-width: 136px;
}
.bn-exact-app .vanta-xpbar {
  width: 136px;
  max-width: 136px;
  gap: 4px;
}
.bn-exact-app .vanta-xp-seg {
  height: 7px;
  min-width: 0;
  flex: 1 1 0;
  border-radius: 999px;
}
.bn-exact-app .vanta-profile-chevron {
  width: 11px;
  height: 11px;
  margin-left: 0;
}
/* Older icon fallback rendered a star — replace it with a crisp CSS caret. */
.bn-exact-app .vanta-profile-chevron svg {display:none}
.bn-exact-app .vanta-profile-chevron::after {
  content:"";
  display:block;
  width:6px;
  height:6px;
  border-right: 1.8px solid #aeb3c4;
  border-bottom: 1.8px solid #aeb3c4;
  transform: translateY(-2px) rotate(45deg);
}
@media (max-width: 930px) {
  .bn-exact-app .topbar {padding-left:18px;padding-right:18px}
  .bn-exact-app .vanta-profile-copy,
  .bn-exact-app .vanta-xpbar {width:116px;max-width:116px}
  .bn-exact-app .vanta-profile-name,
  .bn-exact-app .vanta-profile-note {max-width:116px}
  .bn-exact-app .vanta-profile-name {font-size:14px}
  .bn-exact-app .vanta-xpbar {gap:3px}
}
@media (max-width: 730px) {
  .bn-exact-app .topbar {height:60px;min-height:60px;padding:0 14px}
  .bn-exact-app .topbar-right {gap:8px}
  .bn-exact-app .vanta-profile-hub {gap:7px;padding:0}
  .bn-exact-app .vanta-avatar-shell {height:36px;width:36px;flex-basis:36px}
  .bn-exact-app .vanta-avatar-core {height:32px;width:32px}
  .bn-exact-app .vanta-avatar-core svg {height:28px;width:28px}
  .bn-exact-app .vanta-profile-copy,
  .bn-exact-app .vanta-xpbar {width:108px;max-width:108px}
  .bn-exact-app .vanta-profile-name,
  .bn-exact-app .vanta-profile-note {max-width:108px}
  .bn-exact-app .vanta-profile-name {font-size:13px}
  .bn-exact-app .vanta-profile-note {font-size:9px}
  .bn-exact-app .vanta-xp-seg {height:6px}
  .bn-exact-app .vanta-profile-chevron {display:none}
}
@media (max-width: 560px) {
  .bn-exact-app .topbar-left {min-width:0}
  .bn-exact-app .breadcrumb {max-width:calc(100vw - 194px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .bn-exact-app .breadcrumb span {display:none}
  .bn-exact-app .topbar {padding:0 12px}
}
@media (prefers-reduced-motion: reduce) {
  .bn-exact-app .vanta-xp-fill,
  .bn-exact-app .vanta-xp-fill::after {animation:none}
}


/* VANTA CITY V7 — AUTHORITATIVE COMPACT HEADER
   Loaded after every theme file. Reduces both *external* gaps and XP segment gaps.
*/
.bn-exact-app .topbar {
  height:64px;
  min-height:64px;
  padding:0 28px;
}
.bn-exact-app .topbar-right {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:7px;
}
.bn-exact-app .vanta-top-icon {
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  padding:0;
}
.bn-exact-app .vanta-top-icon svg {width:17px;height:17px}
.bn-exact-app .vanta-top-icon.has-dot::after {width:8px;height:8px;right:3px;top:2px;border-width:1.5px}
.bn-exact-app .vanta-profile-hub {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  width:auto;
  flex:0 0 auto;
  margin-left:1px;
  padding:0;
}
.bn-exact-app .vanta-avatar-shell {
  height:34px;
  width:34px;
  flex:0 0 34px;
  padding:0;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 0 2px rgba(104,38,189,.06);
}
.bn-exact-app .vanta-avatar-core {height:30px;width:30px}
.bn-exact-app .vanta-avatar-core svg {height:25px;width:25px}
.bn-exact-app .vanta-profile-copy {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  flex:0 0 108px;
  width:108px;
  min-width:0;
  max-width:108px;
}
.bn-exact-app .vanta-profile-name {
  font-size:12.5px;
  font-weight:800;
  line-height:1.05;
  max-width:108px;
  letter-spacing:0;
}
.bn-exact-app .vanta-profile-note {
  font-size:9px;
  line-height:1.1;
  max-width:108px;
  color:#85899c;
}
.bn-exact-app .vanta-xpbar {
  display:flex;
  gap:2px;
  width:108px;
  max-width:108px;
  height:5px;
  flex:0 0 5px;
  align-items:center;
}
.bn-exact-app .vanta-xp-seg {
  flex:1 1 0;
  min-width:0;
  width:0;
  height:5px;
  border-radius:999px;
}
.bn-exact-app .vanta-xp-fill {border-radius:inherit}
.bn-exact-app .vanta-profile-chevron {
  display:block;
  width:7px;
  height:7px;
  flex:0 0 7px;
  margin-left:0;
  color:#a9afc3;
}
.bn-exact-app .vanta-profile-chevron svg {display:none}
.bn-exact-app .vanta-profile-chevron::after {
  content:'';
  display:block;
  width:6px;
  height:6px;
  border-right:1.5px solid #a9afc3;
  border-bottom:1.5px solid #a9afc3;
  transform:translateY(-1px) rotate(45deg);
}
@media(max-width:1050px) {
  .bn-exact-app .topbar {padding-left:18px;padding-right:18px}
  .bn-exact-app .topbar-right {gap:6px}
  .bn-exact-app .vanta-profile-copy {flex-basis:100px;width:100px;max-width:100px}
  .bn-exact-app .vanta-xpbar {width:100px;max-width:100px}
  .bn-exact-app .vanta-profile-name,.bn-exact-app .vanta-profile-note{max-width:100px}
}
@media(max-width:730px) {
  .bn-exact-app .topbar{height:58px;min-height:58px;padding:0 10px}
  .bn-exact-app .topbar-right{gap:4px}
  .bn-exact-app .vanta-top-icon{width:30px;height:30px;flex-basis:30px;display:grid}
  .bn-exact-app .vanta-top-icon svg{width:15px;height:15px}
  .bn-exact-app .vanta-profile-hub{gap:5px;margin:0}
  .bn-exact-app .vanta-avatar-shell{width:30px;height:30px;flex-basis:30px}
  .bn-exact-app .vanta-avatar-core{width:27px;height:27px}
  .bn-exact-app .vanta-avatar-core svg{width:23px;height:23px}
  .bn-exact-app .vanta-profile-copy{flex-basis:83px;width:83px;max-width:83px;gap:2px}
  .bn-exact-app .vanta-profile-name{font-size:11px;max-width:83px}
  .bn-exact-app .vanta-xpbar{width:83px;max-width:83px;gap:2px;height:4px;flex-basis:4px}
  .bn-exact-app .vanta-xp-seg{height:4px}
  .bn-exact-app .vanta-profile-note{font-size:8px;max-width:83px}
  .bn-exact-app .vanta-profile-chevron{display:none}
}
@media(max-width:420px){
  .bn-exact-app .topbar {padding-left:8px;padding-right:8px}
  .bn-exact-app .breadcrumb {max-width:calc(100vw - 245px);min-width:0}
  .bn-exact-app .vanta-top-icon {width:27px;height:27px;flex-basis:27px}
  .bn-exact-app .vanta-avatar-shell{height:28px;width:28px;flex-basis:28px}
  .bn-exact-app .vanta-avatar-core{height:25px;width:25px}
  .bn-exact-app .vanta-profile-copy{flex-basis:76px;width:76px;max-width:76px}
  .bn-exact-app .vanta-xpbar{width:76px;max-width:76px}
  .bn-exact-app .vanta-profile-name,.bn-exact-app .vanta-profile-note{max-width:76px}
}
@media(prefers-reduced-motion:reduce){
  .bn-exact-app .vanta-xp-fill,.bn-exact-app .vanta-xp-fill::after {animation:none!important}
}

@media(max-width:360px) {
  .bn-exact-app .vanta-top-icon{display:none}
  .bn-exact-app .breadcrumb{max-width:calc(100vw - 151px)}
}