/* Velocity V15 — hero FX, exact nav active state, Steam/profile/search polish. */

/* HERO: extra depth and electric atmosphere using only existing artwork/CSS. */
body.vc-v9-home-body .v9-hero{
  isolation:isolate!important;
  box-shadow:inset 0 -38px 70px rgba(1,8,15,.32),0 16px 50px rgba(0,0,0,.18)!important;
}
body.vc-v9-home-body .v9-hero-scene{
  opacity:.96!important;
  filter:saturate(1.36) contrast(1.13) brightness(.76)!important;
}
body.vc-v9-home-body .v15-hero-fx{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 38% 72% at 67% 32%,rgba(55,187,255,.18),rgba(18,108,238,.09) 38%,transparent 70%),
    radial-gradient(ellipse 22% 50% at 88% 66%,rgba(0,139,255,.13),transparent 72%),
    linear-gradient(104deg,transparent 22%,rgba(53,177,255,.045) 42%,transparent 59%)!important;
  mix-blend-mode:screen;
}
body.vc-v9-home-body .v15-hero-fx:before{
  content:"";
  position:absolute;
  width:760px;height:260px;
  left:49%;top:26px;
  transform:rotate(-12deg);
  background:linear-gradient(90deg,transparent,rgba(79,205,255,.06),rgba(38,145,255,.13),rgba(91,212,255,.045),transparent);
  filter:blur(10px);
  opacity:.9;
  animation:v15Beam 7s ease-in-out infinite alternate;
}
body.vc-v9-home-body .v15-hero-fx:after{
  content:"";
  position:absolute;
  left:-5%;right:-5%;bottom:0;height:115px;
  background:
    radial-gradient(ellipse at 62% 100%,rgba(28,127,226,.19),transparent 52%),
    linear-gradient(180deg,transparent,rgba(1,10,18,.78));
  filter:blur(.2px);
}
body.vc-v9-home-body .v14-v-glow{
  width:610px!important;height:380px!important;
  opacity:1!important;
  filter:blur(2px)!important;
  background:radial-gradient(ellipse at center,rgba(82,205,255,.31) 0%,rgba(24,143,255,.19) 27%,rgba(5,82,176,.08) 50%,transparent 73%)!important;
}
body.vc-v9-home-body .v9-hero-characters{
  filter:saturate(1.19) contrast(1.09) brightness(1.01)
    drop-shadow(0 22px 40px rgba(0,0,0,.44))
    drop-shadow(0 0 18px rgba(23,147,255,.20))
    drop-shadow(0 0 42px rgba(13,99,221,.11))!important;
}
body.vc-v9-home-body .v9-hero-copy h1 span{
  text-shadow:0 4px 18px rgba(0,0,0,.45)!important;
}
body.vc-v9-home-body .v9-hero-copy h1 strong{
  filter:drop-shadow(0 0 13px rgba(30,166,255,.34)) drop-shadow(0 7px 15px rgba(0,0,0,.30))!important;
}
@keyframes v15Beam{from{opacity:.55;transform:translateX(-25px) rotate(-12deg)}to{opacity:1;transform:translateX(35px) rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){body.vc-v9-home-body .v15-hero-fx:before{animation:none!important}}

/* NAV: one computed active item only; Skinovi can never inherit a fake active glow. */
.v9-topbar .v9-nav > a.v9-nav-link{
  top:0!important;bottom:auto!important;transform:none!important;translate:none!important;
  align-self:center!important;vertical-align:middle!important;
}
.v9-topbar .v9-nav > a.v9-nav-link > .v9-nav-label,
.v9-topbar .v9-nav > a.v9-nav-link.nav-skins > .v9-nav-label{
  position:static!important;inset:auto!important;top:auto!important;bottom:auto!important;
  margin:0!important;padding:0!important;transform:none!important;translate:none!important;
  height:18px!important;line-height:18px!important;display:flex!important;align-items:center!important;
}
.v9-topbar .v9-nav > a.v9-nav-link:not(.is-active):after{
  content:none!important;display:none!important;box-shadow:none!important;background:none!important;
}
.v9-topbar .v9-nav > a.v9-nav-link:not(.is-active){
  color:#9cb0c1!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important;
}
.v9-topbar .v9-nav > a.v9-nav-link:not(.is-active) > .v9-nav-icon{
  color:#8ca6bb!important;filter:none!important;
}
.v9-topbar .v9-nav > a.v9-nav-link.is-active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(22,139,226,.23),rgba(5,59,98,.16))!important;
  text-shadow:0 0 12px rgba(55,177,255,.28)!important;
  box-shadow:inset 0 0 20px rgba(21,132,215,.06)!important;
}
.v9-topbar .v9-nav > a.v9-nav-link.is-active:after{
  content:""!important;display:block!important;position:absolute!important;
  left:11px!important;right:11px!important;bottom:-1px!important;height:2px!important;
  background:linear-gradient(90deg,#1c88ff,#31c4ff)!important;
  box-shadow:0 0 10px rgba(31,169,255,.85),0 0 20px rgba(24,133,255,.35)!important;
}

/* Steam button: no "remember login" sublabel when disconnected. */
.v13-steam-connect .v13-steam-copy{justify-content:center!important}
.v13-steam-connect .v13-steam-copy b{font-size:11.4px!important;max-width:112px!important}
.v13-steam-connect .v13-steam-copy small{display:none!important}
.v13-steam-account.v9-login-user .v13-steam-avatar{box-shadow:0 0 0 1px rgba(83,192,255,.26),0 0 15px rgba(28,143,255,.14)}

/* Search results now show Mirage and Deathrun playtime separately. */
.v9-search-results{min-width:330px!important}
.v9-search-result{align-items:flex-start!important;gap:9px!important;padding:10px 12px!important}
.v9-search-result-main{display:flex;flex-direction:column;min-width:0;flex:1}
.v9-search-result-main > span{font-weight:800;color:#eef8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v9-search-result-main > small{margin-top:2px;color:#7892a8;font-size:9px}
.v15-search-playtime{display:flex;gap:9px;margin-top:5px;font-size:9px;color:#9bc9e8;white-space:nowrap}
.v15-search-playtime b{font-weight:750;color:#4fc1ff}
.v15-search-playtime .is-missing{color:#718598}

/* Player profile: server playtime cards fit cleanly in the head stats row. */
.player-head-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.player-head-stat .v15-server-time{font-size:17px!important}
@media(max-width:900px){.player-head-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.player-head-stats{grid-template-columns:1fr!important}}