/* VIP Club presentation refresh. Data remains rendered from js/vip.js. */
:root{
  --v9-bg:#01020b;
  --v9-panel:#08102a;
  --v9-panel-2:#0d1734;
  --v9-ink:#ffffff;
  --v9-muted:rgba(255,255,255,.66);
  --v9-soft:rgba(255,255,255,.42);
  --v9-gold:#FFCC00;
  --v9-gold-hi:#FFE588;
  --v9-gold-deep:#D99B14;
  --v9-cyan:#00C4D2;
  --v9-magenta:#E6007E;
  --v9-line:rgba(255,204,0,.34);
  --v9-hairline:rgba(255,255,255,.1);
  --v9-r:18px;
  --v9-gold-grad:linear-gradient(180deg, rgba(255,255,255,.6), rgba(255,255,255,0) 42%),
    linear-gradient(180deg,#FFE588 0%,#FFCC00 55%,#D99B14 100%);
}

.vip-wrap{
  position:relative;
  z-index:3;
  width:100%;
  max-width:none;
  gap:clamp(18px,2vw,26px);
  padding-bottom:14px;
}

body:has(.vip-wrap){
  background:#01020b;
}

.v9-shade{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,#01020b 0%,#030418 42%,#01020b 100%);
}

.v9-kicker{
  margin:0;
  color:var(--v9-gold);
  font:900 13px/1 var(--font);
  letter-spacing:.22em;
  text-transform:uppercase;
}

@keyframes v9In{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

.vip-wrap > section,
.vip-wrap > header{
  animation:v9In .58s cubic-bezier(.2,.7,.3,1) both;
}

.v9-hero{
  position:relative;
  min-height:clamp(342px,calc(38vw - 48px),472px);
  margin:-24px calc(-1 * var(--gutter,24px)) 0;
  /* title anchors to the TOP (not centered) so the crown mark sits at exactly
     header + 52px — the same fixed offset as bonus-map and default pages */
  padding:calc(var(--header-h,72px) + 52px) var(--gutter,24px) 112px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  border-bottom:0;
}

.v9-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-42px;
  height:178px;
  z-index:2;
  background:
    radial-gradient(ellipse at 50% 68%, rgba(3,4,24,.7), rgba(3,4,24,.22) 46%, transparent 72%),
    linear-gradient(180deg, rgba(3,4,24,0) 0%, rgba(3,4,24,.34) 34%, rgba(3,4,24,.82) 66%, var(--v9-bg) 100%);
  filter:blur(12px);
  pointer-events:none;
}

.v9-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
}

.v9-hero-art{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:saturate(1.08) contrast(1.06) brightness(.85);
  transform:scale(1.01);
}

.v9-hero-veil{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2,3,16,.72), rgba(2,3,16,.2) 24%, rgba(2,3,16,.13) 72%, rgba(2,3,16,.66)),
    radial-gradient(circle at 50% 48%, rgba(255,204,0,.16), transparent 38%),
    linear-gradient(180deg, rgba(2,3,16,.44) 0%, rgba(2,3,16,.08) 42%, rgba(2,3,16,.58) 100%);
}

.v9-hero-txt{
  position:relative;
  z-index:3;
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  text-align:center;
}

.v9-hero-txt .v9-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:14px;
  text-shadow:0 2px 14px rgba(0,0,0,.92);
}

.v9-hero-txt .v9-kicker::before,
.v9-hero-txt .v9-kicker::after{
  content:"";
  width:78px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,204,0,.72));
}

.v9-hero-txt .v9-kicker::after{
  background:linear-gradient(90deg, rgba(255,204,0,.72), transparent);
}

.v9-title-mark{
  display:grid;
  grid-template-columns:minmax(92px,1fr) 26px minmax(92px,1fr);
  align-items:center;
  gap:18px;
  width:min(560px,86%);
  margin-bottom:-4px;
}

.v9-title-mark span{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,204,0,.74));
}

.v9-title-mark span:last-child{
  background:linear-gradient(90deg, rgba(255,204,0,.74), transparent);
}

.v9-title-mark svg{
  width:26px;
  height:26px;
  fill:var(--v9-gold);
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.65));
}

.v9-title{
  margin:0;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:.16em;
  white-space:nowrap;
  max-width:100%;
  color:#fff;
  font:1000 clamp(42px,4.15vw,70px)/.9 var(--font);
  letter-spacing:.055em;
  text-transform:uppercase;
  text-shadow:0 4px 30px rgba(0,0,0,.92), 0 0 34px rgba(255,204,0,.14);
}

.v9-title span{
  display:inline-block;
  min-height:0;
  padding:0;
  border-radius:0;
  color:#fff;
  background:none;
  -webkit-text-fill-color:currentColor;
  font:inherit;
  letter-spacing:inherit;
  text-align:center;
}

.v9-title .v9-title-main{
  color:var(--v9-gold);
}

.v9-hero-sub{
  margin:0;
  max-width:50ch;
  color:rgba(255,255,255,.82);
  font:700 clamp(15px,1.35vw,18px)/1.55 var(--font);
  text-shadow:0 2px 12px rgba(0,0,0,.9);
}

.v9-hero-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:8px;
}

.v9-cta,
.v9-ghost{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font:900 13px/1 var(--font);
  letter-spacing:.08em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .18s, filter .18s, border-color .18s, background .18s;
}

.v9-cta{
  position:relative;
  overflow:hidden;
  gap:10px;
  padding:0 28px;
  color:#101049;
  background:var(--v9-gold-grad);
  border:1px solid rgba(255,236,150,.72);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.46),
    inset 0 -6px 14px rgba(160,98,0,.32),
    0 12px 24px -12px rgba(255,204,0,.82);
}

.v9-cta > *{
  position:relative;
  z-index:1;
}

.v9-cta svg{
  width:18px;
  height:18px;
  flex:0 0 auto;
}

.v9-cta::before{
  content:"";
  position:absolute;
  top:-36%;
  bottom:-36%;
  left:-44%;
  width:32%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.52), transparent);
  opacity:.66;
  animation:v9Sheen 3.4s ease-in-out infinite;
}

@keyframes v9Sheen{
  0%,58%{left:-44%}
  78%,100%{left:112%}
}

.v9-cta:hover,
.v9-ghost:hover{
  transform:translateY(-2px);
}

.v9-cta:hover{
  filter:saturate(1.08) brightness(1.04);
}

.v9-ghost{
  padding:0 24px;
  color:#fff;
  background:rgba(5,10,31,.44);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.v9-ghost:hover{
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.36);
}

.v9-cards{
  position:relative;
  z-index:5;
  width:min(1180px, 100%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:clamp(-112px,-8vw,-76px) auto 0;
  padding:0 clamp(4px,.9vw,12px);
}

.v9-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:18px;
  cursor:pointer;
  background:#071029;
  border:1px solid rgba(255,204,0,.5);
  box-shadow:0 24px 54px -26px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.1);
  transition:transform .24s cubic-bezier(.2,.7,.3,1), border-color .24s, box-shadow .24s;
  -webkit-tap-highlight-color:transparent;
}

.v9-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(2,5,20,0) 44%, rgba(2,5,20,.55) 71%, rgba(2,5,20,.95) 100%),
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 18%, transparent 82%, rgba(255,255,255,.06));
}

.v9-card::after{
  content:"";
  position:absolute;
  inset:1px;
  z-index:3;
  pointer-events:none;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.08);
}

.v9-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,229,136,.84);
  box-shadow:0 30px 62px -26px rgba(0,0,0,.98), 0 0 28px -12px rgba(255,204,0,.62);
}

.v9-card:focus-visible{
  outline:2px solid var(--v9-gold);
  outline-offset:3px;
}

.v9-card.is-sel{
  border-color:rgba(139,249,255,.95);
  box-shadow:
    0 30px 66px -24px rgba(0,0,0,.98),
    0 0 0 1px rgba(139,249,255,.82),
    0 0 32px -8px rgba(0,196,210,.75),
    inset 0 1px 0 rgba(255,255,255,.16);
}

.v9-card.is-sel::after{
  border-color:rgba(255,255,255,.2);
}

.v9-art{
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:1/1.24;
  height:auto;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.05) contrast(1.04);
  transition:transform .55s cubic-bezier(.2,.7,.3,1);
}

.v9-card:hover .v9-art{
  transform:scale(1.04);
}

.v9-chip{
  position:absolute;
  z-index:5;
  top:12px;
  left:50%;
  min-width:40px;
  height:40px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  color:var(--v9-gold-hi);
  background:rgba(3,7,24,.72);
  border:1px solid rgba(255,204,0,.68);
  font:900 15px/1 var(--font);
  letter-spacing:.08em;
  box-shadow:0 10px 22px -14px #000, inset 0 1px 0 rgba(255,255,255,.14);
}

.v9-card.is-sel .v9-chip{
  color:#08102a;
  background:linear-gradient(180deg,#a6fbff,#00C4D2);
  border-color:rgba(166,251,255,.86);
}

.v9-foot{
  position:relative;
  z-index:4;
  min-height:96px;
  padding:14px 12px 13px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:10px;
  text-align:center;
  background:linear-gradient(180deg, rgba(7,13,34,.82), rgba(3,8,24,.98));
  border-top:1px solid rgba(255,204,0,.2);
}

.v9-name{
  color:#fff;
  font:1000 clamp(17px,1.45vw,24px)/1 var(--font);
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.75);
}

.v9-cash{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

.v9-cash span{
  color:rgba(255,255,255,.78);
  font:800 11px/1 var(--font);
  letter-spacing:.14em;
  text-transform:uppercase;
}

.v9-cash b{
  color:var(--v9-gold);
  font:1000 clamp(26px,2.35vw,34px)/.95 var(--font);
  letter-spacing:.02em;
}

.v9-stats{
  position:relative;
  z-index:4;
  width:min(1180px, 100%);
  margin:2px auto 0;
  padding:18px 104px 20px;
  border-radius:18px;
  background:
    linear-gradient(90deg, rgba(255,204,0,.06), transparent 16%, transparent 84%, rgba(255,204,0,.06)),
    linear-gradient(180deg, rgba(8,16,42,.88), rgba(5,10,31,.82));
  border:1px solid rgba(255,204,0,.45);
  box-shadow:0 24px 58px -30px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.1);
}

.v9-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:54px;
  height:54px;
  margin-top:-27px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--v9-gold);
  background:rgba(3,8,25,.72);
  border:1px solid rgba(255,204,0,.64);
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 12px 26px -18px rgba(0,0,0,.95);
  transition:transform .16s, background .16s, border-color .16s;
}

#v9Prev{left:30px}
#v9Next{right:30px}

.v9-arrow:hover{
  transform:translateY(-1px);
  background:rgba(255,204,0,.12);
  border-color:rgba(255,229,136,.9);
}

.v9-arrow:active{
  transform:scale(.96);
}

.v9-arrow svg{
  width:22px;
  height:22px;
}

.v9-panel{
  min-width:0;
}

.v9-panel.is-swap{
  animation:v9In .32s cubic-bezier(.2,.7,.3,1) both;
}

.v9-panel-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.v9-led-name{
  margin:0;
  color:var(--v9-gold-hi);
  font:900 12px/1 var(--font);
  letter-spacing:.24em;
  text-transform:uppercase;
}

.v9-rank-track{
  flex:1 1 260px;
  max-width:360px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.v9-rank-step{
  position:relative;
  flex:1 1 0;
  height:4px;
  min-width:28px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
}

.v9-rank-step::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#0e1836;
  border:1px solid rgba(255,255,255,.28);
}

.v9-rank-step.is-on{
  background:linear-gradient(90deg, var(--v9-gold-hi), var(--v9-gold));
}

.v9-rank-step.is-on::before{
  background:var(--v9-gold);
  border-color:rgba(255,236,150,.95);
  box-shadow:0 0 14px rgba(255,204,0,.56);
}

.v9-rank-step.is-sel::before{
  width:14px;
  height:14px;
  background:#fff;
  border-color:var(--v9-cyan);
  box-shadow:0 0 0 4px rgba(0,196,210,.16), 0 0 18px rgba(0,196,210,.78);
}

.v9-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(255,204,0,.18);
  border-radius:15px;
  overflow:hidden;
  background:rgba(2,7,24,.36);
}

.v9-sum{
  min-height:82px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 16px;
}

.v9-sum + .v9-sum{
  border-left:1px solid rgba(255,204,0,.18);
}

.v9-si svg{
  width:30px;
  height:30px;
  color:var(--v9-gold);
}

.v9-sum .k{
  display:block;
  color:rgba(255,255,255,.72);
  font:800 11px/1.2 var(--font);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.v9-sum b{
  display:block;
  margin-top:5px;
  color:var(--v9-gold);
  font:1000 clamp(20px,2.15vw,30px)/1 var(--font);
  white-space:nowrap;
}

.v9-sum b.is-no{
  color:rgba(255,255,255,.46);
}

.v9-mini svg{
  width:22px;
  height:22px;
  color:var(--v9-gold);
  opacity:.95;
}

.v9-led-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
  margin-top:14px;
}

.v9-lr{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 14px;
  border-radius:12px;
  background:linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.08);
}

.v9-lr.is-wide{
  grid-column:1/-1;
}

.v9-lr .k{
  min-width:0;
  color:rgba(255,255,255,.7);
  font:700 13px/1.32 var(--font);
}

.v9-lr b{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--v9-gold);
  font:900 14px/1 var(--font);
  letter-spacing:.02em;
  white-space:nowrap;
}

.v9-lr b.is-no{
  color:rgba(255,255,255,.45);
}

.v9-tiles{
  width:min(1180px, 100%);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-inline:auto;
  padding-top:2px;
}

.v9-glass{
  position:relative;
  border-radius:18px;
  border:1px solid rgba(255,204,0,.32);
  background:
    radial-gradient(circle at 6% 0%, rgba(255,204,0,.1), transparent 38%),
    linear-gradient(135deg, rgba(12,22,54,.72), rgba(4,10,30,.7));
  box-shadow:0 22px 52px -28px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.v9-tile{
  min-height:142px;
  display:grid;
  grid-template-columns:128px 1fr;
  align-items:center;
  gap:18px;
  padding:22px 28px;
  overflow:hidden;
  transition:transform .2s, border-color .2s, box-shadow .2s;
}

.v9-tile::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg, transparent, rgba(255,204,0,.74), transparent);
}

.v9-tile:hover{
  transform:translateY(-4px);
  border-color:rgba(255,229,136,.72);
  box-shadow:0 28px 58px -28px rgba(0,0,0,.98), 0 0 26px -14px rgba(255,204,0,.62);
}

.v9-ti{
  width:84px;
  height:84px;
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--v9-gold);
  border-radius:999px;
  border:1px solid rgba(255,204,0,.64);
  background:radial-gradient(circle at 35% 22%, rgba(255,255,255,.13), transparent 30%), rgba(3,8,25,.58);
  box-shadow:0 0 0 10px rgba(255,204,0,.05), inset 0 1px 0 rgba(255,255,255,.14);
}

.v9-ti svg{
  width:42px;
  height:42px;
}

.v9-tt h3{
  margin:0 0 8px;
  color:#fff;
  font:900 16px/1.25 var(--font);
  letter-spacing:.01em;
}

.v9-tt p{
  margin:0;
  max-width:42ch;
  color:var(--v9-muted);
  font:600 14px/1.55 var(--font);
}

.v9-lounge{
  width:min(1180px, 100%);
  min-height:360px;
  margin:0 auto 54px;
  display:flex;
  align-items:center;
  overflow:visible;
  isolation:isolate;
}

.v9-lounge-clip{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:inherit;
}

.v9-lounge-art{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.08) contrast(1.05) brightness(.86);
}

.v9-lounge-media{
  display:block;
  width:100%;
  height:100%;
}

.v9-lounge-clip::before{
  content:"";
  position:absolute;
  top:-12%;
  bottom:-12%;
  left:36%;
  width:30%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 44% 50%, rgba(3,8,25,.72) 0%, rgba(3,8,25,.5) 34%, rgba(3,8,25,.18) 66%, transparent 100%),
    linear-gradient(90deg, rgba(3,8,25,.58), rgba(3,8,25,.12), transparent);
  filter:blur(18px);
}

.v9-lounge-clip::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg, rgba(3,8,25,.985) 0%, rgba(3,8,25,.96) 30%, rgba(3,8,25,.68) 50%, rgba(3,8,25,.22) 70%, rgba(3,8,25,.08) 100%),
    linear-gradient(180deg, rgba(3,8,25,.12), rgba(3,8,25,.32));
}

.v9-lounge-txt{
  position:relative;
  z-index:5;
  width:min(52%,560px);
  padding:38px 0 38px 42px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:13px;
}

.v9-lounge-h{
  margin:0;
  color:#fff;
  font:1000 clamp(30px,3.4vw,44px)/1.04 var(--font);
  letter-spacing:.01em;
}

.v9-lounge-h .au{
  color:var(--v9-gold);
}

.v9-lounge-txt p:not(.v9-kicker){
  margin:0;
  max-width:48ch;
  color:rgba(255,255,255,.72);
  font:600 15px/1.65 var(--font);
}

.v9-lounge-body{
  position:absolute;
  z-index:4;
  right:clamp(-24px,-1.8vw,-14px);
  bottom:-56px;
  height:124%;
  width:auto;
  pointer-events:none;
}

.v9-lion{
  display:block;
  width:auto;
  height:100%;
  max-width:none;
  filter:drop-shadow(0 28px 36px rgba(0,0,0,.68)) drop-shadow(0 0 18px rgba(255,204,0,.12));
}

@media (max-width:1180px){
  .v9-card .v9-foot{min-height:100px}
  .v9-stats{padding-inline:86px}
  #v9Prev{left:22px}
  #v9Next{right:22px}
  .v9-sum{grid-template-columns:auto 1fr;padding-inline:14px}
  .v9-mini{display:none}
}

@media (max-width:960px){
  .v9-cards{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:12px;
    margin-top:calc(clamp(-80px,-8vw,-48px) - 10px);
    padding:10px var(--gutter,18px) 8px;
    scrollbar-width:none;
  }
  .v9-cards::-webkit-scrollbar{display:none}
  .v9-card{
    flex:0 0 min(280px,56vw);
    scroll-snap-align:center;
  }
  .v9-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v9-sum + .v9-sum{border-left:0}
  .v9-sum:nth-child(2n){border-left:1px solid rgba(255,204,0,.18)}
  .v9-sum:nth-child(n+3){border-top:1px solid rgba(255,204,0,.18)}
  .v9-tiles{grid-template-columns:1fr}
}

@media (max-width:760px){
  .vip-wrap{gap:20px}
  .v9-hero{
    min-height:480px;
    margin-top:-24px;
    padding:calc(var(--header-h,64px) + 97px) 20px 116px;
  }
  .v9-hero-art{
    object-position:center center;
    filter:saturate(1.08) contrast(1.06) brightness(.8);
    transform:scale(1.04);
  }
  .v9-hero-veil{
    background:
      linear-gradient(90deg, rgba(2,3,16,.72), rgba(2,3,16,.28) 36%, rgba(2,3,16,.42)),
      linear-gradient(180deg, rgba(2,3,16,.54) 0%, rgba(2,3,16,.08) 42%, rgba(2,3,16,.62) 100%);
  }
  .v9-hero-txt{gap:12px}
  .v9-hero-txt .v9-kicker{font-size:11px;letter-spacing:.18em;gap:10px}
  .v9-hero-txt .v9-kicker::before,
  .v9-hero-txt .v9-kicker::after{width:34px}
  .v9-title-mark{
    grid-template-columns:minmax(52px,1fr) 22px minmax(52px,1fr);
    gap:12px;
    width:min(320px,78vw);
    margin-bottom:-4px;
  }
  .v9-title-mark svg{
    width:22px;
    height:22px;
  }
  .v9-title{
    max-width:calc(100vw - 32px);
    gap:.14em;
    font-size:clamp(28px,8.9vw,40px);
    line-height:.9;
    letter-spacing:.035em;
  }
  .v9-hero-sub{
    max-width:32ch;
    font-size:13.5px;
    line-height:1.48;
  }
  .v9-hero-actions{
    width:100%;
    max-width:640px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .v9-hero-actions .v9-cta,
  .v9-hero-actions .v9-ghost{
    width:100%;
    min-width:0;
    min-height:62px;
    padding-inline:20px;
    font-size:clamp(13px,3.4vw,16px);
    letter-spacing:.055em;
    line-height:1.12;
    white-space:normal;
    text-align:center;
  }
  .v9-cards{
    margin-top:-74px;
    padding-inline:22px;
  }
  .v9-card{flex-basis:62vw;min-width:214px;max-width:246px}
  .v9-art{aspect-ratio:1/1.18}
  .v9-foot{min-height:84px;padding:12px 10px 11px}
  .v9-name{font-size:20px}
  .v9-cash b{font-size:27px}
  .v9-stats{
    padding:16px 14px 18px;
    border-radius:16px;
  }
  .v9-arrow{
    top:18px;
    width:40px;
    height:40px;
    margin-top:0;
  }
  #v9Prev{left:12px}
  #v9Next{right:12px}
  .v9-panel-top{
    display:block;
    margin-bottom:14px;
    padding:0 44px;
    text-align:center;
  }
  .v9-led-name{
    font-size:10.5px;
    line-height:1.24;
    letter-spacing:.18em;
  }
  .v9-rank-track{
    margin:14px auto 0;
    max-width:280px;
  }
  .v9-summary{
    grid-template-columns:1fr 1fr;
  }
  .v9-sum{
    min-height:76px;
    grid-template-columns:1fr;
    gap:6px;
    padding:12px;
    text-align:center;
  }
  .v9-si{display:none}
  .v9-sum .k{font-size:9.5px;letter-spacing:.1em}
  .v9-sum b{font-size:21px}
  .v9-led-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:12px;
  }
  .v9-lr{
    min-height:44px;
    padding:10px 12px;
  }
  .v9-lr .k{font-size:12.5px}
  .v9-lr b{font-size:13px}
  .v9-tile{
    min-height:0;
    grid-template-columns:74px 1fr;
    gap:14px;
    padding:18px 16px;
  }
  .v9-ti{
    width:58px;
    height:58px;
    box-shadow:0 0 0 7px rgba(255,204,0,.05), inset 0 1px 0 rgba(255,255,255,.14);
  }
  .v9-ti svg{width:29px;height:29px}
  .v9-tt h3{font-size:14px;margin-bottom:6px}
  .v9-tt p{font-size:12.5px;line-height:1.5}
  .v9-lounge{
    display:block;
    min-height:560px;
    margin-bottom:96px;
    overflow:visible;
  }
  .v9-lounge-art{
    object-position:center center;
    filter:saturate(1.18) contrast(1.08) brightness(1.04);
  }
  .v9-lounge-clip::before{
    top:-8%;
    bottom:-8%;
    left:18%;
    width:76%;
    background:
      radial-gradient(ellipse at 42% 44%, rgba(3,8,25,.46) 0%, rgba(3,8,25,.28) 38%, rgba(3,8,25,.1) 68%, transparent 100%),
      linear-gradient(180deg, rgba(3,8,25,.2), rgba(3,8,25,.04), transparent);
    filter:blur(12px);
  }
  .v9-lounge-clip::after{
    background:
      linear-gradient(180deg, rgba(3,8,25,.74) 0%, rgba(3,8,25,.56) 36%, rgba(3,8,25,.18) 72%, rgba(3,8,25,.06) 100%),
      linear-gradient(90deg, rgba(3,8,25,.54), rgba(3,8,25,.12));
  }
  .v9-lounge-txt{
    width:auto;
    padding:24px 20px 284px;
  }
  .v9-lounge-h{font-size:clamp(26px,8vw,34px)}
  .v9-lounge-txt p:not(.v9-kicker){font-size:13.5px}
  .v9-lounge .v9-cta{
    width:100%;
    min-height:48px;
  }
  .v9-lounge-body{
    display:block;
    right:-10px;
    bottom:-88px;
    height:62%;
  }
}

@media (max-width:520px){
  .v9-hero{
    min-height:550px;
    padding-bottom:126px;
  }
  .v9-hero-actions{
    grid-template-columns:1fr;
    max-width:340px;
    gap:12px;
  }
  .v9-hero-actions .v9-cta,
  .v9-hero-actions .v9-ghost{
    min-height:56px;
    font-size:14px;
    white-space:nowrap;
  }
  .v9-cards{
    margin-top:-122px;
  }
}
