/* DVZ Club front emphasis — v28 cache-proof */
.dvz-club-home-card,
.dvz-club-garage-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 62px minmax(0,1fr) 32px;
  align-items: center;
  gap: 13px;
  min-height: 112px;
  margin: 12px 0 18px;
  padding: 15px 14px;
  border: 1px solid rgba(76, 213, 255, .42);
  border-radius: 23px;
  background:
    radial-gradient(circle at 0% 0%, rgba(40, 202, 255, .26), transparent 44%),
    radial-gradient(circle at 100% 0%, rgba(127, 86, 255, .18), transparent 42%),
    linear-gradient(145deg, rgba(8, 28, 39, .98), rgba(10, 15, 24, .98));
  box-shadow: 0 18px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(36,186,255,.025);
  color: #fff;
  text-decoration: none;
  isolation: isolate;
}
.dvz-club-home-card::before,
.dvz-club-garage-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(110deg, rgba(58,207,255,.10), transparent 34%, rgba(139,103,255,.08));
}
.dvz-club-home-card::after,
.dvz-club-garage-card::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #38cfff 28%, #8a78ff 72%, transparent);
  opacity: .78;
  box-shadow: 0 0 14px rgba(56,207,255,.45);
}
.dvz-club-home-card:active,
.dvz-club-garage-card:active { transform: scale(.992); }

.dvz-club-home-icon,
.dvz-club-garage-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 19px;
  border: 1px solid rgba(102,223,255,.30);
  background: linear-gradient(145deg, rgba(35,178,238,.25), rgba(103,70,208,.18));
  box-shadow: inset 0 0 24px rgba(51,195,255,.11), 0 10px 24px rgba(0,0,0,.24);
}
.dvz-club-home-icon b,
.dvz-club-garage-icon b { font-size: 15px; line-height: 1; letter-spacing: -.03em; color: #fff; }
.dvz-club-home-icon small,
.dvz-club-garage-icon small { margin-top: 3px; font-size: 8px; line-height: 1; letter-spacing: .13em; font-weight: 950; color: #5dd8ff; }

.dvz-club-home-main,
.dvz-club-garage-main { min-width: 0; display: block; }
.dvz-club-home-top,
.dvz-club-garage-top { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.dvz-club-home-top strong,
.dvz-club-garage-top strong { font-size: 16px; line-height: 1; letter-spacing: .015em; font-weight: 950; color: #f5fbff; }
.dvz-club-home-top strong em,
.dvz-club-garage-top strong em {
  font-style: normal;
  background: linear-gradient(90deg,#4ed9ff 5%,#a78bff 95%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  text-shadow: 0 0 18px rgba(68,207,255,.14);
}
.dvz-club-home-top i,
.dvz-club-garage-top i {
  padding: 4px 7px;
  border: 1px solid rgba(104,220,255,.22);
  border-radius: 999px;
  background: rgba(57,193,255,.10);
  color: #7fe2ff;
  font-style: normal;
  font-size: 8px;
  font-weight: 950;
  letter-spacing: .08em;
}
.dvz-club-home-title,
.dvz-club-garage-title { display: block; margin-top: 7px; font-size: 14px; line-height: 1.25; font-weight: 900; color: #f6f9fc; }
.dvz-club-home-task,
.dvz-club-garage-task { display: block; margin-top: 4px; font-size: 10px; line-height: 1.35; color: #a9b4be; }
.dvz-club-home-progress,
.dvz-club-garage-progress {
  display: block;
  position: relative;
  overflow: hidden;
  height: 4px;
  margin-top: 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.07);
}
.dvz-club-home-progress i,
.dvz-club-garage-progress i {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg,#32ccff,#7f75ff);
  box-shadow: 0 0 12px rgba(56,205,255,.42);
  transition: width .35s ease;
}
.dvz-club-home-meta,
.dvz-club-garage-meta { display: block; margin-top: 5px; font-size: 8.7px; line-height: 1.2; color: #6fdcff; font-weight: 800; }
.dvz-club-home-arrow,
.dvz-club-garage-arrow {
  width: 32px; height: 32px; display: grid; place-items: center;
  border-radius: 11px; border: 1px solid rgba(90,214,255,.18);
  background: rgba(53,193,255,.07); color: #65dcff; font-size: 17px; font-weight: 950;
}
.dvz-club-home-card.has-level,
.dvz-club-garage-card.has-level {
  border-color: rgba(91,225,183,.40);
  background:
    radial-gradient(circle at 0% 0%, rgba(43,216,160,.19), transparent 43%),
    radial-gradient(circle at 100% 0%, rgba(72,185,255,.17), transparent 40%),
    linear-gradient(145deg, rgba(8,29,30,.98), rgba(10,15,23,.98));
}
.dvz-club-home-card.has-level .dvz-club-home-progress i,
.dvz-club-garage-card.has-level .dvz-club-garage-progress i { background: linear-gradient(90deg,#36daa3,#4fcfff); }

/* popup similar to channel promo, but personalized */
.dvz-club-smart-pop {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  z-index: 99996;
  width: min(calc(100% - 24px), 440px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(86,211,255,.42);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(47,201,255,.22), transparent 44%),
    radial-gradient(circle at 100% 0%, rgba(131,89,255,.16), transparent 42%),
    rgba(9,15,23,.975);
  box-shadow: 0 24px 64px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  animation: dvzClubPopIn .24s ease-out both;
}
.dvz-club-smart-pop.is-leaving { animation: dvzClubPopOut .18s ease-in both; }
.dvz-club-smart-link { display: grid; grid-template-columns: 52px minmax(0,1fr) 30px; gap: 11px; align-items: center; min-height: 108px; padding: 14px 42px 14px 14px; color: #fff; text-decoration: none; }
.dvz-club-smart-mark { width: 52px; height: 52px; display: grid; place-items: center; align-content: center; border: 1px solid rgba(92,216,255,.26); border-radius: 16px; background: linear-gradient(145deg,rgba(36,181,240,.22),rgba(102,73,214,.15)); }
.dvz-club-smart-mark b { font-size: 12px; line-height: 1; }
.dvz-club-smart-mark small { margin-top: 2px; color: #63d9ff; font-size: 6.5px; font-weight: 950; letter-spacing: .12em; }
.dvz-club-smart-copy { min-width: 0; }
.dvz-club-smart-head { display: flex; align-items: center; gap: 7px; }
.dvz-club-smart-head strong { background: linear-gradient(90deg,#5bdbff,#a78cff); -webkit-background-clip:text; background-clip:text; color:transparent; font-size: 10px; letter-spacing: .10em; }
.dvz-club-smart-head i { padding: 3px 6px; border-radius: 999px; background: rgba(68,197,255,.10); color:#75ddff; font-style:normal; font-size:7px; font-weight:900; }
.dvz-club-smart-title { display:block; margin-top:5px; color:#f8fbfd; font-size:14px; line-height:1.22; font-weight:900; }
.dvz-club-smart-task { display:block; margin-top:4px; color:#9facb7; font-size:10px; line-height:1.35; }
.dvz-club-smart-progress { display:block; height:4px; margin-top:8px; border-radius:999px; overflow:hidden; background:rgba(255,255,255,.07); }
.dvz-club-smart-progress i { display:block; height:100%; width:0%; border-radius:inherit; background:linear-gradient(90deg,#32ceff,#8178ff); }
.dvz-club-smart-meta { display:block; margin-top:4px; color:#6fdbff; font-size:8px; font-weight:800; }
.dvz-club-smart-go { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:rgba(64,199,255,.08); color:#6fdcff; font-size:16px; font-weight:950; }
.dvz-club-smart-close { position:absolute; top:8px; right:8px; z-index:3; width:28px; height:28px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.08); border-radius:9px; background:rgba(255,255,255,.045); color:#8e9ba5; font:inherit; font-size:17px; cursor:pointer; }
@keyframes dvzClubPopIn { from { opacity:0; transform:translateY(18px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes dvzClubPopOut { from { opacity:1; transform:none; } to { opacity:0; transform:translateY(12px) scale(.985); } }

@media (max-width: 380px) {
  .dvz-club-home-card,.dvz-club-garage-card { grid-template-columns:56px minmax(0,1fr) 28px; gap:10px; padding:13px 12px; min-height:106px; }
  .dvz-club-home-icon,.dvz-club-garage-icon { width:56px; height:56px; border-radius:17px; }
  .dvz-club-home-top strong,.dvz-club-garage-top strong { font-size:15px; }
  .dvz-club-home-title,.dvz-club-garage-title { font-size:13px; }
  .dvz-club-smart-link { grid-template-columns:48px minmax(0,1fr) 28px; padding-left:12px; }
  .dvz-club-smart-mark { width:48px; height:48px; }
}
@media (max-height: 520px) { .dvz-club-smart-pop { display:none; } }