/* DartVision v7.44.3 · Hero / Header polish */
:root{
  --dv-hero-shell-bg:linear-gradient(180deg,#0f0c0d,#060505);
  --dv-red-glow:rgba(var(--accent-rgb),.42);
}
.dvTopbar{
  background:linear-gradient(180deg,rgba(8,7,8,.98),rgba(4,4,5,.98))!important;
  border-bottom:1px solid rgba(var(--accent-rgb),.30)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.42), inset 0 -1px 0 rgba(var(--accent-rgb),.10)!important;
  grid-template-columns:260px minmax(640px,1fr) auto 210px!important;
  gap:14px!important;
  padding:10px 18px 9px 18px!important;
}
.dvTopBrand{align-self:stretch!important;border-right:1px solid rgba(255,255,255,.05)!important;padding-right:16px!important;display:flex!important;align-items:center!important}
.dvTopBrand .brandLogoWide{width:230px!important;height:78px!important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.42)) drop-shadow(0 0 16px rgba(var(--accent-rgb),.10))!important}
.dvTopNav{
  align-self:stretch!important;
  background:linear-gradient(180deg,#0b090a,#060506)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 10px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03), 0 0 0 1px rgba(var(--accent-rgb),.06)!important;
}
.dvTopNavBtn{min-width:122px!important;padding:12px 10px 10px!important;gap:7px!important;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0))!important}
.dvTopNavBtn img{width:23px!important;height:23px!important;filter:brightness(0) invert(1) drop-shadow(0 0 7px rgba(255,255,255,.12))!important;opacity:.96!important}
.dvTopNavBtn b{font-size:10px!important;letter-spacing:.13em!important;color:#f6f2f3!important}
.dvTopNavBtn:hover{background:linear-gradient(180deg,rgba(92,7,15,.24),rgba(20,4,6,.16))!important}
.dvTopNavBtn.active{
  background:linear-gradient(180deg,var(--accent),#5f070f 78%)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.34), inset 0 -3px 0 var(--accent), 0 0 24px rgba(var(--accent-rgb),.18)!important;
}
.dvTopNavBtn.active::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.14),transparent 32%);pointer-events:none}
.dvTopNavBtn.active:after{left:18%!important;right:18%!important;height:3px!important;background:var(--accent)!important;box-shadow:0 0 18px rgba(var(--accent-rgb),.88)!important}
.dvTopNavBtn.active img{filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.22))!important}
.dvTopUtilities{gap:10px!important;align-self:stretch!important}
.dvHeaderNavBtn{
  min-width:122px!important;height:50px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.86)!important;
  background:linear-gradient(180deg,#0f0e10,#060607)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.10em!important;
  box-shadow:0 8px 18px rgba(0,0,0,.38)!important;
}
.dvHeaderNavBtn:hover{border-color:var(--accent)!important;box-shadow:0 8px 20px rgba(0,0,0,.44),0 0 0 1px rgba(var(--accent-rgb),.10)!important}

.dvProfileMenuWrap{position:relative;align-self:stretch;display:flex;align-items:center}
.dvTopUtilities .dvProfileBtn.dvProfileDropdown{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;
  min-width:185px!important;max-width:240px!important;height:56px!important;padding:0 14px!important;border-radius:18px!important;
  border:1px solid rgba(var(--accent-rgb),.20)!important;background:linear-gradient(180deg,#141112,#090809)!important;
  color:#f2edef!important;box-shadow:0 10px 24px rgba(0,0,0,.42), inset 0 0 0 1px rgba(255,255,255,.03)!important;
}
.dvTopUtilities .dvProfileBtn.dvProfileDropdown:before{display:none!important;content:none!important}
.dvProfileAvatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#131112,#0a0909);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.dvProfileAvatar:before{content:'';position:absolute;left:50%;top:10px;transform:translateX(-50%);width:15px;height:15px;border-radius:50%;background:#f1eef0;opacity:.92}
.dvProfileAvatar:after{content:'';position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:24px;height:12px;border-radius:12px 12px 8px 8px;background:#f1eef0;opacity:.92}
.dvProfileText{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;line-height:1.04;text-align:left}
.dvProfileText small{font-size:11px;letter-spacing:.02em;color:#a9a1a4;font-weight:700;margin-bottom:4px}
.dvProfileText strong{font-size:15px;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:126px}
.dvProfileChevron{margin-left:auto;font-size:14px;color:#ddd1d5;transition:transform .18s ease}
.dvProfileMenuWrap.open .dvProfileChevron{transform:rotate(180deg)}
.dvProfileMenu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:10px;border-radius:16px;border:1px solid rgba(var(--accent-rgb),.20);background:linear-gradient(180deg,#131011,#090809);box-shadow:0 18px 34px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.02);display:flex;flex-direction:column;gap:6px;z-index:90}
.dvProfileMenu.hidden{display:none!important}
.dvProfileMenuHead{padding:8px 10px 10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:4px}
.dvProfileMenuHead small{font-size:10px;letter-spacing:.14em;color:#a3999d;text-transform:uppercase}
.dvProfileMenuHead strong{font-size:13px;color:#fff;font-weight:900;word-break:break-all}
.dvProfileMenu button{min-height:42px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:linear-gradient(180deg,#181416,#0e0c0d);color:#f5f2f3;font-size:12px;font-weight:800;letter-spacing:.04em;text-align:left;padding:0 12px}
.dvProfileMenu button:hover{border-color:rgba(var(--accent-rgb),.34);background:linear-gradient(180deg,#281315,#120a0b)}
.dvTopMotto{padding-left:8px!important;min-width:170px!important;justify-self:end!important;align-self:center!important;color:#e7dadd!important;font-size:10px!important;font-weight:900!important;letter-spacing:.22em!important;line-height:1.85!important;text-align:right!important}

.dvLiveHero,.dvHomeHero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#050304!important;
}
.dvLiveHero{min-height:240px!important;height:240px!important;grid-template-columns:230px minmax(620px,1fr) 280px!important;padding:0 26px!important}
.dvLiveHero:before,.dvHomeHero:before{content:''!important;position:absolute!important;inset:0!important;z-index:-4!important;background:url('../branding/dartprime-bg-dark.jpg') center center/cover no-repeat!important;filter:saturate(1.05) brightness(.54)!important;transform:scale(1.03)!important}
.dvLiveHero:after,.dvHomeHero:after{content:''!important;position:absolute!important;inset:0!important;z-index:-1!important;background:
  linear-gradient(90deg,rgba(0,0,0,.90) 0%, rgba(0,0,0,.34) 15%, rgba(var(--accent-rgb),.26) 36%, rgba(var(--accent-rgb),.24) 50%, rgba(0,0,0,.34) 67%, rgba(0,0,0,.92) 100%),
  radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb),.14), transparent 32%),
  linear-gradient(180deg, rgba(0,0,0,.18), rgba(76,0,8,.08) 50%, rgba(0,0,0,.44));
}
.dvLiveHero::marker,.dvHomeHero::marker{display:none}
.dvLiveHero .dvHeroBackdropWord,.dvHomeHero .dvHeroBackdropWord{display:none}
.dvLiveHero .dvHeroDart,.dvHomeHero .dvHeroDart{display:none}
.dvLiveHero .dvHeroShell,.dvHomeHero .dvHeroShell{display:none}
.dvLiveHeroLogo,.dvHomeHeroLogo{position:relative!important;z-index:2!important;width:min(850px,100%)!important;height:178px!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 18px 34px rgba(0,0,0,.60)) drop-shadow(0 0 18px rgba(var(--accent-rgb),.14))!important;background:transparent!important;padding:0!important}
.dvLiveHeroLogo{justify-self:center!important}
.dvLiveHeroLeft,.dvLiveHeroRight,.dvHomeHeroLeft,.dvHomeHeroRight{z-index:2!important;display:flex!important;flex-direction:column!important;gap:11px!important;font-size:12px!important;line-height:1.15!important;letter-spacing:.32em!important;font-weight:850!important;color:#e2d8dc!important;text-transform:uppercase!important}
.dvLiveHeroLeft,.dvHomeHeroLeft{align-items:flex-start!important;text-align:left!important;padding-left:16px!important}
.dvLiveHeroLeft:after,.dvHomeHeroLeft:after{content:''!important;width:82px!important;height:2px!important;background:var(--accent)!important;margin-top:8px!important;box-shadow:0 0 16px rgba(var(--accent-rgb),.56)!important}
.dvLiveHeroRight,.dvHomeHeroRight{align-items:flex-end!important;text-align:right!important;padding-right:16px!important}
.dvHomeHero{min-height:236px!important;padding:0 26px!important;border-bottom:1px solid rgba(var(--accent-rgb),.26)!important;display:grid!important;grid-template-columns:230px minmax(620px,1fr) 280px!important;align-items:center!important}
.dvHomeHero .dvHomeHeroCopy{display:none!important}

/* left and right visual side panels inside hero */
.dvLiveHero::before,.dvHomeHero::before{box-shadow:inset 220px 0 130px rgba(0,0,0,.68), inset -220px 0 130px rgba(0,0,0,.68)}
.dvLiveHero > *, .dvHomeHero > *{position:relative}

@media (max-width: 1500px){
  .dvTopbar{grid-template-columns:220px minmax(560px,1fr) auto 160px!important}
  .dvTopBrand .brandLogoWide{width:200px!important;height:70px!important}
  .dvTopNavBtn{min-width:106px!important}
  .dvTopMotto{font-size:9px!important;letter-spacing:.18em!important}
  .dvLiveHero,.dvHomeHero{grid-template-columns:170px minmax(520px,1fr) 210px!important;padding-inline:20px!important}
  .dvLiveHeroLogo,.dvHomeHeroLogo{width:min(730px,100%)!important;height:160px!important}
}
@media (max-width: 1180px){
  .dvTopbar{grid-template-columns:170px 1fr auto!important;grid-template-areas:'brand nav util' 'hero hero hero'!important}
  .dvTopMotto{display:none!important}
  .dvTopBrand .brandLogoWide{width:160px!important;height:56px!important}
  .dvTopNavBtn{min-width:88px!important;padding:10px 8px 9px!important}
  .dvTopNavBtn b{font-size:8px!important;letter-spacing:.09em!important}
  .dvTopUtilities .dvProfileBtn.dvProfileDropdown{min-width:142px!important;max-width:170px!important;height:50px!important}
  .dvProfileText strong{max-width:90px!important;font-size:13px!important}
  .dvHeaderNavBtn{min-width:100px!important;height:46px!important;font-size:10px!important}
  .dvLiveHero,.dvHomeHero{grid-template-columns:140px 1fr 160px!important;min-height:206px!important;height:206px!important}.dvHomeHero{min-height:206px!important}
  .dvLiveHeroLogo,.dvHomeHeroLogo{height:142px!important}
  .dvLiveHeroLeft,.dvLiveHeroRight,.dvHomeHeroLeft,.dvHomeHeroRight{font-size:9px!important;letter-spacing:.24em!important}
}
@media (max-width: 820px){
  .dvTopbar{grid-template-columns:68px 1fr auto!important;padding:6px 8px!important;gap:8px!important}
  .dvTopBrand .brandLogoWide{display:none!important}
  .dvTopNav{border-radius:12px!important}
  .dvTopNavBtn{min-width:74px!important;gap:4px!important}
  .dvTopNavBtn img{width:18px!important;height:18px!important}.dvTopNavBtn b{font-size:7px!important}
  .dvHeaderNavBtn{display:none!important}
  .dvTopUtilities .dvProfileBtn.dvProfileDropdown{min-width:48px!important;width:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important}
  .dvProfileText,.dvProfileChevron{display:none!important}
  .dvTopUtilities .dvProfileBtn.dvProfileDropdown .dvProfileAvatar{width:38px!important;height:38px!important;flex-basis:38px!important}
  .dvLiveHero,.dvHomeHero{grid-template-columns:1fr!important;padding:0 10px!important;min-height:152px!important;height:152px!important}.dvHomeHero{min-height:152px!important}
  .dvLiveHeroLeft,.dvLiveHeroRight,.dvHomeHeroLeft,.dvHomeHeroRight{display:none!important}
  .dvLiveHeroLogo,.dvHomeHeroLogo{height:112px!important;width:min(520px,92%)!important}
}