/* DabzPark storefront styles for the SellAuth theme (classes prefixed dz-). Generated from the store's site.css. */
:root {
  --accent: #1677c8;
  --accent-rgb: 22, 119, 200;
  --accent-2: #1265ad;
  --on-accent: #ffffff;
  --bg: #0e0f13;
  --bg-rgb: 14, 15, 19;
  --surface: #16171c;
  --surface-hover: #1a1b21;
  --surface-2: #1d1e24;
  --border: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.12);
  --text: #ececef;
  --muted: #9b9ca4;
  --ok: #22c55e;
  --warn: #eab308;
  --bad: #ef4444;
  --radius: 8px;
  --card-radius: 12px;
  --input-bg: #111216;
  --input-border: #2a2c33;
  --btn-radius: 6px;
  --container: 1280px;
  --card-ratio: 16/9;
  --card-fit: cover;
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-head: var(--font);
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  --ring: 0 0 0 3px rgba(var(--accent-rgb), 0.3);
  --nav-h: 68px;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
.dz-sr-only {position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.dz-muted {color: var(--muted);}
.dz-container {width: 100%; max-width: calc(var(--container) + 48px); margin: 0 auto; padding: 0 16px;}
.dz-pdp, .dz-hero__grid, .dz-foot__main, .dz-grid {grid-template-columns: minmax(0, 1fr);}
.dz-pdp__info, .dz-pdp__gallery {min-width: 0;}
.dz-container--narrow {max-width: 860px;}
@media (min-width: 768px) {
.dz-container {padding: 0 24px;}
}
.dz-section {padding: 40px 0;}
.dz-section--tight {padding: 28px 0 56px;}
@media (min-width: 1024px) {
.dz-section {padding: 56px 0;}
}
.dz-btn {--b-bg: var(--surface-2); --b-fg: var(--text); --b-bd: var(--border-strong); display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: var(--btn-radius); border: 1px solid var(--b-bd); background: var(--b-bg); color: var(--b-fg); font: inherit; font-weight: 600; font-size: .95rem; line-height: 1.1; cursor: pointer; text-decoration: none; white-space: nowrap; transition: transform .15s var(--ease), background .2s, border-color .2s, box-shadow .2s, filter .2s;}
.dz-btn:hover {text-decoration: none; border-color: rgba(255,255,255,.22);}
.dz-btn:active {transform: none; filter: brightness(.95);}
.dz-btn[disabled], .dz-btn.is-loading, .dz-btn.is-disabled {opacity: .6; cursor: not-allowed;}
.dz-btn.is-loading::after {content: ""; width: 14px; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spin .7s linear infinite;}
.dz-btn--primary {--b-bg: var(--accent); --b-fg: var(--on-accent); --b-bd: var(--accent);}
.dz-btn--primary:hover {background: var(--accent-2); border-color: var(--accent-2);}
.dz-btn-gradient .dz-btn--primary {--b-bg: linear-gradient(135deg, var(--accent), var(--accent-2)); background-image: linear-gradient(135deg, var(--accent), var(--accent-2));}
.dz-btn-outline .dz-btn--primary {--b-bg: transparent; --b-fg: var(--accent);}
.dz-btn--ghost {--b-bg: transparent;}
.dz-btn--pill {border-radius: 999px;}
.dz-btn--sm {min-height: 36px; padding: 7px 13px; font-size: .875rem;}
.dz-btn--lg {min-height: 52px; padding: 14px 24px; font-size: 1.02rem;}
.dz-btn--block {display: flex; width: 100%;}
.dz-btn--grow {flex: 1 1 auto;}
.dz-linkbtn {background: none; border: 0; padding: 0; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 3px;}
.dz-link-arrow {display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: .95rem; min-height: 44px;}
.dz-iconbtn {position: relative; display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--text); cursor: pointer; transition: background .2s, border-color .2s, color .2s;}
.dz-iconbtn:hover {background: rgba(255,255,255,.06); text-decoration: none;}
.dz-iconbtn--on {color: var(--accent);}
.dz-iconbtn--sm {width: 34px; height: 34px; border-radius: 6px;}
.dz-iconbtn__count {position: absolute; top: 3px; right: 2px; min-width: 18px; height: 18px; padding: 0 5px; display: grid; place-items: center; border-radius: 999px; background: var(--accent); color: var(--on-accent); font-size: .68rem; font-weight: 600;}
.dz-ico {flex-shrink: 0;}
.dz-ico--star {color: #fbbf24; fill: #fbbf24;}
.dz-pill {--c: var(--ok); --c-rgb: 34, 197, 94; display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 5px 10px; border-radius: 6px; background: rgba(var(--c-rgb), .1); border: 1px solid rgba(var(--c-rgb), .35); color: var(--c); font-size: .8rem; font-weight: 500; letter-spacing: 0; line-height: 1; white-space: nowrap;}
.dz-pill--sm {padding: 4px 8px; font-size: .74rem;}
.dz-pill--warn {--c: var(--warn); --c-rgb: 234, 179, 8;}
.dz-pill--bad {--c: var(--bad); --c-rgb: 239, 68, 68;}
.dz-pill--muted {--c: #9ca3af; --c-rgb: 156, 163, 175;}
.dz-pill__dot {width: 6px; height: 6px; border-radius: 50%; background: currentColor;}
.dz-stars {display: inline-flex; gap: 2px; vertical-align: middle;}
.dz-star {fill: rgba(255,255,255,.18);}
.dz-star--on {fill: #fbbf24;}
.dz-grid > .card {margin-top: 0;}
.alert .dz-ico {margin-top: 2px;}
.dz-search {position: relative; display: flex; align-items: center; gap: 8px; width: 100%;}
.dz-search > .dz-ico {position: absolute; left: 14px; color: var(--muted); pointer-events: none;}
.dz-search input {padding-left: 42px;}
.dz-search--hero {max-width: 560px; padding: 6px; border-radius: var(--radius); background: var(--input-bg); border: 1px solid var(--input-border);}
.dz-search--hero input {border: 0; background: transparent; min-height: 44px;}
.dz-search--hero input:focus {box-shadow: none;}
.dz-search--hero > .dz-ico {left: 18px;}
.dz-search--sm input {min-height: 40px;}
.dz-nav {position: relative; z-index: 40; background: rgba(var(--bg-rgb), .9); -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid rgba(255,255,255,.05);}
.dz-nav--sticky {position: sticky; top: 0;}
.dz-nav__bar {display: flex; align-items: center; gap: 12px; min-height: 58px;}
@media (min-width: 1024px) {
.dz-nav__bar {min-height: 56px;}
}
.dz-brand {display: inline-flex; align-items: center; gap: 10px; min-width: 0; color: var(--text); font-weight: 600; font-size: 17px; letter-spacing: -.01em; flex-shrink: 1;}
.dz-brand:hover {text-decoration: none;}
.dz-brand__logo {width: 32px; height: 32px; flex-shrink: 0; border-radius: var(--btn-radius); object-fit: contain;}
.dz-nav__links {display: flex; align-items: center; gap: 2px; min-width: 0;}
.dz-nav__link {position: relative; display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px; border-radius: 8px; color: #c4c6ce; font-weight: 600; font-size: 14.5px; line-height: 1.4;}
.dz-nav__link:hover {color: #fff; text-decoration: none;}
.dz-nav__link.is-active {color: #fff;}
.dz-nav__link.is-active .dz-nav__ic {color: var(--tint); opacity: 1;}
.dz-nav__actions {display: flex; align-items: center; gap: 6px; margin-left: auto; flex-shrink: 0;}
.dz-nav__cta {display: none;}
.mnav .dz-nav__link {padding: 13px 10px; font-size: 15px; border-bottom: 1px solid var(--border); border-radius: 0; color: var(--text);}
@media (min-width: 1240px) {
.dz-nav__cta {display: inline-flex;}
}
.dz-phead {padding: 36px 0 8px; position: relative;}
.dz-phead__title {font-size: clamp(1.9rem, 4.5vw, 2.8rem); margin: 6px 0 8px;}
.dz-phead__intro {color: var(--muted); max-width: 720px; font-size: 1.05rem; margin: 0;}
.dz-crumbs ol {display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: .85rem; color: var(--muted);}
.dz-crumbs li + li::before {content: "/"; margin-right: 6px; opacity: .5;}
.dz-crumbs a {color: var(--muted);}
.dz-crumbs a:hover {color: var(--text);}
.dz-crumbs [aria-current] {color: var(--text);}
.dz-pdp + .dz-crumbs, .dz-container > .dz-crumbs {padding-top: 22px;}
.dz-shead {display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 26px;}
.dz-shead__text {display: flex; align-items: center; gap: 0 18px; flex-wrap: wrap;}
.dz-section--faq .dz-shead {justify-content: center; text-align: center;}
.dz-section--faq .dz-shead__text {justify-content: center; flex-direction: column; gap: 6px;}
.dz-shead__title {font-size: clamp(1.5rem, 3vw, 1.9rem); margin: 0;}
.dz-shead__sub {margin: 0; color: var(--muted); font-size: .92rem;}
@media (min-width: 768px) {
.dz-shead__title + .dz-shead__sub {padding-left: 18px; border-left: 1px solid var(--border-strong);}
}
.dz-grid {display: grid; gap: 18px;}
.dz-grid--products, .dz-grid--groups {grid-template-columns: minmax(0, 1fr); gap: 16px;}
@media (min-width: 640px) {
.dz-grid--products, .dz-grid--groups {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}
}
@media (min-width: 1024px) {
.dz-grid--products, .dz-grid--groups {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
}
.dz-grid--features {grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));}
@media (min-width: 600px) {
.dz-grid--n2, .dz-grid--n4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 900px) {
.dz-grid--n3, .dz-grid--n6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (min-width: 1100px) {
.dz-grid--n4, .dz-grid--n8 {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.dz-grid--cats {grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));}
.dz-grid--reviews {grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));}
.dz-hero {--hero-tint-rgb: 61, 155, 255; position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 540px;}
.dz-hero__media {position: absolute; inset: 0; z-index: -3; pointer-events: none;}
.dz-hero__media img {position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 68% center;}
.dz-hero__shade {position: absolute; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient(180deg, rgba(var(--bg-rgb), .35) 0%, transparent 26%, transparent 48%, rgba(var(--bg-rgb), .55) 70%, rgba(var(--bg-rgb), .9) 88%, var(--bg) 100%), linear-gradient(90deg, rgba(var(--bg-rgb), .99) 0%, rgba(var(--bg-rgb), .96) 38%, rgba(var(--bg-rgb), .72) 54%, rgba(var(--bg-rgb), .28) 76%, rgba(var(--bg-rgb), .2) 92%, rgba(var(--bg-rgb), .55) 100%);}
.dz-hero--plain .dz-hero__shade {background: radial-gradient(60% 80% at 85% 20%, rgba(var(--hero-tint-rgb), .14), transparent 70%);}
.dz-hero::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(var(--hero-tint-rgb), .45), transparent); pointer-events: none;}
.dz-hero__dots {position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .09; background-image: radial-gradient(rgba(255,255,255,.55) 1px, transparent 1.2px); background-size: 24px 24px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%), linear-gradient(180deg, #000 60%, transparent); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, transparent, #000 60%), linear-gradient(180deg, #000 60%, transparent); mask-composite: intersect;}
.dz-hero::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(38% 55% at 14% 46%, rgba(var(--hero-tint-rgb), .10), transparent 70%), radial-gradient(30% 50% at 62% 40%, rgba(var(--hero-tint-rgb), .07), transparent 70%);}
.dz-hero__in {position: relative; width: 100%; padding-top: 56px; padding-bottom: 56px;}
.dz-hero__copy {max-width: 58rem;}
.dz-hero__badge {display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 4px 12px 4px 4px; border-radius: 999px; border: 1px solid rgba(var(--hero-tint-rgb), .28); background: linear-gradient(180deg, rgba(17, 24, 36, .9), rgba(11, 12, 17, .88)); box-shadow: inset 0 1px rgba(255,255,255,.05), 0 7px 22px rgba(var(--hero-tint-rgb), .12); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); color: #dfeeff; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; line-height: 1.4;}
.dz-hero__badgeic {display: grid; place-items: center; width: 20px; height: 20px; flex: none; border-radius: 50%; color: #fff; background: linear-gradient(135deg, var(--accent-hi), var(--accent)); box-shadow: 0 0 0 3px rgba(var(--hero-tint-rgb), .08), 0 0 12px rgba(var(--hero-tint-rgb), .28);}
.dz-hero__title {max-width: 58rem; margin: 20px 0 0; font-size: clamp(2.5rem, 3.4vw, 3.85rem); font-weight: 600; line-height: 1.02; letter-spacing: -.045em; color: #fff; text-wrap: balance;}
.dz-hero__accent {display: inline-block; padding-right: .06em; margin-right: -.06em; background: linear-gradient(92deg, var(--tint) 0%, var(--accent-hi) 45%, var(--accent) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.dz-hero__sub {max-width: 36rem; margin: 22px 0 0; color: #a7a9b2; font-size: .9rem; line-height: 1.7;}
.dz-hero__ctas {display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 30px;}
.dz-hero__btn {min-height: 44px; padding: 10px 22px; gap: 8px; border-radius: 8px; font-size: .82rem; font-weight: 700; white-space: nowrap; text-decoration: none;}
.dz-hero__btn:hover {text-decoration: none;}
.dz-hero__btn--primary {color: #fff; border: 0; background: linear-gradient(135deg, var(--accent-hi) 0%, var(--accent) 55%, var(--accent-lo) 100%); box-shadow: 0 10px 28px rgba(var(--accent-rgb), .3), inset 0 1px rgba(255,255,255,.18);}
.dz-hero__btn--primary:hover {filter: brightness(1.08);}
.dz-hero__btn--ghost {color: #fff; border: 1px solid rgba(255,255,255,.12); background: rgba(10, 11, 15, .62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
.dz-hero__btn--ghost:hover {border-color: rgba(var(--hero-tint-rgb), .5); background: rgba(16, 18, 24, .75);}
.dz-hero__go {transition: transform .2s var(--ease);}
.dz-hero__btn:hover .dz-hero__go {transform: translateX(4px);}
.dz-hero__stats {display: flex; flex-wrap: wrap; gap: 14px 0; margin: 34px 0 0; padding: 0; max-width: 100%;}
.dz-hero__stats > div {display: flex; flex-direction: column-reverse; gap: 2px; padding: 0 26px;}
.dz-hero__stats > div:first-child {padding-left: 0;}
.dz-hero__stats > div + div {border-left: 1px solid rgba(255,255,255,.09);}
.dz-hero__stats dt {font-size: .72rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #8d909a;}
.dz-hero__stats dd {margin: 0; display: flex; align-items: baseline; gap: 5px; color: #fff; font-weight: 700; font-size: 1.3rem; letter-spacing: -.01em;}
.dz-hero__stats dd .dz-ico--star {align-self: center; color: #fbbf24;}
.dz-hero__stats small {font-weight: 500; color: var(--muted); font-size: .78rem; letter-spacing: 0;}
@media (min-width: 360px) {
.dz-hero__ctas {grid-template-columns: repeat(2, minmax(0, 1fr));}
.dz-hero__btn {padding-left: 12px; padding-right: 12px;}
}
@media (min-width: 640px) {
.dz-hero {min-height: 540px;}
.dz-hero__media img {object-position: 62% center;}
.dz-hero__in {padding-top: 64px; padding-bottom: 64px;}
.dz-hero__sub {font-size: .95rem;}
.dz-hero__ctas {display: flex; flex-wrap: wrap; gap: 11px;}
.dz-hero__btn {padding: 10px 22px;}
}
@media (min-width: 1024px) {
.dz-hero {min-height: 560px;}
.dz-hero__media img {left: auto; width: auto; min-width: 55%; object-position: right center;}
.dz-hero__in {padding-top: 72px; padding-bottom: 72px;}
}
@media (max-width: 520px) {
.dz-hero__stats {width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column;}
.dz-hero__stats > div {padding: 0 10px; min-width: 0;}
.dz-hero__stats dd {font-size: 1.02rem; flex-wrap: wrap;}
.dz-hero__stats small {flex-basis: 100%; font-size: .7rem;}
}
@media (prefers-reduced-motion: no-preference) {
.dz-hero__badge {animation: hero-up .6s var(--ease) both;}
.dz-hero__title {animation: hero-up .7s .08s var(--ease) both;}
.dz-hero__sub, .dz-hero__ctas, .dz-hero__stats {animation: hero-up .7s .16s var(--ease) both;}
}
@keyframes hero-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.dz-pcard, .dz-gcard {--cardbg: var(--surface); position: relative; display: flex; flex-direction: column; height: 100%; color: var(--text); background: var(--cardbg); border: 1px solid var(--border); border-radius: var(--card-radius); overflow: hidden; transition: border-color .2s, background .2s;}
.dz-pcard:hover, .dz-gcard:hover {--cardbg: var(--surface-hover); text-decoration: none; border-color: var(--border-strong);}
.cards-glow .dz-pcard:hover, .cards-glow .dz-gcard:hover {border-color: rgba(var(--accent-rgb), .55);}
.dz-pcard__media, .dz-gcard__media {position: relative; aspect-ratio: var(--card-ratio); background: #0b0c0f; overflow: hidden; border-bottom: 1px solid var(--border);}
.dz-pcard__img, .dz-gcard__img {width: 100%; height: 100%; object-fit: var(--card-fit);}
.dz-pcard__placeholder {display: grid; place-items: center; height: 100%; color: rgba(255,255,255,.18);}
.dz-pcard__body, .dz-gcard__body {display: flex; flex-direction: column; flex: 1; min-width: 0; padding: 18px 20px 20px;}
.dz-gcard__head {display: flex; align-items: center; gap: 10px; min-width: 0;}
.dz-gcard__name {margin: 0; min-width: 0; font-size: 16px; font-weight: 700; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-gcard__head .dz-pill {flex-shrink: 0;}
.dz-pcard__img {transition: transform .45s var(--ease);}
.dz-pcard:hover .dz-pcard__img {transform: scale(1.04);}
.dz-pcard__shade {position: absolute; inset: 0 0 auto; height: 56px; background: linear-gradient(rgba(6,7,9,.55), transparent); pointer-events: none;}
.dz-pcard__tags {position: absolute; top: 14px; left: 18px; right: 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;}
.dz-pcard__tags .badge {box-shadow: 0 2px 10px rgba(0,0,0,.35);}
.dz-pcard__soldout {position: absolute; top: 14px; right: 18px; padding: 4px 9px; border-radius: 999px; background: rgba(0,0,0,.8); color: #fff; font-size: .72rem; font-weight: 600;}
.dz-pcard__body {padding: 16px 18px 18px;}
.dz-pcard__top {display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 22px; margin: 0 0 6px;}
.dz-pcard__top .dz-pill {flex-shrink: 0; margin-left: auto;}
.dz-pcard__group {min-width: 0; margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--tint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-pcard__name {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; min-height: 2.6em; margin: 0 0 16px; font-size: 17px; font-weight: 700; line-height: 1.3; overflow: hidden; overflow-wrap: anywhere; color: #fff;}
.dz-pcard__foot {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08);}
.dz-pcard__price {display: flex; flex-direction: column; gap: 1px; min-width: 0; margin: 0; line-height: 1.1;}
.dz-pcard__price strong {font-size: 20px; font-weight: 700; color: #fff; white-space: nowrap;}
.dz-pcard__from {font-size: 11px; font-weight: 500; color: var(--muted);}
.dz-pcard__cta {flex-shrink: 0; min-height: 38px; padding: 8px 16px; gap: 6px; font-size: 13px;}
.dz-pcard__cta .dz-ico {transition: transform .2s var(--ease);}
.dz-pcard:hover .dz-pcard__cta .dz-ico {transform: translateX(2px);}
.dz-gcard__count {margin: 4px 0 16px; color: var(--muted); font-size: 12px;}
.dz-gcard__foot {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--border);}
.dz-gcard__from {font-size: 10px; font-weight: 500; color: var(--muted);}
.dz-gcard__priceline {display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; min-width: 0;}
.dz-gcard__amt {margin-right: 6px; font-size: 22px; font-weight: 700; line-height: 1.15;}
.dz-gcard__delivery {display: inline-flex; align-items: center; gap: 4px; color: var(--ok); font-size: 11px; font-weight: 600; white-space: nowrap;}
.dz-gcard__delivery .dz-ico {width: 13px; height: 13px; align-self: center;}
.dz-gcard__cta {flex-shrink: 0; min-height: 44px; padding: 10px 16px; border-radius: 12px; font-size: 13px;}
.dz-gcard__cta .dz-ico {transition: transform .2s var(--ease);}
.dz-gcard:hover .dz-gcard__cta {background: var(--accent-2); border-color: var(--accent-2);}
.dz-pcard:hover .dz-pcard__cta {background: var(--accent-2); border-color: var(--accent-2);}
.dz-pcard.is-out {filter: grayscale(1); opacity: .5; cursor: not-allowed;}
.dz-pcard.is-out:hover {--cardbg: var(--surface); border-color: var(--border); transform: none;}
.dz-pcard.is-out:hover .dz-pcard__cta, .dz-pcard.is-out .dz-pcard__cta {background: transparent; border-color: var(--border-strong); color: var(--muted);}
.dz-gcard:hover .dz-gcard__cta .dz-ico {transform: translateX(2px);}
.ghead .dz-crumbs {margin: 0 0 6px;}
.filters .dz-search {flex: 1 1 320px;}
.dz-faq {display: flex; flex-direction: column; gap: 10px;}
.dz-faq__item {border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); overflow: hidden;}
.dz-faq__item summary {display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; cursor: pointer; font-weight: 600; list-style: none; min-height: 56px;}
.dz-faq__item summary::-webkit-details-marker {display: none;}
.dz-faq__item summary:hover {color: var(--accent);}
.dz-faq__chev {transition: transform .25s var(--ease); color: var(--muted);}
.dz-faq__item[open] .dz-faq__chev {transform: rotate(180deg);}
.dz-faq__item[open] summary {border-bottom: 1px solid var(--border);}
.dz-faq__a {padding: 14px 18px 4px; color: #c9cad1;}
.dz-review {display: flex; flex-direction: column; gap: 10px; padding: 20px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border);}
.dz-review__head {display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;}
.dz-review__verified {display: inline-flex; align-items: center; gap: 4px; color: var(--ok); font-size: .76rem; font-weight: 600;}
.dz-review__title {font-size: 1rem; margin: 0;}
.dz-review__body {margin: 0; color: #d4d5db; white-space: pre-line; overflow-wrap: anywhere;}
.dz-review__body--muted {color: var(--muted); font-style: italic;}
.dz-review__foot {display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: .82rem; color: var(--muted); margin-top: auto;}
.dz-review__author {color: var(--text); font-weight: 600;}
.dz-review__product::before {content: "· ";}
.dz-review__reply {margin-top: 4px; padding: 10px 12px; border-left: 3px solid var(--accent); background: rgba(var(--accent-rgb), .06); border-radius: 0 10px 10px 0; font-size: .9rem;}
.dz-review__reply p {margin: 4px 0 0; color: #c9cad1;}
.statusbar > .dz-ico {margin-left: auto; flex-shrink: 0;}
.dz-prose {color: #d4d5db; overflow-wrap: anywhere;}
.dz-prose > :last-child {margin-bottom: 0;}
.dz-prose h2 {font-size: 1.4rem; margin: 1.6em 0 .6em; color: var(--text);}
.dz-prose h3 {font-size: 1.15rem; margin: 1.4em 0 .5em; color: var(--text);}
.dz-prose h4, .dz-prose h5 {font-size: 1rem; margin: 1.2em 0 .4em; color: var(--text);}
.dz-prose > h2:first-child, .dz-prose > h3:first-child {margin-top: 0;}
.dz-prose ul, .dz-prose ol {padding-left: 1.3em; margin: 0 0 1em;}
.dz-prose li {margin: .25em 0;}
.dz-prose li::marker {color: var(--accent);}
.dz-prose blockquote {margin: 1em 0; padding: 10px 16px; border-left: 3px solid var(--accent); background: rgba(255,255,255,.03); border-radius: 0 10px 10px 0;}
.dz-prose img {border-radius: var(--radius); margin: 1em 0;}
.dz-prose table {width: 100%; border-collapse: collapse; margin: 1em 0; display: block; overflow-x: auto;}
.dz-prose th, .dz-prose td {border: 1px solid var(--border); padding: 8px 10px; text-align: left;}
.dz-prose pre {background: #0b0c0f; padding: 14px; border-radius: var(--btn-radius); overflow-x: auto;}
.dz-prose a {text-decoration: underline; text-underline-offset: 3px;}
.dz-prose strong {color: var(--text);}
.dz-pdp-crumbs {margin: 22px 0 18px; min-width: 0;}
.dz-pdp-crumbs .dz-crumbs ol {font-size: .82rem; gap: 4px 8px;}
.dz-pdp-crumbs .dz-crumbs li + li::before {content: "›"; margin-right: 8px; opacity: .6;}
.dz-pdp-crumbs .dz-crumbs li {min-width: 0; overflow-wrap: anywhere;}
.dz-pdp {display: grid; gap: 24px; align-items: start;}
@media (min-width: 960px) {
.dz-pdp {grid-template-columns: minmax(0, 55fr) minmax(0, 45fr); gap: 40px;}
}
.dz-pdp__stage {position: relative;}
.dz-pdp__main {position: relative; border-radius: var(--card-radius); overflow: hidden; background: #060709; border: 1px solid var(--border); aspect-ratio: 16/9;}
.dz-pdp__main > img, .dz-pdp__img {width: 100%; height: 100%; object-fit: cover;}
.dz-pdp__main iframe, .dz-pdp__main video {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000;}
.dz-pdp__ph {display: grid; place-items: center; height: 100%; color: rgba(255,255,255,.2);}
.dz-pdp__badge {--badge: var(--accent); position: absolute; top: 14px; left: 14px; z-index: 2; max-width: calc(100% - 28px); padding: 6px 11px; border-radius: 999px; background: var(--badge); color: #fff; font-size: .7rem; font-weight: 700; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none;}
.dz-pdp__stage.is-playing .dz-pdp__badge {display: none;}
.dz-pdp__more {margin-top: 18px;}
.dz-pdp__morehead {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px;}
.dz-pdp__moretitle {margin: 0; font-size: .88rem; font-weight: 600; color: #e4e5ea;}
.dz-pdp__arrows {display: flex; gap: 2px; flex-shrink: 0;}
.dz-pdp__arrow {display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 6px; background: none; color: #c3c5cc; cursor: pointer; transition: color .2s;}
.dz-pdp__arrow .dz-ico {width: 16px; height: 16px;}
.dz-pdp__arrow:hover:not(:disabled) {color: #fff;}
.dz-pdp__arrow:disabled {opacity: .3; cursor: default;}
.dz-pdp__thumbs {display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 24px) / 3); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;}
.dz-pdp__thumbs::-webkit-scrollbar {display: none;}
.dz-pdp__thumb {position: relative; aspect-ratio: 16/9; border-radius: var(--radius); overflow: hidden; border: 2px solid transparent; background: #08090b; padding: 0; cursor: pointer; opacity: .7; scroll-snap-align: start; transition: opacity .2s, border-color .2s;}
.dz-pdp__thumb img {width: 100%; height: 100%; object-fit: cover;}
.dz-pdp__thumb:hover {opacity: 1;}
.dz-pdp__thumb.is-active {opacity: 1; border-color: var(--accent);}
.dz-pdp__group {display: inline-block; margin-bottom: 6px; font-size: .9rem; font-weight: 600; color: var(--accent);}
.dz-pdp__title {font-size: clamp(1.9rem, 3.4vw, 2.75rem); font-weight: 700; line-height: 1.12; letter-spacing: -.015em; margin: 0 0 14px; overflow-wrap: anywhere;}
.dz-pdp__meta {display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 18px;}
.dz-pdp__meta .dz-pill {padding: 7px 11px;}
.dz-pdp__tagline {color: var(--muted); font-size: 1rem; margin: -6px 0 18px;}
.dz-buy {display: flex; flex-direction: column; gap: 14px;}
.dz-buybox {padding: 20px; border-radius: var(--card-radius); background: var(--surface); border: 1px solid var(--border-strong); min-width: 0;}
@media (max-width: 520px) {
.dz-buybox {padding: 16px;}
}
.dz-swarn {display: flex; gap: 7px; align-items: flex-start; padding: 7px 13px; border-radius: 8px; border: 1px solid; font-size: .76rem; line-height: 1.4; color: #d0d1d8;}
.dz-swarn .dz-ico {width: 14px; height: 14px; margin-top: 1px; flex-shrink: 0;}
.dz-swarn__body {min-width: 0;}
.dz-swarn__text, .dz-swarn__note {margin: 0;}
.dz-swarn__note {margin-top: 6px; color: #d4d5db;}
.dz-swarn a {color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.dz-swarn--warn {background: rgba(234, 179, 8, .07); border-color: rgba(234, 179, 8, .3);}
.dz-swarn--warn .dz-ico, .dz-swarn--warn strong {color: #facc15;}
.dz-swarn--bad {background: rgba(239, 68, 68, .08); border-color: rgba(239, 68, 68, .38);}
.dz-swarn--bad .dz-ico, .dz-swarn--bad strong {color: #fca5a5;}
.dz-swarn--ok {background: rgba(34, 197, 94, .07); border-color: rgba(34, 197, 94, .32);}
.dz-swarn--ok .dz-ico, .dz-swarn--ok strong {color: #4ade80;}
.dz-swarn--muted {background: rgba(255, 255, 255, .03); border-color: var(--border-strong);}
.dz-swarn--muted .dz-ico {color: var(--muted);}
.dz-swarn--muted .dz-swarn__note {margin-top: 0;}
.dz-qty {display: inline-flex; align-items: center; align-self: flex-start; gap: 4px; padding: 5px; border: 1px solid var(--border-strong); border-radius: var(--btn-radius); background: var(--bg);}
.dz-qty__btn {width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--border-strong); border-radius: 6px; background: var(--surface-2); color: var(--text); cursor: pointer;}
.dz-qty__btn:hover {background: #262730;}
.dz-qty .dz-qty__input {width: 52px; min-height: 38px; padding: 0; border: 0; background: transparent; box-shadow: none; text-align: center; font-weight: 700; -moz-appearance: textfield; appearance: textfield;}
.dz-qty__input::-webkit-inner-spin-button, .dz-qty__input::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;}
.dz-variants {border: 0; padding: 0; margin: 0; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); min-width: 0;}
.dz-variant {position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 11px 16px; border-radius: var(--radius); border: 1px solid var(--border-strong); background: rgba(255,255,255,.015); cursor: pointer; transition: border-color .2s, background .2s;}
.dz-variant input {position: absolute; opacity: 0; width: 1px; height: 1px;}
.dz-variant:hover {border-color: rgba(var(--accent-rgb), .55);}
.dz-variant:has(input:checked) {border-color: var(--accent); background: rgba(var(--accent-rgb), .1); color: var(--text);}
.dz-variant:has(input:focus-visible) {outline: 2px solid var(--accent); outline-offset: 2px;}
.dz-variant.is-disabled {opacity: .5; cursor: not-allowed;}
.dz-variant.is-disabled:hover {border-color: var(--border-strong);}
.dz-variant__name {min-width: 0; font-size: .95rem; font-weight: 600; overflow-wrap: anywhere;}
.dz-variant__side {display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex-shrink: 0; text-align: right;}
.dz-variant__price {font-size: 1rem; font-weight: 700; white-space: nowrap;}
.dz-variant__price s {font-size: .8rem; font-weight: 500; color: var(--muted); margin-right: 2px;}
.dz-variant__sub {font-size: .76rem; color: var(--muted); white-space: nowrap;}
.dz-variant__sub--out {color: #fca5a5; font-weight: 500;}
.dz-buy__ctas {display: flex; flex-direction: column; align-items: stretch; gap: 6px;}
.dz-buy__add {gap: 10px;}
.dz-btn--buy {--b-bg: var(--accent); --b-fg: var(--on-accent); --b-bd: var(--accent);}
.dz-btn--buy:hover {filter: brightness(1.08);}
.dz-buy__msg {margin: 0; font-size: .9rem; min-height: 1.2em; color: var(--ok);}
.dz-buy__msg:empty {min-height: 0; margin-top: -14px;}
.dz-addons {border: 0; padding: 0; margin: 0; min-width: 0; display: flex; flex-direction: column; gap: 8px;}
.dz-addons__title {padding: 0; margin: 0 0 2px; font-size: .78rem; font-weight: 600; letter-spacing: .01em; color: var(--muted);}
.dz-addons__list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;}
.dz-addon {border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--bg); transition: border-color .2s, background .2s;}
.dz-addon:hover {border-color: rgba(var(--accent-rgb), .55);}
.dz-addon:has(.dz-addon__check:checked), .dz-addon.is-on {border-color: var(--accent); background: rgba(var(--accent-rgb), .08);}
.dz-addon:has(.dz-addon__check:focus-visible) {outline: 2px solid var(--accent); outline-offset: 2px;}
.dz-addon.is-disabled {opacity: .45;}
.dz-addon.is-disabled:hover {border-color: var(--border-strong);}
.dz-addon__row {display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 10px; padding: 12px 14px; cursor: pointer;}
.dz-addon.is-disabled .dz-addon__row {cursor: not-allowed;}
.dz-addon__check {width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--accent); cursor: inherit;}
.dz-addon__text {display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.dz-addon__name {font-size: .92rem; font-weight: 600; overflow-wrap: anywhere;}
.dz-addon__desc {font-size: .8rem; line-height: 1.45; color: var(--muted);}
.dz-addon__price {font-size: .92rem; font-weight: 700; white-space: nowrap;}
.dz-addon__opt {padding: 0 14px 12px 42px;}
.dz-addon__select {min-height: 38px; padding-top: 6px; padding-bottom: 6px; font-size: .88rem;}
@media (max-width: 420px) {
.dz-addon__opt {padding-left: 14px;}
}
.dz-pdp-crumbs {margin: 48px 0 28px;}
@media (max-width: 640px) {
.dz-pdp-crumbs {margin: 24px 0 20px;}
}
.dz-pdp {gap: 28px;}
@media (min-width: 1024px) {
.dz-pdp {grid-template-columns: minmax(0, 1fr) 24rem; gap: 40px; align-items: start;}
}
@media (min-width: 1280px) {
.dz-pdp {grid-template-columns: minmax(0, 1fr) 26rem; gap: 64px;}
}
.dz-pdp__info {display: flex; flex-direction: column; min-width: 0;}
.dz-pdp .dz-pdp__stage {padding: 7px; border-radius: 20px; border: 1px solid rgba(255,255,255,.14); background: #0b0c0f; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 18px 50px rgba(0,0,0,.3);}
.dz-pdp__stage .dz-pdp__main {border-radius: 14px; border: 1px solid rgba(255,255,255,.05); background: #000;}
.dz-pdp .dz-pdp__badge {top: 14px; left: 18px;}
@media (max-width: 640px) {
.dz-pdp .dz-pdp__stage {padding: 5px; border-radius: 16px;}
.dz-pdp__stage .dz-pdp__main {border-radius: 11px;}
}
.dz-pdp .dz-pdp__badge {top: 8px; left: 14px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.2); background: linear-gradient(90deg, var(--badge), color-mix(in srgb, var(--badge) 55%, #7c5cff)); font-size: .62rem; font-weight: 800; letter-spacing: .08em; box-shadow: 0 5px 18px rgba(0,0,0,.35);}
.dz-pdp .viewer__video {background: transparent;}
.dz-pdp .viewer__play {width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.2); background: rgba(0,0,0,.55); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 12px 36px rgba(0,0,0,.3); transition: transform .2s, background .2s, border-color .2s;}
.dz-pdp .viewer__play:hover {transform: scale(1.05); background: rgba(var(--accent-rgb), .35); border-color: rgba(var(--accent-rgb), .7);}
.dz-pdp .viewer__play svg {width: 22px; height: 22px; margin-left: 2px;}
.dz-pdp .dz-pdp__more {margin-top: 12px;}
.dz-pdp .dz-pdp__morehead {margin-bottom: 8px;}
.dz-pdp .dz-pdp__moretitle {font-size: .875rem; font-weight: 500; color: var(--muted);}
.dz-pdp .dz-pdp__arrows {gap: 4px;}
.dz-pdp .dz-pdp__arrow {width: 44px; height: 44px; border-radius: 8px; color: var(--tint); transition: background .2s;}
.dz-pdp .dz-pdp__arrow .dz-ico {width: 20px; height: 20px;}
.dz-pdp .dz-pdp__arrow:hover:not(:disabled) {color: var(--tint); background: rgba(255,255,255,.06);}
.dz-pdp .dz-pdp__arrow:disabled {opacity: .35;}
.dz-pdp .dz-pdp__thumbs {gap: 10px; grid-auto-columns: calc((100% - 20px) / 3);}
.dz-pdp .dz-pdp__thumb {aspect-ratio: 16 / 10; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #121218; opacity: 1;}
.dz-pdp .dz-pdp__thumb.is-active {border-color: rgba(var(--accent-rgb), .7);}
.dz-pdp__info > .dz-phead {padding: 0;}
.dz-phead__game {display: block; font-size: .9rem; font-weight: 700; line-height: 1.1; letter-spacing: .01em; color: var(--tint);}
.dz-phead__game:hover {color: var(--tint-hi); text-decoration: none;}
.dz-phead .dz-pdp__title {margin: 10px 0 0; font-size: clamp(1.75rem, 2.4vw, 2.1rem); font-weight: 600; line-height: 1.18; letter-spacing: -.03em; min-width: 0; text-wrap: balance;}
.dz-phead__meta {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 16px;}
.dz-phead .dz-pill {gap: 7px; padding: 5px 12px; border-radius: 8px; font-size: .76rem; font-weight: 600;}
.dz-phead .dz-pill__dot {width: 7px; height: 7px;}
.dz-phead .dz-pdp__tagline {margin: 16px 0 0; max-width: 65ch; font-size: .875rem; font-weight: 600; line-height: 1.7; color: rgba(255,255,255,.9);}
.dz-pdp__sep {color: #5d606a;}
.dz-pdp__users {display: inline-flex; align-items: center; gap: 7px; font-size: .84rem; color: #c3c5cc;}
.dz-pdp__live {width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px rgba(34,197,94,.18);}
.pinfo__val .dz-ico {color: #8d909a;}
.pinfo__chip .dz-ico {width: 14px; height: 14px;}
.dz-pdp .dz-buybox {display: flex; flex-direction: column; gap: 14px; margin-top: 24px; padding: 18px 18px 16px; border-radius: 20px; border: 1px solid var(--border); background: var(--surface); box-shadow: 0 24px 70px rgba(0,0,0,.25);}
@media (max-width: 640px) {
.dz-pdp .dz-buybox {padding: 16px; margin-top: 24px;}
}
.dz-pdp .dz-variants {grid-template-columns: minmax(0, 1fr); gap: 6px;}
.dz-pdp .dz-buybox {--buy-in: 14px;}
.dz-variants__label {padding: 0 var(--buy-in) 8px; margin: 0; font-size: .62rem; font-weight: 700; letter-spacing: .14em; color: var(--muted);}
.dz-pdp .dz-variant {position: relative; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; min-height: 48px; padding: 6px 13px; border-radius: 10px; border: 1px solid var(--border); background: var(--bg); transition: border-color .15s, background .15s;}
.dz-pdp .dz-variant:hover {border-color: rgba(255,255,255,.14);}
.dz-pdp .dz-variant:not(:has(.dz-variant__sub)) {min-height: 40px;}
.dz-pdp .dz-variant:has(input:checked) {border-color: rgba(var(--accent-rgb), .75); background: rgba(var(--accent-rgb), .07); box-shadow: none;}
.dz-pdp .dz-variant:has(input:focus-visible) {outline: 2px solid var(--accent); outline-offset: 2px;}
.dz-pdp .dz-variant__name {display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; min-width: 0; font-size: .875rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: #fff; white-space: normal;}
.dz-pdp .dz-variant__side {display: flex; flex-direction: column; align-items: flex-end; gap: 2px; margin-left: auto; flex-shrink: 0; text-align: right;}
.dz-pdp .dz-variant__price {font-size: .75rem; font-weight: 600; line-height: 1.3; color: #fff; white-space: nowrap;}
.dz-pdp .dz-variant__price s {font-size: .68rem; font-weight: 500; color: var(--muted);}
.dz-pdp .dz-variant__sub {font-size: .625rem; color: #8d909a;}
.dz-variant__best {padding: 1px 6px; border-radius: 4px; background: rgba(var(--accent-rgb), .18); color: var(--tint-hi); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap;}
.dz-pdp .dz-variant.is-disabled {opacity: .45;}
.dz-buy__sum {display: flex; flex-wrap: wrap; align-items: flex-end; gap: 4px 12px; margin: 4px 0 0; padding: 0 var(--buy-in, 0px);}
.dz-buy__big {font-size: clamp(1.75rem, 2.6vw, 2rem); font-weight: 700; line-height: 1; letter-spacing: -.02em; color: #fff;}
.dz-buy__slash {padding-bottom: 4px; font-size: .85rem; color: var(--muted);}
.dz-buy__save {padding-bottom: 5px; font-size: .75rem; font-weight: 700; color: var(--ok);}
.dz-buy__sum [hidden] {display: none;}
.dz-buy__qtylabel {display: block; margin-bottom: 6px; padding-left: var(--buy-in, 0px); font-size: .625rem; font-weight: 600; color: var(--muted);}
.dz-pdp .dz-buy__qty .dz-qty {gap: 0; padding: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); box-shadow: none;}
.dz-pdp .dz-buy__qty .dz-qty__btn {width: 40px; height: 40px; border: 0; border-radius: 10px; background: none; color: var(--muted);}
.dz-pdp .dz-buy__qty .dz-qty__btn:first-child {display: flex; align-items: center; justify-content: flex-start; padding: 0 0 0 calc(var(--buy-in) - 1px);}
.dz-pdp .dz-buy__qty .dz-qty__btn:hover {color: #fff; background: none;}
.dz-pdp .dz-buy__qty .dz-qty__input {width: 40px; min-height: 40px; font-size: .875rem;}
.dz-pdp .dz-buy__ctas {display: flex; flex-direction: column; gap: 8px;}
.dz-pdp .dz-buy__add {width: 100%; min-height: 44px; padding: 10px 16px; gap: 8px; border: 0; border-radius: 12px; font-size: .875rem; font-weight: 700; color: var(--on-accent); background: var(--accent); background: linear-gradient(90deg, var(--accent), var(--accent-2)); box-shadow: 0 8px 22px rgba(var(--accent-rgb), .22);}
.dz-pdp .dz-buy__add:hover {filter: brightness(1.08); color: var(--on-accent);}
.dz-pdp .dz-buy__add .dz-ico {width: 16px; height: 16px;}
.dz-pdp .dz-buy__add > .dz-ico {margin-left: -24px;}
.dz-pdp .dz-buy__msg:empty {display: none;}
.dz-buy__noscript {margin: 0;}
.dz-pdp .dz-addons {padding: 15px 13px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: #14151b; display: block;}
.dz-pdp .dz-addons__title {float: left; margin: 0 0 12px; font-size: .9rem; font-weight: 700; color: #fff; letter-spacing: 0;}
.dz-addons__note {float: right; margin: 2px 0 12px; font-size: .78rem; color: #8d909a;}
.dz-pdp .dz-addons__list {clear: both; gap: 10px;}
.dz-pdp .dz-addon {border-radius: 9px; border-color: rgba(255,255,255,.08); background: #181920; overflow: hidden;}
.dz-pdp .dz-addon__row {grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 0 14px 0 0;}
.dz-addon__img {display: grid; place-items: center; width: 96px; height: 64px; background: #0c0d11; color: var(--muted); overflow: hidden;}
.dz-addon__img img {width: 100%; height: 100%; object-fit: cover;}
.dz-pdp .dz-addon__text {padding: 8px 0; gap: 1px;}
.dz-pdp .dz-addon__name {font-size: .68rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #a3a6af;}
.dz-pdp .dz-addon__price {font-size: 1.05rem; font-weight: 700; color: #fff;}
.dz-pdp .dz-addon__desc {font-size: .74rem;}
.dz-pdp .dz-addon__check {appearance: none; -webkit-appearance: none; width: 22px; height: 22px; margin: 0; border-radius: 6px; border: 2px solid rgba(255,255,255,.45); background: transparent; display: grid; place-items: center; cursor: pointer;}
.dz-pdp .dz-addon__check:checked {border-color: var(--accent); background: var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 14px no-repeat;}
@media (forced-colors: active) {
.dz-pdp .dz-addon__check {appearance: auto; -webkit-appearance: checkbox;}
}
.dz-pdp .dz-addon__opt {padding: 0 14px 12px 110px;}
.dz-ptrust {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin: -4px 0 0; padding: 0 var(--buy-in, 0px); list-style: none; font-size: .6875rem; color: var(--muted);}
.dz-ptrust li {display: inline-flex; align-items: center; gap: 6px; padding: 0;}
.dz-ptrust .dz-ico {width: 13px; height: 13px; color: var(--tint);}
.dz-feats {margin-top: 48px;}
.dz-feats__title {margin: 0 0 14px; font-size: 1.6rem; font-weight: 700; letter-spacing: -.01em;}
.dz-feats__reqs {list-style: none; margin: 0 0 22px; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
.dz-feats__reqs li {display: inline-flex; align-items: center; gap: 7px; padding: 5px 13px; border-radius: 999px; border: 1px solid rgba(34, 197, 94, .35); background: rgba(34, 197, 94, .06); color: #e3f8eb; font-size: .74rem; font-weight: 600; line-height: 1.4;}
.dz-feats__k {color: #4ade80;}
.dz-feats__sep {color: rgba(74, 222, 128, .55);}
.dz-feats__grid {display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); grid-auto-rows: 1fr; align-items: stretch;}
.dz-fcard {display: flex; flex-direction: column;}
.dz-fcard__chips {align-content: flex-start;}
.dz-fcard__chips li.dz-fcard__morewrap {padding: 0; border: 0; background: none;}
.dz-fcard__chips li.dz-fcard__morewrap:has(.dz-fcard__more[open]) {flex-basis: 100%;}
.dz-fcard__morebtn {display: inline-flex; align-items: center; padding: 8px 13px; border-radius: 7px; border: 1px dashed rgba(255,255,255,.16); color: var(--muted); font-size: .76rem; font-weight: 600; line-height: 1.35; cursor: pointer; list-style: none;}
.dz-fcard__morebtn::-webkit-details-marker {display: none;}
.dz-fcard__morebtn:hover {color: #fff; border-color: rgba(var(--c-rgb), .6);}
.dz-fcard__more[open] > .dz-fcard__morebtn {display: none;}
.dz-fcard__chips--more {padding: 0; max-height: 132px; overflow-y: auto; scrollbar-width: thin;}
@media (min-width: 900px) {
.dz-feats__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
}
.dz-fcard {--c: #ef4444; --c-rgb: 239, 68, 68; position: relative; overflow: hidden; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: radial-gradient(90% 70% at 0% 0%, rgba(var(--c-rgb), .09), transparent 60%), radial-gradient(70% 60% at 100% 100%, rgba(var(--c-rgb), .08), transparent 60%), #15161b; box-shadow: inset 0 -2px 0 var(--c);}
.dz-fcard--red {--c: #ef4444; --c-rgb: 239, 68, 68;}
.dz-fcard--rose {--c: #f43f5e; --c-rgb: 244, 63, 94;}
.dz-fcard--blue {--c: #3b82f6; --c-rgb: 59, 130, 246;}
.dz-fcard--purple {--c: #a855f7; --c-rgb: 168, 85, 247;}
.dz-fcard--amber {--c: #f59e0b; --c-rgb: 245, 158, 11;}
.dz-fcard--teal {--c: #14b8a6; --c-rgb: 20, 184, 166;}
.dz-fcard--green {--c: #22c55e; --c-rgb: 34, 197, 94;}
.dz-fcard--indigo {--c: #6366f1; --c-rgb: 99, 102, 241;}
.dz-fcard__head {display: flex; align-items: center; gap: 14px; padding: 20px 22px; border-bottom: 1px solid rgba(255,255,255,.07);}
.dz-fcard__ic {display: grid; place-items: center; width: 36px; height: 36px; flex: none; border-radius: 9px; color: #fff; background: var(--c); box-shadow: 0 6px 16px rgba(var(--c-rgb), .32);}
.dz-fcard__ic .dz-ico {fill: currentColor;}
.dz-fcard__hd {min-width: 0;}
.dz-fcard__title {margin: 0; font-size: 1.05rem; font-weight: 700;}
.dz-fcard__sub {margin: 2px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.45;}
.dz-fcard__chips {list-style: none; margin: 0; padding: 18px 22px 24px; display: flex; flex-wrap: wrap; gap: 9px;}
.dz-fcard__chips li {padding: 8px 13px; border-radius: 7px; background: #23242b; border: 1px solid rgba(255,255,255,.04); color: #e6e7eb; font-size: .76rem; font-weight: 600; line-height: 1.35; overflow-wrap: anywhere;}
.dz-fcard__note {color: #8d8f98; font-weight: 500; font-size: .94em;}
@media (max-width: 520px) {
.dz-fcard__head {padding: 16px;}
.dz-fcard__chips {padding: 14px 16px 18px; gap: 7px;}
}
.dz-pdp__content {display: grid; gap: 18px; margin-top: 28px;}
.dz-pcontent {padding: 24px; border-radius: var(--radius); background: var(--surface); border: 1px solid var(--border);}
.dz-pcontent__title {font-size: 1.3rem; margin-bottom: 14px;}
.dz-pcontent__row {display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 14px;}
.dz-pcontent__row .dz-pcontent__title {margin: 0;}
.checklist .dz-ico {color: var(--ok); margin-top: 4px;}
.dz-rsum {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 16px;}
.dz-rsum strong {font-size: 1.4rem;}
.dz-rvhero, .dz-rvlist {--rv-accent-text: #5aa6e6; --rv-accent-text: color-mix(in srgb, var(--accent) 68%, #ffffff); --rv-radius: calc(var(--card-radius) + 4px);}
.dz-rvhero .dz-star--on, .dz-rvlist .dz-star--on {fill: var(--ok);}
.dz-rvhero {position: relative; padding: 24px 0 44px; border-bottom: 1px solid var(--border); background: radial-gradient(ellipse 70% 55% at 50% -12%, rgba(var(--accent-rgb), .13), transparent 70%), linear-gradient(180deg, rgba(255,255,255,.012), transparent 60%);}
.dz-rvhero__grid {display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; margin-top: 18px;}
@media (min-width: 960px) {
.dz-rvhero {padding: 28px 0 64px;}
.dz-rvhero__grid {grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; margin-top: 26px;}
}
.dz-rvhero__pill {display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; padding: 6px 12px; border-radius: 999px; background: rgba(var(--accent-rgb), .1); border: 1px solid rgba(var(--accent-rgb), .3); color: var(--rv-accent-text); font-size: .82rem; font-weight: 600; line-height: 1;}
.dz-rvhero__title {font-size: clamp(2.2rem, 5.2vw, 3.5rem); font-weight: 700; line-height: 1.06; letter-spacing: -0.025em; margin: 0; max-width: 640px; text-wrap: balance;}
.dz-rvhero__accent {color: var(--accent);}
.dz-rvhero__lead {color: var(--muted); font-size: 1.05rem; max-width: 520px; margin: 18px 0 0;}
.dz-rvhero__facts {list-style: none; margin: 22px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: .85rem; color: var(--muted);}
.dz-rvhero__facts li {display: flex; align-items: center; gap: 8px;}
.dz-rvhero__facts .dz-ico {color: var(--rv-accent-text);}
.dz-rvsum {background: var(--surface); border: 1px solid var(--border); border-radius: var(--rv-radius); padding: 28px;}
@media (max-width: 520px) {
.dz-rvsum {padding: 22px;}
}
.dz-rvsum__scope {margin: 0 0 12px; font-size: .78rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--muted);}
.dz-rvsum__top {display: flex; align-items: center; gap: 18px;}
.dz-rvsum__avg {font-size: 3rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; font-variant-numeric: tabular-nums;}
.dz-rvsum__meta {min-width: 0;}
.dz-rvsum__based {margin: 8px 0 0; font-weight: 600; font-size: .95rem;}
.dz-rvsum__pub {margin: 2px 0 0; color: var(--muted); font-size: .875rem;}
.dz-rvsum__bars {list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px;}
.dz-rvsum__row {display: grid; grid-template-columns: 30px minmax(0, 1fr) 44px; gap: 12px; align-items: center; font-size: .875rem;}
.dz-rvsum__lbl {font-weight: 600; white-space: nowrap;}
.dz-rvsum__star {color: var(--ok); margin-left: 2px;}
.dz-rvsum__track {height: 8px; border-radius: 99px; background: rgba(255,255,255,.07); overflow: hidden;}
.dz-rvsum__fill {display: block; height: 100%; min-width: 0; background: var(--ok); border-radius: inherit;}
.dz-rvsum__n {text-align: right; color: var(--muted); font-variant-numeric: tabular-nums;}
.dz-rvbar {background: var(--surface); border: 1px solid var(--border); border-radius: var(--card-radius); padding: 16px;}
@media (min-width: 768px) {
.dz-rvbar {padding: 18px 20px;}
}
.dz-rvbar__top {display: flex; flex-wrap: wrap; gap: 12px; align-items: center;}
.dz-rvbar__search {flex: 1 1 280px;}
.dz-rvbar__select {flex: 1 1 160px; max-width: 100%;}
@media (min-width: 768px) {
.dz-rvbar__select {flex: 0 0 200px;}
}
.dz-rvbar__bottom {display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: space-between; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--border);}
.dz-rvchips {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;}
.dz-rvchip {display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 6px 14px; border-radius: 999px; border: 1px solid var(--border-strong); background: transparent; color: var(--text); font-size: .875rem; font-weight: 500; white-space: nowrap; transition: border-color .2s, background .2s, color .2s;}
.dz-rvchip:hover {text-decoration: none; border-color: rgba(var(--accent-rgb), .55);}
.dz-rvchip.is-active {background: rgba(var(--accent-rgb), .16); border-color: rgba(var(--accent-rgb), .6); color: var(--rv-accent-text); font-weight: 600;}
.dz-rvchip--scope {border-style: dashed; color: var(--muted);}
.dz-rvbar__count {margin: 0; color: var(--muted); font-size: .875rem;}
.dz-rvgrid {list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px;}
@media (min-width: 640px) {
.dz-rvgrid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (min-width: 1024px) {
.dz-rvgrid {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px;}
}
.dz-rvgrid > li {display: flex; min-width: 0;}
.dz-rvlist .empty {margin-top: 20px;}
.dz-rvcard {flex: 1; display: flex; flex-direction: column; gap: 12px; min-width: 0; padding: 22px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--card-radius); transition: border-color .2s;}
.dz-rvcard:hover {border-color: var(--border-strong);}
.dz-rvcard__head {display: flex; align-items: center; gap: 12px; min-width: 0;}
.dz-rvcard__avatar {display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 1rem; line-height: 1; background: #36618f;}
.dz-rvcard__avatar--1 {background: #2a7a5c;}
.dz-rvcard__avatar--2 {background: #6e4f9e;}
.dz-rvcard__avatar--3 {background: #995430;}
.dz-rvcard__avatar--4 {background: #8e3d5c;}
.dz-rvcard__avatar--5 {background: #2f7484;}
.dz-rvcard__avatar--6 {background: #646a26;}
.dz-rvcard__avatar--7 {background: #4b529c;}
.dz-rvcard__avatar--anon {background: var(--surface-2); color: var(--muted); border: 1px solid var(--border-strong);}
.dz-rvcard__who {flex: 1 1 auto; min-width: 0;}
.dz-rvcard__name {margin: 0; font-weight: 600; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-rvcard__verified {display: flex; align-items: center; gap: 4px; margin: 2px 0 0; font-size: .78rem; font-weight: 500; color: var(--rv-accent-text);}
.dz-rvcard__date {align-self: flex-start; margin-left: auto; padding-top: 2px; font-size: .8rem; color: var(--muted); white-space: nowrap;}
.dz-rvcard__stars {line-height: 0;}
.dz-rvcard__title {font-size: 1rem; margin: 0;}
.dz-rvcard__text {margin: 0; color: #d4d5db; font-size: .95rem; line-height: 1.65; white-space: pre-line; overflow-wrap: anywhere;}
.dz-rvcard__text--muted {color: var(--muted); font-style: italic;}
.dz-rvcard__reply {padding: 10px 12px; border-left: 3px solid var(--accent); background: rgba(var(--accent-rgb), .06); border-radius: 0 8px 8px 0; font-size: .88rem;}
.dz-rvcard__reply p {margin: 4px 0 0; color: #c9cad1; white-space: pre-line; overflow-wrap: anywhere;}
.dz-rvcard__foot {display: flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--border); font-size: .82rem; color: var(--muted); min-width: 0;}
.dz-rvcard__foot span {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-hbars {grid-area: bars; display: grid; grid-template-columns: repeat(30, 1fr); gap: 3px; height: 26px;}
.dz-hbars__b {border-radius: 3px; background: rgba(255,255,255,.08);}
.dz-hbars__b--operational {background: var(--ok);}
.dz-hbars__b--updating, .dz-hbars__b--maintenance, .dz-hbars__b--degraded {background: var(--warn);}
.dz-hbars__b--down {background: var(--bad);}
.dz-hbars__b--unknown {background: #6b7280;}
.dz-hbars__b--none {background: rgba(255,255,255,.06);}
@media (min-width: 900px) {
.dz-hbars {height: 28px;}
}
.dticket__privacy .dz-ico {flex-shrink: 0; margin-top: 2px;}
@media (max-width: 480px) {
.dticket__actions .dz-btn {width: 100%; justify-content: center;}
}
.cartpage__sum .dz-btn + .dz-btn, .drawer__foot .dz-btn + .dz-btn {margin-top: 10px;}
.cline .dz-qty__btn {width: 32px; height: 32px;}
.cline .dz-qty {border-radius: var(--btn-radius);}
.cline .dz-qty .dz-qty__input {width: 34px; min-height: 32px; font-size: .9rem;}
.libtools .dz-search {max-width: 360px;}
@media (max-width: 520px) {
.file .dz-btn {width: 100%;}
}
.acct__nav a.is-active .dz-ico {color: var(--accent);}
.confirmbox__head > .dz-ico {color: var(--accent); margin-top: 3px; flex-shrink: 0;}
.co__signed .dz-ico {color: var(--ok, #22c55e);}
.rate__stars label .dz-ico {fill: currentColor;}
.authperks li > .dz-ico {color: var(--accent); margin-top: 3px; padding: 9px; width: 40px; height: 40px; border-radius: var(--btn-radius); background: rgba(var(--accent-rgb), .1);}
.errpage .dz-search {max-width: 460px; margin: 22px auto;}
.maint .dz-btn + .dz-btn {margin-left: 8px;}
.toast--ok .dz-ico {color: var(--ok);}
.toast--error .dz-ico {color: var(--bad);}
.dz-foot {margin-top: 48px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.06); background: #0b0c0f;}
.dz-foot__paypanel {margin-bottom: 36px; padding: 18px 20px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(110deg, rgba(var(--accent-rgb), .07), rgba(255,255,255,.015) 55%, rgba(var(--accent-rgb), .04));}
.dz-foot__paylist {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; gap: 14px 28px; list-style: none; margin: 0; padding: 0;}
.dz-paym {display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.62); font-size: 13px; font-weight: 600; white-space: nowrap; transition: color .2s;}
.dz-paym[data-pay]:hover, .dz-paym__badge:hover {color: var(--brand, #fff);}
.dz-paym__label {color: rgba(255,255,255,.62);}
.dz-paym__badges {display: flex; gap: 8px; list-style: none; margin: 0; padding: 0;}
.dz-paym__badge {display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); color: rgba(255,255,255,.62); transition: color .2s, border-color .2s;}
.dz-paym__badge:hover {border-color: rgba(255,255,255,.2);}
.dz-foot__grid {display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr); padding-bottom: 32px;}
@media (min-width: 720px) {
.dz-foot__grid {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
.dz-foot__col--games {grid-column: 1 / -1;}
}
@media (min-width: 1024px) {
.dz-foot__grid {grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 40px;}
.dz-foot__col--games {grid-column: auto;}
}
.dz-foot__heading {margin: 0 0 12px; font-size: 13px; font-weight: 500; color: rgba(255,255,255,.6);}
.dz-foot__col ul {list-style: none; padding: 0; margin: 0; display: grid; gap: 2px;}
.dz-foot__col a {display: inline-block; padding: 5px 0; color: var(--muted); font-size: 13px;}
.dz-foot__col a:hover {color: #fff; text-decoration: none;}
.dz-foot__col .dz-foot__games {display: block; columns: 2; column-gap: 24px;}
@media (min-width: 480px) {
.dz-foot__col .dz-foot__games {columns: 3;}
}
.dz-foot__games li {break-inside: avoid;}
.dz-foot__games a {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.dz-foot__col .socials a {display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border-radius: 10px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); color: var(--muted);}
.dz-foot__col .socials a:hover {color: #fff; border-color: rgba(var(--accent-rgb), .5);}
.dz-foot__col .dz-foot__contact {display: flex; align-items: center; gap: 12px; max-width: 360px; padding: 12px 12px 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.02); color: var(--text);}
.dz-foot__col .dz-foot__contact:hover {border-color: rgba(255,255,255,.16); color: #fff;}
.dz-foot__contact-ic {display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 10px; background: rgba(var(--accent-rgb), .12); color: var(--tint);}
.dz-foot__contact-text {display: flex; flex-direction: column; min-width: 0; flex: 1; line-height: 1.3;}
.dz-foot__contact-text small {font-size: 11px; color: var(--muted);}
.dz-foot__contact-text span {font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-foot__contact-go {display: grid; place-items: center; width: 28px; height: 28px; flex-shrink: 0; border-radius: 8px; background: var(--accent); color: var(--on-accent);}
.dz-foot__bottom {display: flex; flex-wrap: wrap; gap: 8px 24px; align-items: center; justify-content: space-between; padding-top: 18px; padding-bottom: calc(22px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.06); font-size: 12px; color: var(--muted);}
.dz-foot__bottom p {margin: 0;}
.dz-foot__bottom a {color: var(--muted);}
.dz-foot__bottom a:hover {color: #fff; text-decoration: none;}
@media (max-width: 519px) {
.dz-foot__paypanel {padding: 14px;}
.dz-foot__paylist {justify-content: center; gap: 12px 18px;}
}
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fade { from { opacity: 0; } }
@keyframes slidein { from { transform: translateX(100%); } }
@keyframes rise { from { opacity: 0; transform: translateY(10px); } }
@keyframes snow { to { transform: translateY(105vh) translateX(var(--drift, 20px)); opacity: .2; } }
.dz-fx-on .reveal {opacity: 0; transform: translateY(14px); transition: opacity .6s var(--ease), transform .6s var(--ease);}
.dz-fx-on .reveal.is-in {opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce) {
.dz-fx-on .reveal {opacity: 1; transform: none;}
}
@media print {
.dz-nav, .dz-foot {display: none !important;}
}
.dz-btn--discord {--b-bg: #5865f2; --b-fg: #fff; --b-bd: #5865f2; min-height: 48px;}
.dz-btn--discord:hover {filter: brightness(1.08); border-color: #5865f2;}
.dz-btn--light {--b-bg: #f5f6f8; --b-fg: #0b0c10; --b-bd: #f5f6f8;}
.dz-btn--light:hover {filter: brightness(.95); border-color: #f5f6f8;}
.discordlink--on .dz-btn {margin-left: auto;}
.co__h--sm .dz-linkbtn {font-size: .8rem; font-weight: 600; color: var(--text);}
.coaddr__line .dz-iconbtn {flex-shrink: 0; color: var(--muted);}
.copanel .coupon .dz-btn {min-width: 150px;}
.page-checkout .rlines > .dz-muted {padding: 8px 0;}
.dz-navdd {position: relative;}
.dz-navdd > summary {list-style: none; display: inline-flex; align-items: center; gap: 4px; cursor: pointer; user-select: none; white-space: nowrap;}
.dz-nav__links .dz-nav__link {white-space: nowrap;}
.dz-navdd > summary::-webkit-details-marker {display: none;}
.dz-navdd__chev {transition: transform .2s;}
.dz-navdd[open] .dz-navdd__chev {transform: rotate(180deg);}
.dz-navdd[open] > summary {color: var(--text); background: rgba(255,255,255,.04);}
.dz-navdd__menu {position: absolute; top: calc(100% + 8px); left: 0; z-index: 60; width: 290px; padding: 8px; border-radius: var(--radius); border: 1px solid var(--border-strong); background: var(--surface); box-shadow: var(--shadow);}
.dz-navdd__item {display: flex; align-items: flex-start; gap: 12px; padding: 11px 12px; border-radius: var(--btn-radius); color: var(--text);}
.dz-navdd__item:hover, .dz-navdd__item[aria-current="page"] {background: rgba(255,255,255,.05); text-decoration: none;}
.dz-navdd__item strong {display: block; font-size: .95rem;}
.dz-navdd__item small {display: block; color: var(--muted); font-size: .82rem; margin-top: 2px;}
.dz-navdd__ic {display: grid; place-items: center; width: 34px; height: 34px; flex-shrink: 0; border-radius: var(--btn-radius); color: var(--accent); background: rgba(var(--accent-rgb), .1);}
.acct__h2 .dz-ico {color: var(--accent);}
.dz-langdd > summary.dz-langdd__btn {width: auto; padding: 0 10px; gap: 6px;}
.dz-langdd__code {font-size: .78rem; font-weight: 600; letter-spacing: .02em; color: var(--muted);}
.dz-navdd__menu--right {left: auto; right: 0;}
.dz-langdd__menu {width: 200px; padding: 6px;}
.dz-langdd__item {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 6px; color: var(--text); font-size: .92rem;}
.dz-langdd__item:hover {background: rgba(255,255,255,.05); text-decoration: none;}
.dz-langdd__item.is-active {color: var(--accent);}
@media (max-width: 599px) {
.dz-nav__actions .dz-langdd {display: none;}
}
:root { --nav-h: 59px; --tint: #7fb2e0; --tint: color-mix(in srgb, var(--accent) 62%, #ffffff); --tint-hi: color-mix(in srgb, var(--accent) 45%, #ffffff); --tint-pale: color-mix(in srgb, var(--accent) 20%, #ffffff); --accent-hi: color-mix(in srgb, var(--accent) 75%, #ffffff); --accent-lo: color-mix(in srgb, var(--accent) 70%, #000000); --ok-hi: color-mix(in srgb, var(--ok) 80%, #ffffff); }
@media (min-width: 1024px) {
:root { --nav-h: 109px; }
}
.dz-nav__left {display: flex; align-items: center; gap: 14px; min-width: 0;}
.dz-brand__logo {width: 34px; height: 34px;}
.dz-brand__text {display: flex; flex-direction: column; min-width: 0; line-height: 1.15;}
.dz-brand__name {font-size: 17.5px; font-weight: 700; letter-spacing: -.01em; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-brand__tagline {margin-top: 2px; font-size: 8px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--tint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-nav__divider {flex-shrink: 0; width: 1px; height: 22px; background: rgba(255,255,255,.08);}
.dz-online {display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; padding: 6px 12px; border-radius: 999px; border: 1px solid rgba(255,255,255,.08); background: #14151a; color: #e6e7eb; font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; line-height: 1.2; white-space: nowrap;}
.dz-online:hover {color: var(--text); text-decoration: none; border-color: rgba(255,255,255,.14);}
.dz-online__ic, .dz-online strong {color: var(--ok);}
.dz-online strong {font-weight: 700; font-variant-numeric: tabular-nums;}
.dz-nav__actions .dz-iconbtn {width: 38px; height: 38px;}
.dz-nav__actions .dz-langdd > summary.dz-langdd__btn {width: auto;}
.dz-acctbtn {display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.08); background: transparent; color: var(--text); font-size: 12px; font-weight: 700; line-height: 1; white-space: nowrap; cursor: pointer; transition: background .2s, border-color .2s;}
.dz-acctbtn:hover {background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.14); text-decoration: none;}
.acctdd > summary.dz-acctbtn {gap: 8px; padding: 0 12px 0 3px;}
.acctdd[open] > summary.dz-acctbtn {background: rgba(255,255,255,.06); color: var(--text);}
.dz-acctbtn:focus-visible, .dz-online:focus-visible, .dz-navsearch input:focus-visible {border-radius: 999px;}
.dz-nav__ic {opacity: .8;}
.dz-nav__links .dz-navdd > summary {gap: 8px;}
.dz-nav__links .dz-navdd[open] > summary {background: none; color: #fff;}
.dz-nav__link > span, .dz-hero__btn > span, .dz-gcard__cta > span, .dz-acctbtn__label, .dz-online__label {text-box: trim-both cap alphabetic;}
@supports not (text-box: trim-both cap alphabetic) {
.dz-nav__link > .dz-ico, .dz-hero__btn > .dz-ico, .dz-gcard__cta > .dz-ico {position: relative; top: 1px;}
}
.dz-nav__row2 {display: none; border-top: 1px solid rgba(255,255,255,.035);}
.dz-nav__bar2 {display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 58px;}
.dz-nav__bar2 .dz-nav__links {margin-left: -14px;}
.dz-navsearch {position: relative; flex: 0 1 340px; width: 340px; margin: 0;}
.dz-navsearch__ic {position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: var(--muted); pointer-events: none;}
.dz-navsearch input {width: 100%; height: 44px; min-height: 44px; margin: 0; padding: 0 18px 0 44px; border-radius: 999px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); color: var(--text); font: inherit; font-size: 14px; font-weight: 600;}
.dz-navsearch input::placeholder {color: var(--muted); opacity: 1;}
.dz-navsearch__pop {position: absolute; right: 0; top: calc(100% + 8px); z-index: 60; width: min(380px, 92vw); max-height: min(70vh, 460px); overflow-y: auto; padding: 6px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: #121318; box-shadow: 0 18px 40px rgba(0,0,0,.55);}
.dz-navsearch__item {display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px; border-radius: 8px; color: var(--text); text-decoration: none;}
.dz-navsearch__item:hover, .dz-navsearch__item.is-active {background: rgba(255,255,255,.06); text-decoration: none;}
.dz-navsearch__img {display: block; width: 56px; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 6px; background: #1b1c22;}
.dz-navsearch__img img {width: 100%; height: 100%; object-fit: cover;}
.dz-navsearch__txt {display: flex; flex-direction: column; min-width: 0; line-height: 1.3;}
.dz-navsearch__name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 600;}
.dz-navsearch__game {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 11.5px;}
.dz-navsearch__price {font-size: 12.5px; font-weight: 700; white-space: nowrap;}
.dz-navsearch__all {display: block; margin-top: 4px; padding: 10px 8px 6px; border-top: 1px solid rgba(255,255,255,.07); color: var(--tint); font-size: 12.5px; font-weight: 600; text-align: center;}
.dz-navsearch__empty {margin: 0; padding: 14px 10px; color: var(--muted); font-size: 13px; text-align: center;}
.dz-navsearch input:hover {border-color: rgba(255,255,255,.14);}
.dz-navsearch input:focus {border-color: var(--accent); box-shadow: var(--ring);}
@media (min-width: 1024px) {
.dz-nav__row2 {display: block;}
.dz-nav__msearch {display: none;}
}
.dz-mbar {position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: flex; padding-bottom: env(safe-area-inset-bottom); background: rgba(var(--bg-rgb), .94); -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); border-top: 1px solid rgba(255,255,255,.06);}
.dz-mbar__item {flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: 64px; padding: 6px 2px; border: 0; background: none; color: var(--muted); font: inherit; font-size: 11px; font-weight: 500; line-height: 1.2; cursor: pointer;}
.dz-mbar__item span {max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-mbar__item:hover {color: #fff; text-decoration: none;}
.dz-mbar__item.is-active, .dz-mbar__item.is-open {color: #fff;}
.dz-mbar__item.is-active .dz-ico {color: var(--accent);}
.dz-mbar__item:focus-visible {border-radius: 10px; outline-offset: -2px; box-shadow: none;}
.mnav .dz-nav__link {gap: 10px;}
.mnav .dz-nav__link.is-active {background: rgba(255,255,255,.06);}
@media (min-width: 1024px) {
.dz-mbar {display: none;}
}
@media (max-width: 1023px) {
body.dz-has-mbar {padding-bottom: calc(64px + env(safe-area-inset-bottom));}
.dz-has-mbar .toasts {bottom: calc(76px + env(safe-area-inset-bottom));}
}
@media (max-width: 519px) {
.dz-nav__left {gap: 10px;}
.dz-nav__divider {display: none;}
.dz-online {gap: 5px; padding: 5px 9px;}
.dz-online__label, .dz-acctbtn__label {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.dz-acctbtn {width: 40px; padding: 0; justify-content: center;}
.acctdd > summary.dz-acctbtn {width: 40px; padding: 0; justify-content: center;}
.acctdd .dz-navdd__chev {display: none;}
.dz-nav__actions {gap: 4px;}
}
@media (max-width: 479px) {
.dz-brand__tagline {display: none;}
}
@media print {
.dz-mbar {display: none !important;}
}
.dz-shead--kicker {align-items: flex-end; margin-bottom: 36px;}
.dz-shead--kicker .dz-shead__text {flex-direction: column; align-items: flex-start; gap: 6px;}
.dz-shead__kicker {margin: 0; font-size: 12px; font-weight: 600; color: var(--tint);}
.dz-shead--kicker .dz-shead__title {font-size: clamp(1.9rem, 3vw, 2.55rem); font-weight: 600; letter-spacing: -.03em; line-height: 1.1;}
.dz-shead--kicker .dz-shead__title + .dz-shead__sub {padding-left: 0; border-left: 0;}
.dz-shead--kicker .dz-link-arrow {min-height: 0; padding-bottom: 6px; color: #fff; font-size: 13px; font-weight: 700;}
.dz-section--games {position: relative; isolation: isolate; overflow: hidden; padding: 72px 0 80px; background: var(--bg);}
.dz-section--games::after {content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; background: linear-gradient(90deg, rgba(var(--accent-rgb), .07) 0%, rgba(var(--accent-rgb), .025) 8%, transparent 18%, transparent 82%, rgba(var(--accent-rgb), .025) 92%, rgba(var(--accent-rgb), .07) 100%), radial-gradient(50% 35% at 50% 0%, rgba(var(--accent-rgb), .035), transparent 70%); -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 22%, #000 70%, transparent 100%);}
.dz-section--games::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .07; background-image: radial-gradient(rgba(255,255,255,.6) 1px, transparent 1.2px); background-size: 22px 22px; -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 20%, transparent 80%, #000 100%), linear-gradient(180deg, transparent, #000 25%, #000 70%, transparent); -webkit-mask-composite: source-in; mask-image: linear-gradient(90deg, #000 0%, transparent 20%, transparent 80%, #000 100%), linear-gradient(180deg, transparent, #000 25%, #000 70%, transparent); mask-composite: intersect;}
@media (min-width: 1024px) {
.dz-section--games {padding: 80px 0 96px;}
}
.dz-grid--groups {grid-auto-rows: 1fr;}
.dz-gcard {--cardbg: color-mix(in srgb, var(--surface) 92%, #000000); border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: var(--cardbg); transition: border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);}
.dz-gcard:hover {border-color: rgba(var(--accent-rgb), .38); transform: translateY(-2px); box-shadow: 0 14px 34px rgba(0,0,0,.35);}
.dz-gcard__media {position: relative; flex-shrink: 0; aspect-ratio: 21 / 10; border-bottom: 0; background: #0c0c10;}
.dz-gcard__media::after {content: none;}
.dz-gcard__img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease);}
.dz-gcard:hover .dz-gcard__img {transform: scale(1.03);}
.dz-gcard__fade {position: absolute; left: 0; right: 0; bottom: -1px; height: 72px; max-height: 40%; background: linear-gradient(to top, var(--cardbg), color-mix(in srgb, var(--cardbg) 75%, transparent) 50%, color-mix(in srgb, var(--cardbg) 0%, transparent)); pointer-events: none;}
.dz-gcard__body {position: relative; z-index: 1; margin-top: -1px; flex: 1 1 auto; padding: 14px 16px 16px; background: var(--cardbg);}
.dz-gcard__head {flex-wrap: wrap; gap: 8px;}
.dz-gcard__name {font-size: 14px; font-weight: 700; line-height: 1.25; letter-spacing: .03em; color: #fff; white-space: normal;}
.dz-gcard__count {margin: 10px 0 0; padding-bottom: 14px; color: var(--muted); font-size: 11px;}
.dz-gcard__foot {align-items: flex-end; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07);}
.dz-gcard__price {min-width: 0; line-height: 1;}
.dz-gcard__from {margin: 0; font-size: 9px; font-weight: 700; color: var(--muted);}
.dz-gcard__priceline {display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; margin-top: 6px;}
.dz-gcard__amt {margin: 0; font-size: 18px; font-weight: 700; line-height: 1; color: #fff;}
.dz-gcard__delivery {display: inline-flex; align-items: center; gap: 4px; color: var(--ok-hi); font-size: 10px; font-weight: 600; white-space: nowrap;}
.dz-gcard__delivery .dz-ico {width: 12px; height: 12px; fill: currentColor; stroke: none;}
.dz-gcard__cta {flex-shrink: 0; min-height: 44px; gap: 6px; padding: 10px 14px; border: 0; border-radius: 12px; color: #fff; font-size: 12px; font-weight: 700; background: linear-gradient(135deg, var(--accent-hi) 0%, var(--accent) 60%, var(--accent-lo) 100%); box-shadow: inset 0 1px rgba(255,255,255,.16);}
.dz-gcard:hover .dz-gcard__cta {background: linear-gradient(135deg, var(--tint) 0%, color-mix(in srgb, var(--accent) 90%, #ffffff) 60%, var(--accent-2) 100%); border-color: transparent;}
.dz-gcard__cta .dz-ico {transition: transform .2s var(--ease);}
.dz-gcard:hover .dz-gcard__cta .dz-ico {transform: translateX(2px);}
@media (min-width: 640px) {
.dz-gcard__body {padding: 16px 20px 20px;}
.dz-gcard__name {font-size: 15px;}
.dz-gcard__count {margin-top: 12px; padding-bottom: 16px; font-size: 12px;}
.dz-gcard__amt {font-size: 20px;}
.dz-gcard__delivery {font-size: 11px;}
.dz-gcard__delivery .dz-ico {width: 14px; height: 14px;}
}
@media (prefers-reduced-motion: reduce) {
.dz-gcard, .dz-gcard__img {transition: none;}
.dz-gcard:hover {transform: none;}
.dz-gcard:hover .dz-gcard__img {transform: none;}
}
.dz-tstm {position: relative; isolation: isolate; overflow: hidden; padding: 88px 0 96px;}
.dz-tstm::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(40% 45% at 50% 58%, rgba(var(--accent-rgb), .12), transparent 70%); -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);}
.dz-tstm__head {display: flex; flex-direction: column; align-items: center; text-align: center;}
.dz-tstm__pill {display: inline-flex; align-items: center; gap: 7px; margin: 0 0 16px; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(var(--accent-rgb), .45); background: rgba(var(--accent-rgb), .1); color: var(--tint); font-size: 11.5px; font-weight: 600;}
.dz-tstm__title {max-width: 18em; margin: 0; font-size: clamp(2rem, 3.4vw, 2.9rem); font-weight: 700; line-height: 1.08; letter-spacing: -.035em; color: #fff; text-wrap: balance;}
.dz-tstm__accent {background: linear-gradient(92deg, var(--tint) 0%, var(--accent-hi) 45%, var(--accent) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;}
.dz-tstm__sub {margin: 14px 0 0; color: #a7a9b2; font-size: .92rem;}
.dz-tstm__stage {position: relative; display: grid; place-items: center; height: 330px; max-width: 980px; margin: 44px auto 0; perspective: 1600px;}
.dz-tcard {position: absolute; display: flex; flex-direction: column; gap: 12px; width: min(330px, 84vw); min-height: 280px; padding: 18px 18px 16px; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, #17181f, #111218); cursor: pointer; transition: transform .7s var(--ease), opacity .7s var(--ease), filter .7s var(--ease), border-color .4s, box-shadow .4s; transform-style: preserve-3d;}
.dz-tcard.is-center {z-index: 3; transform: translate3d(0, -8px, 0); border-color: rgba(var(--accent-rgb), .55); box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .18), 0 28px 70px rgba(var(--accent-rgb), .2); cursor: default;}
.dz-tcard.is-left {z-index: 2; transform: translate3d(-300px, 14px, -120px) rotateY(16deg) rotateZ(-2.5deg); opacity: .85; filter: brightness(.82);}
.dz-tcard.is-right {z-index: 2; transform: translate3d(300px, 14px, -120px) rotateY(-16deg) rotateZ(2.5deg); opacity: .85; filter: brightness(.82);}
.dz-tcard.is-off {z-index: 1; transform: translate3d(0, 30px, -260px) scale(.85); opacity: 0; pointer-events: none;}
.dz-tcard.is-left:hover, .dz-tcard.is-right:hover {filter: brightness(.95);}
@media (max-width: 760px) {
.dz-tstm__stage {height: 340px;}
.dz-tcard.is-left {transform: translate3d(-72%, 18px, -140px) rotateY(14deg) scale(.88); opacity: .35;}
.dz-tcard.is-right {transform: translate3d(72%, 18px, -140px) rotateY(-14deg) scale(.88); opacity: .35;}
}
.dz-tcard__head {position: relative; display: flex; align-items: center; gap: 10px; padding-right: 34px;}
.dz-tcard__avatar {display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 9px; background: linear-gradient(135deg, var(--accent-hi), var(--accent)); color: #fff; font-size: 12px; font-weight: 700;}
.dz-tcard__who {display: flex; flex-direction: column; min-width: 0; line-height: 1.3;}
.dz-tcard__who strong {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; color: #fff;}
.dz-tcard__who small {display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; color: #8d909a; font-size: .68rem; white-space: nowrap; text-overflow: ellipsis;}
.dz-tcard__who small .dz-ico {flex-shrink: 0; color: var(--ok);}
.dz-tcard__quote {position: absolute; top: -2px; right: 0; color: rgba(var(--accent-rgb), .4);}
.dz-tcard__stars {display: flex; gap: 5px; margin: 0;}
.dz-tcard__star {display: grid; place-items: center; width: 20px; height: 20px; border-radius: 5px; background: rgba(255,255,255,.07); color: #5d606a;}
.dz-tcard__star.is-on {background: var(--accent); color: #fff;}
.dz-tcard__star .dz-ico {fill: currentColor;}
.dz-tcard__body {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; margin: 0; color: #d6d8df; font-size: .85rem; line-height: 1.7; overflow-wrap: anywhere;}
.dz-tcard__foot {display: flex; align-items: center; justify-content: space-between; margin-top: auto;}
.dz-tcard__date {padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(255,255,255,.1); color: #8d909a; font-size: .66rem;}
.dz-tcard__dot {width: 5px; height: 5px; border-radius: 50%; background: var(--accent);}
.dz-tcard__pick {position: absolute; inset: 0; z-index: 2; padding: 0; border: 0; border-radius: inherit; background: none; cursor: pointer;}
.dz-tcard.is-center .dz-tcard__pick, .dz-tcard.is-off .dz-tcard__pick {display: none;}
.dz-tcard:focus-visible {outline-offset: 4px;}
.dz-tstm__ctl {display: flex; justify-content: center; margin: 22px 0 0;}
.dz-tstm__toggle {display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.03); color: var(--muted); font: inherit; font-size: .8rem; font-weight: 600; cursor: pointer;}
.dz-tstm__toggle:hover {color: var(--text); border-color: rgba(255,255,255,.22);}
.dz-tstm__toggle .dz-tstm__ic-play, .dz-tstm__toggle.is-paused .dz-tstm__ic-pause {display: none;}
.dz-tstm__toggle.is-paused .dz-tstm__ic-play {display: inline;}
.dz-tstm__toggle .dz-ico {fill: currentColor; stroke: none;}
.dz-tstm__ctl + .dz-tstm__cta {margin-top: 22px;}
.dz-tstm__cta {display: flex; justify-content: center; margin: 44px 0 0;}
.dz-tstm__cta .dz-hero__btn {border-radius: 999px; padding: 12px 26px;}
@media (prefers-reduced-motion: reduce) {
.dz-tcard {transition: none;}
}
.dz-vshow {position: relative; isolation: isolate; overflow: hidden; padding: 88px 0;}
.dz-vshow::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(55% 60% at 12% 30%, rgba(var(--accent-rgb), .12), transparent 70%), radial-gradient(45% 50% at 90% 75%, rgba(var(--accent-rgb), .08), transparent 70%); -webkit-mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);}
.dz-vshow__panel {display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; align-items: center; margin-bottom: 24px; padding: 32px; border-radius: 20px; border: 1px solid rgba(255,255,255,.06); background: linear-gradient(135deg, rgba(var(--accent-rgb), .07), rgba(255,255,255,.015) 45%, rgba(255,255,255,0));}
@media (min-width: 1000px) {
.dz-vshow__panel {grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; padding: 44px 44px 44px 48px;}
}
.dz-vshow__kicker {display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; color: var(--tint); font-size: 11.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;}
.dz-vshow__live {width: 8px; height: 8px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 0 rgba(239,68,68,.6); animation: vshow-live 1.8s infinite;}
@keyframes vshow-live { 0% { box-shadow: 0 0 0 0 rgba(239,68,68,.55); } 70% { box-shadow: 0 0 0 8px rgba(239,68,68,0); } 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); } }
.dz-vshow__title {margin: 0 0 16px; font-size: clamp(2rem, 3.6vw, 3.1rem); font-weight: 700; line-height: 1.1; letter-spacing: -.03em; color: #fff;}
.dz-vshow__desc {max-width: 34rem; margin: 0; color: #a7a9b2; font-size: 1rem; line-height: 1.75; white-space: pre-line;}
.dz-vshow__tags {display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none;}
.dz-vshow__tags li {padding: 8px 14px; border-radius: 7px; border: 1px solid rgba(var(--accent-rgb), .4); background: rgba(var(--accent-rgb), .12); color: var(--tint-pale); font-size: .8rem; font-weight: 600; line-height: 1;}
.dz-vshow__cta {margin-top: 26px;}
.dz-vshow__phones {display: flex; justify-content: center; gap: 16px; padding-top: 18px;}
@media (min-width: 1000px) {
.dz-vshow__phones {justify-content: flex-end;}
}
.dz-vshow__phone {position: relative; flex: 1 1 0; min-width: 0; max-width: 220px; aspect-ratio: 9 / 16; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,.09); background: #0b0d12; box-shadow: 0 22px 50px rgba(0,0,0,.5), 0 0 40px rgba(var(--accent-rgb), .1); transform: translateZ(0);}
.dz-vshow__phone.is-main {transform: translateY(-18px); border-color: rgba(var(--accent-rgb), .5); box-shadow: 0 26px 60px rgba(0,0,0,.55), 0 0 50px rgba(var(--accent-rgb), .22);}
.dz-vshow__phone iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0; opacity: 0; transition: opacity .5s;}
.dz-vshow__phone.is-ready iframe {opacity: 1;}
.dz-vshow__skel {position: absolute; inset: 0; background: linear-gradient(110deg, #0d0f15 30%, #171a22 50%, #0d0f15 70%); background-size: 220% 100%; animation: vshow-skel 1.4s linear infinite;}
.dz-vshow__phone.is-ready .dz-vshow__skel {display: none;}
@keyframes vshow-skel { from { background-position: 120% 0; } to { background-position: -120% 0; } }
.dz-vshow__fallback {position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); padding: 6px 12px; border-radius: 999px; background: rgba(0,0,0,.6); color: #fff; font-size: .72rem; font-weight: 600; white-space: nowrap;}
.dz-vshow__phone.is-ready .dz-vshow__fallback {display: none;}
@media (max-width: 999px) {
.dz-vshow__phones {justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -32px; padding: 18px 32px 6px;}
.dz-vshow__phones::-webkit-scrollbar {display: none;}
.dz-vshow__phone {flex: 0 0 56%; max-width: 250px; scroll-snap-align: start;}
.dz-vshow__phone.is-main {transform: none;}
}
.dz-vshow__player {position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 16px; border: 1px solid rgba(255,255,255,.08); background: #0b0d12;}
.dz-vshow__player video {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.dz-vshow__play {position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 64px; height: 64px; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #0a0d0f; cursor: pointer; box-shadow: 0 10px 30px rgba(0,0,0,.4);}
.dz-vshow__play svg {margin-left: 3px;}
.dz-vshow__player.is-playing .dz-vshow__play {display: none;}
.dz-vshow__clips {display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px;}
@media (min-width: 640px) {
.dz-vshow__clips {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
}
.dz-vshow__clip {position: relative; margin: 0; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.07); background: #0b0d12; transform: translateZ(0); transition: transform .3s var(--ease), border-color .3s;}
.dz-vshow__clip:hover {transform: translateY(-4px); border-color: rgba(var(--accent-rgb), .45);}
.dz-vshow__clip video, .dz-vshow__clip img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none;}
.dz-vshow__clipplay {position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; place-items: center; width: 52px; height: 52px; transform: translate(-50%, -50%); border: 0; border-radius: 50%; background: rgba(255,255,255,.9); color: #0a0d0f; cursor: pointer; box-shadow: 0 8px 24px rgba(0,0,0,.45); transition: opacity .2s;}
.dz-vshow__clipplay[hidden] {display: none;}
.dz-vshow__clipplay svg {margin-left: 3px;}
.dz-vshow__clipplay.is-playing {opacity: 0;}
.dz-vshow__clipplay.is-playing:focus-visible {opacity: 1;}
.dz-vshow__label {position: absolute; left: 0; right: 0; bottom: 0; display: flex; align-items: center; gap: 8px; padding: 30px 14px 12px; background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,0)); color: #fff; font-size: .82rem; font-weight: 600;}
.dz-vshow__dot {width: 8px; height: 8px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 10px rgba(var(--accent-rgb), .8);}
@media (prefers-reduced-motion: reduce) {
.dz-vshow__live, .dz-vshow__skel {animation: none;}
}
@media (min-width: 768px) {
.dz-tstm {padding: 112px 0 120px;}
.dz-tstm__pill {margin-bottom: 18px; padding: 6px 14px; font-size: 13px;}
.dz-tstm__title {font-size: clamp(2.5rem, 4.2vw, 3.8rem);}
.dz-tstm__sub {margin-top: 16px; font-size: 1.1rem;}
.dz-tstm__stage {height: 430px; max-width: 1180px; margin-top: 52px;}
.dz-tcard {gap: 14px; width: min(420px, 84vw); min-height: 360px; padding: 26px 26px 20px; border-radius: 18px;}
.dz-tcard__avatar {width: 42px; height: 42px; font-size: 14px;}
.dz-tcard__who strong {font-size: 1.05rem;}
.dz-tcard__who small {font-size: .76rem;}
.dz-tcard__star {width: 24px; height: 24px;}
.dz-tcard__body {font-size: 1rem; line-height: 1.7;}
.dz-tcard__date {font-size: .74rem;}
.dz-tstm__toggle {font-size: .88rem;}
.dz-tstm__cta .dz-hero__btn {min-height: 52px; padding: 14px 30px; font-size: .95rem;}
}
@media (min-width: 1000px) {
.dz-tcard.is-left {transform: translate3d(-380px, 14px, -120px) rotateY(16deg) rotateZ(-2.5deg);}
.dz-tcard.is-right {transform: translate3d(380px, 14px, -120px) rotateY(-16deg) rotateZ(2.5deg);}
}
.demo-page > .dz-container {max-width: calc(1600px + 48px);}
@keyframes demo-in { from { opacity: 0; transform: translateX(10px); } }
.dz-cm {--cm: #8b5cf6; --cm-hi: #a78bfa; position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); display: grid; grid-template-columns: 56px 168px minmax(0, 1fr); width: min(860px, calc(100% - 24px)); height: min(500px, calc(100% - 24px)); overflow: hidden; border-radius: 10px; border: 1px solid #282829; background: #0f0f10; box-shadow: 0 20px 50px rgba(0,0,0,.6); color: #d7d7de; font-size: 13px; line-height: 1.3;}
.dz-cm[hidden] {display: none;}
.dz-cm svg {display: block; flex: none;}
.dz-cm button {font: inherit;}
.dz-cm__rail {display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 52px 0 12px; border-right: 1px solid #1f1f20; background: #0d0d0e;}
.dz-cm__railbtn {position: relative; display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 10px; background: transparent; color: #6f6f7d; cursor: pointer;}
.dz-cm__railbtn:hover {color: #d7d7de; background: #171718;}
.dz-cm__railbtn[aria-pressed="true"] {color: var(--cm-hi); background: rgba(139,92,246,.12);}
.dz-cm__railbtn[aria-pressed="true"]::before {content: ""; position: absolute; left: -9px; top: 9px; bottom: 9px; width: 3px; border-radius: 0 6px 6px 0; background: var(--cm);}
.dz-cm__nav {display: flex; flex-direction: column; gap: 3px; padding: 16px 10px; border-right: 1px solid #1f1f20; background: #111112;}
.dz-cm__navtitle {margin: 0 0 12px 8px; color: #fff; font-size: 14px; font-weight: 700;}
.dz-cm__navbtn {display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 6px 10px; border: 0; border-radius: 8px; background: transparent; color: #8a8a97; text-align: left; cursor: pointer;}
.dz-cm__navbtn:hover {color: #e8e8ee; background: #181819;}
.dz-cm__navbtn[aria-pressed="true"] {color: #fff; background: #1f1f20;}
.dz-cm__navbtn[aria-pressed="true"] svg {color: var(--cm-hi);}
.dz-cm__main {display: flex; flex-direction: column; min-width: 0;}
.dz-cm__top {display: flex; align-items: center; gap: 12px; padding: 12px 14px 12px 18px; border-bottom: 1px solid #1f1f20;}
.dz-cm__crumb {flex: 1 1 auto; min-width: 0; margin: 0; color: #7c7c89; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.dz-cm__crumb span {margin: 0 5px; color: #4b4b57;}
.dz-cm__crumb b {color: var(--cm-hi); font-weight: 600;}
.dz-cm__search {display: flex; align-items: center; gap: 5px; width: min(140px, 30%); padding: 4px 8px; border-radius: 8px; border: 1px solid #252526; background: #141415; color: #5f5f6c;}
.dz-cm__search input {flex: 1 1 auto; min-width: 0; padding: 0; border: 0; outline: 0; background: none; color: #e8e8ee; font: inherit; font-size: 11.5px;}
.dz-cm__search input::placeholder {color: #55555f;}
.dz-cm__search:focus-within {border-color: rgba(139,92,246,.6);}
.dz-cm__x {display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 8px; background: #181819; color: #9a9aa6; cursor: pointer;}
.dz-cm__x:hover {color: #fff; background: #232324;}
.dz-cm__body {flex: 1 1 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-content: start; gap: 12px; overflow-y: auto; padding: 14px; scrollbar-width: thin; scrollbar-color: #2e2e2f transparent;}
.dz-cm__empty {margin: 20px 4px; color: #7c7c89;}
.dz-cmp {padding: 10px 14px 8px; border-radius: 10px; border: 1px solid #222223; background: #151516;}
.dz-cmp__title {margin: 2px 0 6px; color: #ececf1; font-size: 13px; font-weight: 600;}
.dz-cmr {display: flex; align-items: center; gap: 10px; min-height: 34px;}
.dz-cmr__ic {display: grid; place-items: center; width: 16px; color: #6f6f7d;}
.dz-cmr__label {flex: 1 1 auto; min-width: 0; color: #a3a3af;}
.dz-cmr__label small {display: block; margin-top: 2px; color: #62626e; font-size: 11px;}
.dz-cmr--strong .dz-cmr__label {color: #f2f2f6; font-weight: 600;}
.dz-cmr--strong .dz-cmr__ic {color: var(--cm-hi);}
.dz-cmr__val {color: #f2f2f6; font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums;}
.dz-cmr__val--muted {color: #8a8a97; font-weight: 500;}
.dz-cmr__tg {position: relative; flex: none; width: 30px; height: 16px; padding: 0; border: 0; border-radius: 999px; background: transparent; cursor: pointer;}
.dz-cmr__tg::after {content: ""; position: absolute; top: 50%; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: #4a4a55; transform: translateY(-50%); transition: all .18s ease;}
.dz-cmr__tg[aria-checked="true"] {background: var(--cm); box-shadow: 0 0 12px rgba(139,92,246,.35);}
.dz-cmr__tg[aria-checked="true"]::after {right: 3px; width: 10px; height: 10px; background: #fff;}
.dz-cmr__tg:focus-visible, .dz-cmr__sel:focus-visible, .dz-cmr__range:focus-visible, .dz-cm button:focus-visible {outline: 2px solid var(--cm-hi); outline-offset: 2px;}
.dz-cmr--slider {flex-wrap: wrap; row-gap: 2px; padding-bottom: 6px;}
.dz-cmr__range {flex: 0 0 100%; height: 14px; margin: 0; background: transparent; -webkit-appearance: none; appearance: none; cursor: pointer;}
.dz-cmr__range::-webkit-slider-runnable-track {height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--cm) var(--p, 50%), #2d2d2e var(--p, 50%));}
.dz-cmr__range::-moz-range-track {height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--cm) var(--p, 50%), #2d2d2e var(--p, 50%));}
.dz-cmr__range::-webkit-slider-thumb {-webkit-appearance: none; width: 11px; height: 11px; margin-top: -3.5px; border-radius: 50%; border: 0; background: #fff; box-shadow: 0 0 0 3px rgba(139,92,246,.35);}
.dz-cmr__range::-moz-range-thumb {width: 11px; height: 11px; border-radius: 50%; border: 0; background: #fff; box-shadow: 0 0 0 3px rgba(139,92,246,.35);}
.dz-cmr__sel {max-width: 120px; padding: 3px 18px 3px 6px; border: 0; border-radius: 8px; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath d='M5 9l7 7 7-7' fill='none' stroke='%23e8e8ee' stroke-width='3'/%3E%3C/svg%3E") no-repeat right 4px center; color: #f2f2f6; font: inherit; font-size: 12.5px; font-weight: 600; -webkit-appearance: none; appearance: none; cursor: pointer;}
.dz-cmr__sel:hover {background-color: #1e1e1f;}
.dz-cmr__sel option {background: #151516; color: #e8e8ee;}
.dz-cmr__swatch {flex: none; width: 16px; height: 16px; padding: 0; border: 1px solid #3a3a46; border-radius: 8px; background: none; cursor: pointer;}
.dz-cmr__swatch::-webkit-color-swatch-wrapper {padding: 0;}
.dz-cmr__swatch::-webkit-color-swatch {border: 0; border-radius: 6px;}
.dz-cmr__swatch::-moz-color-swatch {border: 0; border-radius: 6px;}
.dz-cmr__swatch--big {width: 34px; height: 20px;}
.dz-cmr__btn {flex: none; min-height: 28px; padding: 4px 12px; border: 1px solid rgba(139,92,246,.5); border-radius: 8px; background: rgba(139,92,246,.14); color: #fff; font-size: 12px; font-weight: 600; cursor: pointer;}
.dz-cmr__btn:hover {background: rgba(139,92,246,.28);}
.dz-cmr--preset {padding: 6px 0;}
@media (max-width: 760px) {
.dz-cm {grid-template-columns: 48px minmax(0, 1fr);}
.dz-cm__nav {display: none;}
.dz-cm__rail {padding-top: 14px;}
.dz-cm__search {display: none;}
}
.dz-promo-sec {padding: 28px 0;}
.dz-promo-sec + .dz-promo-sec {padding-top: 8px;}
.dz-promo {--promo: #5865f2; position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1fr); align-items: center; gap: 28px; padding: 36px 28px; border-radius: 18px; border: 1px solid color-mix(in srgb, var(--promo) 35%, transparent); background: linear-gradient(110deg, #101118 0%, #0d0e14 55%, color-mix(in srgb, var(--promo) 7%, #0d0e14) 100%);}
.dz-promo::before {content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60% 90% at 0% 100%, color-mix(in srgb, var(--promo) 16%, transparent), transparent 70%);}
.dz-promo--banner::before {background: radial-gradient(55% 120% at 0% 50%, color-mix(in srgb, var(--promo) 22%, transparent), transparent 70%);}
@media (min-width: 900px) {
.dz-promo {grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 40px; padding: 46px 40px;}
}
.dz-promo__copy {min-width: 0;}
.dz-promo__kicker {display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; color: color-mix(in srgb, var(--promo) 75%, #ffffff); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}
.dz-promo__dot {width: 6px; height: 6px; border-radius: 50%; background: var(--promo); box-shadow: 0 0 10px var(--promo);}
.dz-promo__title {margin: 0; color: #fff; font-size: clamp(1.7rem, 3vw, 2.4rem); font-weight: 700; line-height: 1.12; letter-spacing: -.02em;}
.dz-promo__title--big {font-size: clamp(2rem, 4vw, 3.1rem);}
.dz-promo__sub {max-width: 40rem; margin: 12px 0 0; color: #a7a9b2; font-size: 1rem; line-height: 1.6;}
.dz-promo__btns {display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px;}
.dz-promo__btn {min-height: 46px; gap: 10px; padding: 11px 26px; border-radius: 9px; font-size: .95rem; font-weight: 600; text-decoration: none;}
.dz-promo__btn:hover {text-decoration: none;}
.dz-promo__btn--main {border: 0; color: #fff; background: linear-gradient(135deg, color-mix(in srgb, var(--promo) 85%, #ffffff) 0%, var(--promo) 55%, color-mix(in srgb, var(--promo) 80%, #000000) 100%); box-shadow: 0 10px 28px color-mix(in srgb, var(--promo) 35%, transparent), inset 0 1px rgba(255,255,255,.18);}
.dz-promo__btn--main:hover {filter: brightness(1.08);}
.dz-promo__btn--ghost {color: #fff; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.04);}
.dz-promo__btn--ghost:hover {border-color: color-mix(in srgb, var(--promo) 55%, transparent); background: rgba(255,255,255,.07);}
.dz-promo__box {margin-top: 26px; padding: 16px 16px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); max-width: 46rem;}
.dz-promo__boxtitle {margin: 0 0 6px; color: #fff; font-size: .95rem; font-weight: 700;}
.dz-promo__boxtext {margin: 0; color: #8d909a; font-size: .84rem; line-height: 1.65;}
.dz-promo__chips {display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none;}
.dz-promo__chips li {padding: 5px 11px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); color: #d6d8df; font-size: .76rem; font-weight: 600;}
.dz-promo__art {position: relative; display: none; place-items: center; min-height: 200px;}
@media (min-width: 900px) {
.dz-promo__art {display: grid;}
}
.dz-promo__art::before {content: ""; position: absolute; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--promo) 30%, transparent), transparent 68%); filter: blur(10px);}
.dz-promo__art img, .dz-promo__art svg {position: relative; max-width: 220px; max-height: 170px; width: auto; height: auto; filter: drop-shadow(0 0 28px color-mix(in srgb, var(--promo) 60%, transparent));}
.dz-promo__art svg {width: 170px; height: 170px; color: var(--promo);}
.dz-promo__mark {flex: none;}
.dz-faqx {--faq-line: rgba(255,255,255,.09); --faq-ix: 52px; position: relative; padding: 96px 0;}
.dz-faqx--split > .dz-container {display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px;}
@media (min-width: 1000px) {
.dz-faqx--split > .dz-container {grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: 80px; align-items: start;}
.dz-faqx__side {position: sticky; top: calc(var(--nav-h) + 32px);}
}
.dz-faqx__head {margin: 0 0 40px;}
.dz-faqx__head--center {text-align: center;}
.dz-faqx--split .dz-faqx__head {margin-bottom: 0;}
.dz-faqx__label {display: inline-flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #8d909b; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase;}
.dz-faqx__label::before {content: ""; width: 28px; height: 1px; background: var(--accent);}
.dz-faqx__head--center .dz-faqx__label::after {content: ""; width: 28px; height: 1px; background: var(--accent);}
.dz-faqx__title {margin: 0; color: #f4f5f8; font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.75rem); font-weight: 700; line-height: 1.1; letter-spacing: -.025em; text-wrap: balance;}
.dz-faqx__accent {color: var(--tint);}
.dz-faqx__sub {max-width: 42ch; margin: 16px 0 0; color: #9a9ca6; font-size: 1rem; line-height: 1.65;}
.dz-faqx__head--center .dz-faqx__sub {margin-inline: auto;}
.dz-faqx .dz-faq {gap: 0; border-top: 1px solid var(--faq-line);}
.dz-faqx .dz-faq__item {border: 0; border-bottom: 1px solid var(--faq-line); border-radius: 0; background: none; overflow: visible;}
.dz-faqx .dz-faq__item summary {position: relative; display: grid; grid-template-columns: var(--faq-ix) minmax(0, 1fr) auto; align-items: center; gap: 0 16px; padding: 24px 4px 24px 0; min-height: 0; color: #e6e7ec; font-size: 1.06rem; font-weight: 600; letter-spacing: -.01em; line-height: 1.4; transition: color .2s var(--ease);}
.dz-faqx .dz-faq__item summary:hover, .dz-faqx .dz-faq__item[open] summary {color: #fff;}
.dz-faqx .dz-faq__item[open] summary {border-bottom: 0;}
.dz-faqx .dz-faq__item summary:focus-visible {outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px;}
.dz-faqx .dz-faq__item summary::after {content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: var(--accent); transition: width .35s var(--ease);}
.dz-faqx .dz-faq__item[open] summary::after {width: var(--faq-ix);}
.dz-faq__num {color: #5f626d; font: 500 .8rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .04em; font-variant-numeric: tabular-nums; transition: color .2s var(--ease);}
.dz-faqx .dz-faq__item[open] .dz-faq__num, .dz-faqx .dz-faq__item summary:hover .dz-faq__num {color: var(--tint);}
.dz-faq__q {min-width: 0;}
.dz-faq__toggle {position: relative; flex: none; width: 32px; height: 32px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; transition: border-color .2s var(--ease), background-color .2s var(--ease);}
.dz-faq__toggle::before, .dz-faq__toggle::after {content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.5px; margin: -.75px 0 0 -6px; border-radius: 1px; background: #c9cbd3; transition: transform .3s var(--ease), background-color .2s var(--ease);}
.dz-faq__toggle::after {transform: rotate(90deg);}
.dz-faqx .dz-faq__item summary:hover .dz-faq__toggle {border-color: rgba(255,255,255,.3);}
.dz-faqx .dz-faq__item[open] .dz-faq__toggle {border-color: var(--accent); background: rgba(var(--accent-rgb), .12);}
.dz-faqx .dz-faq__item[open] .dz-faq__toggle::before, .dz-faqx .dz-faq__item[open] .dz-faq__toggle::after {background: #fff;}
.dz-faqx .dz-faq__item[open] .dz-faq__toggle::after {transform: rotate(0deg);}
.dz-faqx .dz-faq__a {max-width: 66ch; padding: 0 56px 26px calc(var(--faq-ix) + 16px); color: #a3a6b0; font-size: .97rem; line-height: 1.75;}
.dz-faqx .dz-faq__a > :first-child {margin-top: 0;}
.dz-faqx .dz-faq__a > :last-child {margin-bottom: 0;}
@media (max-width: 639px) {
.dz-faqx {--faq-ix: 34px; padding: 72px 0;}
.dz-faqx .dz-faq__item summary {gap: 0 10px; padding: 20px 0; font-size: 1rem;}
.dz-faqx .dz-faq__a {padding-right: 0;}
}
@supports (interpolate-size: allow-keywords) {
.dz-faqx {interpolate-size: allow-keywords;}
.dz-faqx .dz-faq__item::details-content {block-size: 0; overflow: hidden; transition: block-size .35s var(--ease), content-visibility .35s allow-discrete;}
.dz-faqx .dz-faq__item[open]::details-content {block-size: auto;}
}
@media (prefers-reduced-motion: reduce) {
.dz-faqx .dz-faq__item::details-content, .dz-faq__toggle::before, .dz-faq__toggle::after, .dz-faqx .dz-faq__item summary::after {transition: none;}
}
.dz-faqx .dz-faqsearch {margin: 0 0 8px;}
.dz-faqx .dz-faqsearch__box {display: flex; align-items: center; gap: 12px; height: 52px; padding: 0 2px; border: 0; border-bottom: 1px solid rgba(255,255,255,.16); border-radius: 0; background: none; color: #80838e; box-shadow: none; transition: border-color .2s var(--ease);}
.dz-faqx .dz-faqsearch__box:focus-within {border-bottom-color: var(--accent); color: var(--tint);}
.dz-faqx .dz-faqsearch__box > .dz-ico {position: static; flex: none; color: inherit;}
.dz-faqx .dz-faqsearch__box input {flex: 1 1 auto; min-width: 0; height: 100%; padding: 0; border: 0; background: none; color: #fff; font-size: 1rem; outline: none; box-shadow: none;}
.dz-faqx .dz-faqsearch__box input::placeholder {color: #6e717c;}
.dz-faqx .dz-faqsearch + .dz-faq {border-top: 0;}
.dz-faqx .dz-faqsearch__empty {margin: 20px 0 0; border: 0; padding: 18px 0; text-align: left;}
.dz-faqhelp {display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 40px; padding-top: 28px; border-top: 1px solid var(--faq-line, rgba(255,255,255,.09));}
.dz-faqhelp__title {margin: 0; color: #f4f5f8; font-size: 1.05rem; font-weight: 650;}
.dz-faqhelp__text {max-width: 38ch; margin: 0; color: #9a9ca6; font-size: .95rem; line-height: 1.6;}
.dz-faqhelp__link {display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; padding: 10px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; color: #fff; font-size: .93rem; font-weight: 600; text-decoration: none; transition: border-color .2s var(--ease), background-color .2s var(--ease);}
.dz-faqhelp__link:hover {border-color: var(--accent); background: rgba(var(--accent-rgb), .1); text-decoration: none;}
.dz-faqhelp__link .dz-ico {transition: transform .2s var(--ease);}
.dz-faqhelp__link:hover .dz-ico {transform: translateX(3px);}
.dz-faqx__help .dz-faqhelp {align-items: center; text-align: center;}
.dz-pdp .dz-buy__add {min-width: 0;}
@media (max-width: 420px) {
.dz-pdp .dz-buy__add {gap: 6px; padding-left: 12px; padding-right: 12px; font-size: .88rem;}
}
@media (pointer: coarse) {
.dz-qty__btn, .dz-iconbtn--sm, .cline .dz-qty__btn {min-width: 44px; min-height: 44px;}
.dz-qty .dz-qty__input, .cline .dz-qty .dz-qty__input {min-height: 44px;}
.dz-online {min-height: 32px;}
.dz-link-arrow, .dz-shead--kicker .dz-link-arrow {min-height: 40px;}
.dz-foot__bottom a {display: inline-flex; align-items: center; min-height: 40px;}
.dz-vshow__fallback {padding: 10px 14px;}
}
.dz-pnotify {display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.dz-pnotify__btn {width: 100%; min-height: 42px; gap: 8px; padding: 9px 14px; border-radius: 12px; border: 1px solid var(--border-strong); background: transparent; color: var(--text); font-size: .84rem; font-weight: 600; line-height: 1.3; text-align: center; white-space: normal;}
.dz-pnotify__btn:hover {border-color: rgba(var(--accent-rgb), .6); background: rgba(var(--accent-rgb), .07); color: #fff; text-decoration: none;}
.dz-pnotify__btn .dz-ico {width: 16px; height: 16px; flex-shrink: 0; color: var(--tint);}
.dz-pnotify__done, .dz-pnotify__hint, .dz-pnotify__msg {display: flex; align-items: center; gap: 7px; margin: 0; padding: 0 var(--buy-in, 0px); font-size: .78rem; line-height: 1.45;}
.dz-pnotify__done {min-height: 42px; color: var(--ok); font-weight: 600;}
.dz-pnotify__done .dz-ico {width: 14px; height: 14px; flex-shrink: 0;}
.dz-pnotify__undo {margin-left: auto; font-size: .78rem; font-weight: 600; color: var(--tint-hi);}
.dz-pnotify__hint {align-items: flex-start; color: var(--muted);}
.dz-pnotify__hint .dz-ico {width: 14px; height: 14px; margin-top: 2px; flex-shrink: 0;}
.dz-pnotify__hint a {color: var(--tint-hi); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.dz-pnotify__msg {color: #fca5a5;}
.dz-pnotify__msg:empty {display: none;}
.pguide__link .dz-btn {gap: 6px;}
.ghead__compare .dz-ico {color: var(--tint);}
.dz-cmp {max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface);}
.dz-cmp:focus-visible {outline: 2px solid var(--accent); outline-offset: 2px;}
.dz-cmp__table {width: 100%; border-collapse: separate; border-spacing: 0; font-size: .88rem;}
.dz-cmp__table th, .dz-cmp__table td {padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border);}
.dz-cmp__table tbody tr:last-child > * {border-bottom: 0;}
.dz-cmp__table td, .dz-cmp__head {min-width: 220px;}
.dz-cmp__table tbody th, .dz-cmp__corner {position: sticky; left: 0; z-index: 1; width: 150px; min-width: 150px; background: var(--surface); box-shadow: 1px 0 0 var(--border);}
.dz-cmp__table tbody th {color: var(--muted); font-weight: 600;}
.dz-cmp__prod {display: flex; flex-direction: column; gap: 10px; color: var(--text);}
.dz-cmp__prod:hover {text-decoration: none; color: #fff;}
.dz-cmp__media {display: grid; place-items: center; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #0c0d11; color: var(--muted);}
.dz-cmp__media img {width: 100%; height: 100%; object-fit: cover;}
.dz-cmp__name {font-size: .95rem; font-weight: 700; line-height: 1.3; overflow-wrap: anywhere;}
.dz-cmp__price {font-size: 1.05rem; font-weight: 700; color: #fff; white-space: nowrap;}
.dz-cmp__from {font-size: .75rem; color: var(--muted);}
.dz-cmp__was {font-size: .8rem; color: var(--muted);}
.dz-cmp__none {color: #6b6e78;}
.dz-cmp__list {list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px;}
.dz-cmp__opts li {display: flex; justify-content: space-between; gap: 12px;}
.dz-cmp__optprice {font-weight: 600; white-space: nowrap;}
.dz-cmp__out {color: #fca5a5; font-weight: 500;}
.dz-cmp__actions td {vertical-align: middle;}
.dz-cmp__view {gap: 6px;}
.dz-cmp__back {margin: 18px 0 0;}
@media (max-width: 640px) {
.dz-cmp__table th, .dz-cmp__table td {padding: 10px 12px;}
.dz-cmp__table td, .dz-cmp__head {min-width: 180px;}
.dz-cmp__table tbody th, .dz-cmp__corner {width: 108px; min-width: 108px;}
}
.dz-saletag {display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 4px; background: rgba(239, 68, 68, .16); color: #fca5a5; font-size: 11px; font-weight: 700; line-height: 1.3; letter-spacing: .02em; white-space: nowrap;}
.dz-pcard__price--sale .dz-pcard__from s {color: var(--muted);}
.dz-pcard__now {display: inline-flex; align-items: center; gap: 8px; min-width: 0;}
.dz-buy__sum .dz-buy__saletag {margin-bottom: 4px;}
.dz-faqsearch {margin: 0 0 16px;}
.dz-faqsearch__empty {margin: 0 0 12px; padding: 18px; border: 1px dashed var(--border-strong); border-radius: var(--radius); text-align: center; color: var(--muted);}
.libupdate .dz-ico {width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; color: var(--tint);}
.dz-tstm, .dz-vshow, .dz-section--games {overflow: visible; overflow-x: clip;}
.dz-section--games {background: transparent;}
.dz-tstm::before, .dz-vshow::before {inset: -220px 0; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);}
.dz-tstm::before {background: radial-gradient(55% 40% at 50% 55%, rgba(var(--accent-rgb), .10), transparent 72%);}
.dz-vshow::before {background: radial-gradient(60% 45% at 10% 40%, rgba(var(--accent-rgb), .10), transparent 72%), radial-gradient(50% 40% at 92% 70%, rgba(var(--accent-rgb), .07), transparent 72%);}
.dz-section--games::after {inset: -160px 0; -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);}
.dz-hero {overflow: visible; overflow-x: clip;}
.dz-hero::before {inset: 0 0 -200px; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 60%, transparent 100%); mask-image: linear-gradient(180deg, #000 0%, #000 60%, transparent 100%); background: radial-gradient(42% 50% at 14% 44%, rgba(var(--hero-tint-rgb), .10), transparent 72%), radial-gradient(36% 46% at 64% 40%, rgba(var(--hero-tint-rgb), .07), transparent 72%), radial-gradient(60% 30% at 50% 88%, rgba(var(--hero-tint-rgb), .06), transparent 72%);}
.dz-hero::after {background: linear-gradient(90deg, transparent 0%, rgba(var(--hero-tint-rgb), .35) 30%, rgba(var(--hero-tint-rgb), .35) 70%, transparent 100%); box-shadow: 0 0 22px 2px rgba(var(--hero-tint-rgb), .18);}
.dz-hero--stage {display: block; min-height: 0; padding: 45px 0 80px; text-align: center;}
.dz-hero--stage::before, .dz-hero--stage::after {content: none;}
.dz-hero--stage .dz-hero__in {display: flex; flex-direction: column; align-items: center; padding-top: 0; padding-bottom: 0;}
.dz-hero__code {position: absolute; left: 0; right: 0; top: 0; height: 760px; z-index: -2; display: flex; justify-content: space-between; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(180deg, #000 35%, transparent 100%); mask-image: linear-gradient(180deg, #000 35%, transparent 100%);}
.dz-hero__codeblk {margin: 0; padding: 10px 14px; color: rgba(255,255,255,.055); font: 11px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: .1em; white-space: pre; -webkit-mask-image: linear-gradient(90deg, #000 20%, transparent 85%); mask-image: linear-gradient(90deg, #000 20%, transparent 85%);}
.dz-hero__codeblk--r {text-align: right; -webkit-mask-image: linear-gradient(270deg, #000 20%, transparent 85%); mask-image: linear-gradient(270deg, #000 20%, transparent 85%);}
.dz-hero__rating {display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 16px 7px 13px; border-radius: 999px; border: 1px solid rgba(255,255,255,.1); background: rgba(18,19,24,.72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #b9bcc6; font-size: 14.5px; font-weight: 500; line-height: 1.2; text-decoration: none; transition: border-color .2s;}
.dz-hero__rating:hover {border-color: rgba(255,255,255,.2); color: #e6e7eb; text-decoration: none;}
.dz-hero__rating b {color: #fff; font-weight: 700;}
.dz-hero__stars {display: inline-flex; gap: 1px;}
.dz-hero__stars .dz-ico {color: #fbbf24; fill: #fbbf24;}
.dz-hero--stage .dz-hero__badge {margin-top: 14px;}
.dz-hero--stage .dz-hero__title {max-width: 15ch; margin: 34px auto 0; font-size: clamp(2.5rem, 5.6vw, 4.7rem); font-weight: 700; line-height: 1; letter-spacing: -.04em; text-wrap: balance;}
.dz-hero--stage .dz-hero__sub {max-width: 35rem; margin: 26px auto 0; color: #b4b6bf; font-size: 16.5px; line-height: 1.55;}
.dz-hero--stage .dz-hero__ctas {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 38px;}
.dz-hero--stage .dz-hero__btn {min-height: 56px; padding: 0 26px; border-radius: 8px; font-size: 16px;}
.dz-hero__screen {position: relative; width: 100%; max-width: 1080px; margin-top: 64px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.1); background: #0a0b0e; text-align: left; box-shadow: 0 40px 100px rgba(0,0,0,.55);}
.dz-hero__video {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.dz-hero--stage .dz-hero__media {position: absolute; inset: 0; z-index: 0;}
.dz-hero--stage .dz-hero__media img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.dz-hero__play {z-index: 1;}
.dz-hero__menutoggle {position: absolute; left: 14px; top: 14px; z-index: 3; display: inline-flex; align-items: center; gap: 9px; height: 36px; padding: 0 14px 0 10px; border-radius: 8px; border: 1px solid rgba(255,255,255,.12); background: rgba(14,15,18,.82); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: border-color .2s, background .2s;}
.dz-hero__menutoggle:hover {border-color: rgba(255,255,255,.22); background: rgba(20,21,26,.9);}
.dz-hero__grip {width: 8px; height: 12px; background-image: radial-gradient(circle, #8d909a 1.1px, transparent 1.4px); background-size: 4px 4px;}
.dz-hero__menudot {width: 7px; height: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px rgba(34,197,94,.7);}
.dz-hero__menutoggle.is-closed .dz-hero__menudot {background: #6b6e78; box-shadow: none;}
.dz-hmenu {--cm: #8b5cf6; --cm-hi: #a78bfa;}
.dz-hmenu svg {display: block; flex: none;}
.dz-hmenu button {font: inherit;}
.dz-hmenu:not([hidden]) {position: absolute; left: 14px; top: 60px; z-index: 2; display: grid; grid-template-columns: 40px 108px minmax(0, 1fr); width: 580px; height: 370px; overflow: hidden; border-radius: 10px; transform: scale(var(--hm-scale, .62)); transform-origin: 0 0; border: 1px solid #2a2a2c; background: rgba(15,15,16,.94); box-shadow: 0 18px 50px rgba(0,0,0,.55); color: #d7d7de; font-size: 11.5px; line-height: 1.3; text-align: left;}
.dz-hmenu .dz-cm__rail {gap: 4px; padding: 44px 0 10px;}
.dz-hmenu .dz-cm__railbtn {width: 32px; height: 32px; border-radius: 8px;}
.dz-hmenu .dz-cm__railbtn[aria-pressed="true"]::before {left: -4px; top: 8px; bottom: 8px;}
.dz-hmenu .dz-cm__nav {padding: 14px 8px;}
.dz-hmenu .dz-cm__navtitle {margin: 0 0 10px 6px; font-size: 12.5px;}
.dz-hmenu .dz-cm__navbtn {gap: 7px; min-height: 28px; padding: 4px 8px; border-radius: 6px; font-size: 11.5px;}
.dz-hmenu .dz-cm__top {gap: 10px; padding: 9px 10px 9px 14px;}
.dz-hmenu .dz-cm__crumb {font-size: 11.5px;}
.dz-hmenu .dz-cm__search {width: min(150px, 42%); padding: 3px 7px; border-radius: 6px;}
.dz-hmenu .dz-cm__search input {font-size: 10.5px;}
.dz-hmenu .dz-cm__body {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 10px;}
.dz-hmenu .dz-hmp {min-width: 0; padding: 7px 10px 5px; border-radius: 8px; border: 1px solid #222223; background: #151516;}
.dz-hmenu .dz-cmp__title {margin: 1px 0 4px; font-size: 11.5px;}
.dz-hmenu .dz-cmr {gap: 7px; min-height: 27px;}
.dz-hmenu .dz-cmr__ic {width: 13px;}
.dz-hmenu .dz-cmr__label {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px;}
.dz-hmenu .dz-cmr__val {font-size: 11px;}
.dz-hmenu .dz-cmr__tg {width: 26px; height: 14px;}
.dz-hmenu .dz-cmr__sel {flex: none; max-width: 78px; padding: 2px 14px 2px 4px; background-position: right 2px center; font-size: 10.5px;}
.dz-hmenu .dz-cmr--slider {padding-bottom: 4px;}
.dz-hmenu .dz-cmr__range {height: 12px;}
@media (max-width: 719px) {
.dz-hero--stage {padding: 36px 0 56px;}
.dz-hero__screen {margin-top: 36px; aspect-ratio: 4 / 5; border-radius: 12px;}
.dz-hmenu:not([hidden]) {left: 8px; right: 8px; top: 56px; width: auto; height: calc(100% - 64px); grid-template-columns: 40px minmax(0, 1fr); transform: none;}
.dz-hmenu .dz-cm__nav, .dz-hmenu .dz-cm__search {display: none;}
.dz-hmenu .dz-cm__rail {padding-top: 12px;}
.dz-hmenu .dz-cm__body {grid-template-columns: minmax(0, 1fr);}
.dz-hero__codeblk {font-size: 9px;}
}
.dz-nav:not(.dz-nav--sticky) {background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; border-bottom-color: transparent;}
.dz-nav:not(.dz-nav--sticky) ~ main .dz-hero--stage .dz-hero__code {top: calc(-1 * var(--nav-h)); height: calc(760px + var(--nav-h));}
.dz-hero--stage .dz-hero__title {font-family: 'Manrope', var(--font-head); font-weight: 700; letter-spacing: -.035em;}
.dz-hero--stage .dz-hero__sub, .dz-hero__rating, .dz-hero--stage .dz-hero__btn, .dz-hero__menutoggle {font-family: 'Inter', var(--font);}
.dz-hero--stage .dz-hero__btn {font-weight: 600; letter-spacing: -.005em;}
:root { --btn-mint: #1fd3e6; --btn-mint-hi: #6be3f2; --btn-mint-hover: #3fe0f5; --btn-mint-rgb: 31, 211, 230; --btn-ink: #03252b; }
.dz-btn--primary, .dz-hero__btn--primary, .dz-gcard__cta, .dz-pdp .dz-buy__add {--b-bg: var(--btn-mint); --b-fg: var(--btn-ink); --b-bd: transparent; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; background: linear-gradient(180deg, var(--btn-mint-hi) 0%, var(--btn-mint) 100%); color: var(--btn-ink); font-family: 'Inter', var(--font); font-weight: 600; letter-spacing: -.005em; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 30px -10px rgba(var(--btn-mint-rgb), .6); filter: none; transition: background .16s ease, box-shadow .16s ease, transform .16s ease;}
.dz-btn--primary:hover, .dz-hero__btn--primary:hover, .dz-gcard:hover .dz-gcard__cta, .dz-pdp .dz-buy__add:hover {border-color: rgba(255,255,255,.4); color: var(--btn-ink); filter: none; background: linear-gradient(180deg, #8af7e3 0%, var(--btn-mint-hover) 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 12px 34px -10px rgba(var(--btn-mint-rgb), .75);}
.dz-btn--primary:active, .dz-hero__btn--primary:active, .dz-pdp .dz-buy__add:active {transform: translateY(1px);}
.dz-btn--primary .dz-ico, .dz-hero__btn--primary .dz-ico, .dz-gcard__cta .dz-ico, .dz-pdp .dz-buy__add .dz-ico {color: currentColor;}
.dz-btn--primary:disabled, .dz-pdp .dz-buy__add:disabled {opacity: .55; box-shadow: none;}
.dz-btn--ghost, .dz-hero__btn--ghost {border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: transparent; color: #fff; font-family: 'Inter', var(--font); font-weight: 600; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;}
.dz-btn--ghost:hover, .dz-hero__btn--ghost:hover {border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.05); color: #fff;}
.dz-acctbtn {border-color: transparent; font-family: 'Inter', var(--font); font-weight: 600;}
.dz-acctbtn:hover {border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.05);}
.dz-hero__bg {position: absolute; left: 0; right: 0; top: 0; height: max(780px, 56.25vw); z-index: -2; overflow: hidden; pointer-events: none; -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 42%, rgba(0,0,0,.55) 66%, transparent 92%); mask-image: linear-gradient(180deg, #000 0%, #000 42%, rgba(0,0,0,.55) 66%, transparent 92%);}
.dz-hero__bg img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 30%;}
.dz-hero__bg::after {content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 45% at 50% 34%, rgba(var(--bg-rgb), .45), transparent 75%), linear-gradient(90deg, rgba(var(--bg-rgb), .55), transparent 22%, transparent 78%, rgba(var(--bg-rgb), .55)), linear-gradient(180deg, rgba(var(--bg-rgb), .2), rgba(var(--bg-rgb), 0) 30%, rgba(var(--bg-rgb), .35) 60%, rgba(var(--bg-rgb), .8));}
.dz-nav:not(.dz-nav--sticky) ~ main .dz-hero--stage .dz-hero__bg {top: calc(-1 * var(--nav-h)); height: calc(max(780px, 56.25vw) + var(--nav-h));}
.dz-hero--bg .dz-hero__sub {color: #c4c7d0;}
@media (max-width: 720px) {
.dz-hero__bg img {object-position: 58% 30%;}
.dz-hero__bg, .dz-nav:not(.dz-nav--sticky) ~ main .dz-hero--stage .dz-hero__bg {height: calc(640px + var(--nav-h));}
.dz-hero__bg {-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 95%); mask-image: linear-gradient(180deg, #000 0%, #000 50%, transparent 95%);}
}
.dz-hero.dz-hero--stage::before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -2; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 56px 56px; background-position: center top; -webkit-mask-image: radial-gradient(ellipse 85% 75% at 50% 0%, #000 0%, rgba(0,0,0,.45) 55%, transparent 100%); mask-image: radial-gradient(ellipse 85% 75% at 50% 0%, #000 0%, rgba(0,0,0,.45) 55%, transparent 100%);}
.dz-nav:not(.dz-nav--sticky) ~ main .dz-hero--stage::before {top: calc(-1 * var(--nav-h));}
@media (max-width: 720px) {
.dz-hero.dz-hero--stage::before {background-size: 40px 40px;}
}
.dz-hero::before, .dz-hero::after, .dz-tstm::before, .dz-vshow::before, .dz-section--games::after, .dz-promo::before, .dz-promo__art::before {content: none;}
.dz-tcard {background: #14151b;}
.dz-vshow__panel, .dz-foot__paypanel {background: rgba(255,255,255,.02);}
.dz-promo {background: #101117;}
.dz-rvhero {background: none;}
.dz-fcard {background: #15161b;}
.dz-hero__accent, .dz-tstm__accent {background: none; color: var(--tint); -webkit-text-fill-color: currentColor;}
.dz-hero__badgeic, .dz-tcard__avatar {background: var(--accent);}
.dz-hero__badgeic {box-shadow: none;}
.dz-pcard, .dz-gcard {border: 1px solid rgba(255,255,255,.08); border-radius: 14px;}
.dz-pcard:hover, .dz-gcard:hover {border-color: rgba(255,255,255,.16); transform: none; box-shadow: none;}
.dz-pcard__media, .dz-gcard__media {border-bottom: 0;}
.dz-pcard__body, .dz-gcard__body {padding: 18px 18px 18px; margin-top: 0;}
.dz-gcard__name, .dz-pcard__name {margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; color: #fff;}
.dz-gcard__name {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dz-pcard__name {min-height: 0; -webkit-line-clamp: 2; line-clamp: 2;}
.dz-gcard__count {margin: 6px 0 0; padding: 0; color: var(--muted); font-size: 13px;}
.dz-pcard__top {min-height: 22px; margin: 6px 0 0;}
.dz-pcard__group {font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; color: var(--muted);}
.dz-gcard__foot, .dz-pcard__foot {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 26px; border-top: 0;}
.dz-gcard__price, .dz-pcard__price {display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; min-width: 0; margin: 0; line-height: 1.1;}
.dz-gcard__from, .dz-pcard__from {margin: 0; color: var(--muted); font-size: 13px; font-weight: 400;}
.dz-gcard__amt, .dz-pcard__price strong {margin: 0; color: #fff; font-size: 18px; font-weight: 700; line-height: 1.1; white-space: nowrap;}
.dz-gcard__more, .dz-pcard__more {display: inline-flex; align-items: center; gap: 3px; flex-shrink: 0; color: #b4b7c0; font-size: 13.5px; font-weight: 600; white-space: nowrap; transition: color .2s;}
.dz-gcard__more .dz-ico, .dz-pcard__more .dz-ico {transition: transform .2s var(--ease);}
.dz-gcard:hover .dz-gcard__more, .dz-pcard:hover .dz-pcard__more {color: #fff;}
.dz-gcard:hover .dz-gcard__more .dz-ico, .dz-pcard:hover .dz-pcard__more .dz-ico {transform: translateX(2px);}
.dz-pcard.is-out .dz-pcard__more {color: var(--muted);}
.dz-pcard__tags {top: auto; bottom: 12px; left: 12px; right: 12px; justify-content: center;}
.dz-pcard__tag {padding: 3px 14px; border: 1.5px solid rgba(255,255,255,.8); border-radius: 999px; background: rgba(12,12,15,.55); color: #fff; font-size: 13px; font-weight: 500; line-height: 1.4; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.dz-pdp-crumbs {margin: 28px 0 24px;}
@media (max-width: 640px) {
.dz-pdp-crumbs {margin: 18px 0 16px;}
}
.dz-pdp {gap: 28px;}
@media (min-width: 960px) {
.dz-pdp {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start;}
}
.dz-pdp .dz-pdp__stage {padding: 7px; border-radius: 20px; border: 1px solid rgba(255,255,255,.12); background: #0b0c0f; box-shadow: none;}
.dz-pdp__stage .dz-pdp__main {aspect-ratio: 16 / 9; border: 0; border-radius: 14px; background: #000;}
.dz-pdp .dz-pdp__badge {top: 12px; left: 12px; background: var(--badge); border: 0; box-shadow: none;}
@media (max-width: 640px) {
.dz-pdp .dz-pdp__stage {padding: 5px; border-radius: 16px;}
.dz-pdp__stage .dz-pdp__main {border-radius: 11px;}
}
.dz-pdp .dz-pdp__more {margin-top: 24px;}
.dz-pdp .dz-pdp__morehead {margin-bottom: 10px;}
.dz-pdp .dz-pdp__moretitle {font-size: .82rem; font-weight: 500; color: #8d909a;}
.dz-pdp .dz-pdp__arrows {display: none;}
.dz-pdp .dz-pdp__thumbs {grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; overflow: visible; scroll-snap-type: none;}
.dz-pdp .dz-pdp__thumb {aspect-ratio: 16 / 10; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: #0b0c0f; opacity: 1;}
.dz-pdp .dz-pdp__thumb:hover {border-color: rgba(255,255,255,.3);}
.dz-pdp .dz-pdp__thumb.is-active {border-color: rgba(255,255,255,.7);}
.dz-pdp__info > .dz-phead {padding: 0;}
.dz-phead__game {display: inline-flex; align-self: flex-start; font-size: .78rem; font-weight: 600; color: #8d909a;}
.dz-phead__game:hover {color: #fff; text-decoration: none;}
.dz-phead__top {display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-top: 6px;}
.dz-phead .dz-pdp__title {margin: 0; min-width: 0; font-size: clamp(1.4rem, 2vw, 1.7rem); font-weight: 700; line-height: 1.2; letter-spacing: -.01em;}
.dz-phead__score {display: inline-flex; align-items: center; gap: 8px; flex: none; color: #fff; font-size: .82rem;}
.dz-phead__score b {font-weight: 700;}
.dz-phead__score .dz-stars {display: inline-flex; gap: 1px;}
.dz-phead__score .dz-star {fill: rgba(255,255,255,.18);}
.dz-phead__score .dz-star--on {fill: #fbbf24;}
.dz-phead__score:hover {text-decoration: none; opacity: .85;}
.dz-phead__meta {flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 10px;}
.dz-phead__meta:not(:has(*)) {display: none;}
.dz-phead__reviews {margin: 0; font-size: .82rem; color: #7d808a;}
.dz-pdp .dz-buybox {--buy-in: 0px; gap: 14px; margin: 26px 0 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;}
.dz-pdp .dz-variants__label {padding: 0 0 12px; font-size: .82rem; font-weight: 500; letter-spacing: 0; text-transform: none; color: #a3a6af;}
.dz-pdp .dz-variants {grid-template-columns: minmax(0, 1fr); gap: 10px;}
.dz-pdp .dz-variant {display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "radio name price" "radio sub price"; align-items: center; column-gap: 16px; row-gap: 4px; min-height: 74px; padding: 14px 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: #0d0e11; transition: border-color .15s, background .15s;}
.dz-pdp .dz-variant:not(:has(.dz-variant__sub)) {grid-template-areas: "radio name price"; min-height: 60px;}
.dz-pdp .dz-variant:hover {border-color: rgba(255,255,255,.22);}
.dz-pdp .dz-variant:has(input:checked) {border-color: rgba(255,255,255,.55); background: #131418; box-shadow: none;}
.dz-pdp .dz-variant:has(input:focus-visible) {outline: 2px solid var(--btn-mint); outline-offset: 2px;}
.dz-variant__radio {grid-area: radio; position: relative; width: 14px; height: 14px; border-radius: 50%; background: #2a2b31; transition: background .15s;}
.dz-variant:has(input:checked) .dz-variant__radio {background: #fff;}
.dz-variant:has(input:checked) .dz-variant__radio::after {content: ""; position: absolute; inset: 4px; border-radius: 50%; background: #131418;}
.dz-pdp .dz-variant__name {grid-area: name; align-self: end; display: inline-flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; font-size: .9rem; font-weight: 600; letter-spacing: 0; text-transform: none; color: #fff;}
.dz-pdp .dz-variant:not(:has(.dz-variant__sub)) .dz-variant__name {align-self: center;}
.dz-pdp .dz-variant__side {display: contents;}
.dz-pdp .dz-variant__price {grid-area: price; font-size: .9rem; font-weight: 700; color: #fff; text-align: right; white-space: nowrap;}
.dz-pdp .dz-variant__price s {margin-left: 6px; font-size: .75rem; font-weight: 500; color: var(--muted);}
.dz-pdp .dz-variant__sub {grid-area: sub; align-self: start; display: flex; align-items: center; gap: 8px; font-size: .75rem; color: #7d808a; white-space: nowrap;}
.dz-pdp .dz-variant__sub--out {color: #fca5a5;}
.dz-variant__save {flex: none; padding: 2px 7px; border-radius: 999px; background: rgba(34,197,94,.14); color: #4ade80; font-size: 10.5px; font-weight: 700; line-height: 1.2;}
.dz-pdp .dz-variant__best {position: static; transform: none; padding: 2px 6px; border: 0; border-radius: 5px; background: rgba(var(--btn-mint-rgb), .12); color: var(--btn-mint); font-size: 9.5px; font-weight: 700; letter-spacing: .06em;}
.dz-pdp .dz-variant.is-disabled {opacity: .45;}
.dz-buy__bar {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px;}
.dz-pdp .dz-buy__sum {align-items: baseline; gap: 4px 10px; margin: 0; padding: 0; min-width: 0;}
.dz-pdp .dz-buy__big {font-size: 1.6rem; letter-spacing: -.02em;}
.dz-pdp .dz-buy__slash, .dz-pdp .dz-buy__save {padding: 0;}
.dz-pdp .dz-buy__save {padding: 2px 7px; border-radius: 999px; background: rgba(34,197,94,.14); color: #4ade80;}
.dz-pdp .dz-buy__qty {flex: none;}
.dz-pdp .dz-buy__qtylabel {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
.dz-pdp .dz-buy__qty .dz-qty {border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: #0d0e11;}
.dz-pdp .dz-buy__qty .dz-qty__btn, .dz-pdp .dz-buy__qty .dz-qty__btn:first-child {width: 38px; height: 40px; justify-content: center; padding: 0; color: #c3c5cc;}
.dz-pdp .dz-buy__qty .dz-qty__btn:hover {color: #fff;}
.dz-pdp .dz-buy__qty .dz-qty__input {width: 34px; font-size: .95rem;}
.dz-pdp .dz-swarn {padding: 10px 12px; border-radius: 10px; font-size: .8rem;}
.dz-pdp .dz-pnotify__btn {min-height: 44px; border-radius: 10px; border-color: rgba(255,255,255,.1);}
.dz-pdp .dz-buy__ctas {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}
.dz-pdp .dz-buy__ctas .dz-buy__add {min-height: 48px; gap: 8px; padding: 0 14px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: #121317; color: #a3a6af; box-shadow: none; font-size: .95rem; font-weight: 500;}
.dz-pdp .dz-buy__ctas .dz-buy__add:hover {border-color: rgba(255,255,255,.22); background: #17181d; color: #fff; filter: none;}
.dz-pdp .dz-buy__ctas .dz-buy__add > .dz-ico {margin: 0;}
.dz-pdp .dz-buy__ctas .dz-buy__now {width: 100%; min-height: 48px; gap: 6px; padding: 0 14px; border-radius: 8px; font-size: .95rem;}
@media (max-width: 380px) {
.dz-pdp .dz-buy__ctas {grid-template-columns: minmax(0, 1fr);}
}
.dz-pdp .dz-addons {border-radius: 12px; border-color: rgba(255,255,255,.08); background: #0d0e11;}
.dz-pdp .dz-ptrust {justify-content: center; gap: 6px 14px; margin: 0; padding: 0; font-size: 11.5px; color: #8d909a;}
.dz-pdp .dz-ptrust li {gap: 5px;}
.dz-ptrust__ic {display: inline-grid; place-items: center; flex: none; width: 13px; height: 13px; border-radius: 50%; background: #22c55e; color: #0b0c0f;}
.dz-pdp .dz-ptrust .dz-ptrust__ic .dz-ico {width: 9px; height: 9px; stroke-width: 3.5; color: currentColor;}
.dz-pdp__media {min-width: 0;}
@media (max-width: 959px) {
.dz-pdp__media {display: contents;}
.dz-pdp__media > .dz-pstat {order: 3; margin-top: 0;}
}
@media (min-width: 960px) {
.dz-pdp {align-items: stretch;}
.dz-pdp__media {display: flex; flex-direction: column;}
.dz-pdp__media > .dz-pdp__gallery {margin-bottom: 24px;}
.dz-pdp__media > .dz-pstat {margin-top: auto;}
.dz-pdp > .dz-pdp__info {display: flex; flex-direction: column;}
.dz-pdp .dz-buybox {flex: 1 1 auto;}
.dz-pdp .dz-buy__ctas {margin-top: auto;}
}
.dz-pstat {margin-top: 24px; padding: 18px 18px 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #0d0e11;}
.dz-pstat__head {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 12px; margin-bottom: 14px;}
.dz-pstat__title {display: inline-flex; align-items: center; gap: 8px; margin: 0; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #a3a6af;}
.dz-pstat__now {display: flex; align-items: center; gap: 12px;}
.dz-pstat__since {font-size: .75rem; color: #7d808a;}
.dz-pstat .dz-hbars {height: 26px; gap: 2px;}
.dz-pstat .dz-hbars__b {border-radius: 2px;}
.dz-pstat__foot {display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: .75rem; color: #7d808a;}
.dz-pstat__foot b {color: #fff; font-weight: 700;}
.dz-feats__title {font-size: 1.45rem; letter-spacing: -.015em;}
.dz-feats__reqs {justify-content: flex-start; gap: 8px; margin-bottom: 18px;}
.dz-feats__reqs li {padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.09); background: #0d0e11; color: #e6e7eb; font-size: .78rem; font-weight: 500;}
.dz-feats__k {color: #8d909a;}
.dz-feats__sep {color: #4b4e57;}
.dz-feats__grid {gap: 16px;}
.dz-fcard {background: #0d0e11; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; box-shadow: none;}
.dz-fcard__head {align-items: flex-start; gap: 10px; padding: 18px 20px 14px; border-bottom: 1px solid rgba(255,255,255,.06);}
.dz-fcard__ic {width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--c); box-shadow: none;}
.dz-fcard__title {font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #fff;}
.dz-fcard__sub {margin-top: 4px; font-size: .8rem; color: #7d808a;}
.dz-fcard__chips {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 8px 20px; padding: 16px 20px 20px;}
.dz-fcard__chips li {position: relative; padding: 0 0 0 14px; border: 0; border-radius: 0; background: none; color: #d6d8de; font-size: .84rem; font-weight: 500; line-height: 1.45;}
.dz-fcard__chips li::before {content: ""; position: absolute; left: 0; top: .6em; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.28);}
.dz-fcard__chips li.dz-fcard__morewrap {grid-column: 1 / -1; padding: 0;}
.dz-fcard__chips li.dz-fcard__morewrap::before {content: none;}
.dz-fcard__morebtn {padding: 2px 0; border: 0; border-radius: 0; color: var(--btn-mint); font-size: .8rem; font-weight: 600;}
.dz-fcard__morebtn:hover {color: #fff; border: 0;}
.dz-fcard__chips--more {padding: 4px 0 0;}
.dz-fcard__note {color: #7d808a; font-weight: 400;}
@media (max-width: 520px) {
.dz-fcard__chips {grid-template-columns: minmax(0, 1fr);}
}
.dz-review {gap: 12px; padding: 18px 18px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #0d0e11;}
.dz-review__head {display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px;}
.dz-review__avatar {display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #1c1d23; color: #e6e7eb; font-size: .85rem; font-weight: 700;}
.dz-review__who {display: flex; flex-direction: column; min-width: 0; line-height: 1.3;}
.dz-review__author {overflow: hidden; color: #fff; font-size: .88rem; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;}
.dz-review__meta {color: #7d808a; font-size: .75rem;}
.dz-review__product::before {content: none;}
.dz-review__product::after {content: " · ";}
.dz-review .dz-stars {display: inline-flex; gap: 1px;}
.dz-review .dz-star {fill: rgba(255,255,255,.15);}
.dz-review .dz-star--on {fill: #fbbf24;}
.dz-review__title {font-size: .95rem; font-weight: 600;}
.dz-review__body {color: #c9cbd2; font-size: .88rem; line-height: 1.6;}
.dz-review__foot {margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06); color: #7d808a; font-size: .75rem;}
.dz-review__verified {display: inline-flex; align-items: center; gap: 6px; color: #8d909a; font-size: .75rem; font-weight: 500;}
.dz-review__verified .dz-ico {color: #22c55e;}
.dz-review__reply {border-left: 2px solid rgba(255,255,255,.2); border-radius: 0 8px 8px 0; background: rgba(255,255,255,.03);}
.dz-rvcard {gap: 12px; padding: 18px 18px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: #0d0e11;}
.dz-rvcard:hover {border-color: rgba(255,255,255,.16);}
.dz-rvcard__avatar, .dz-rvcard__avatar--anon {width: 34px; height: 34px; border: 0; background: #1c1d23; color: #e6e7eb; font-size: .85rem;}
.dz-rvcard__name {color: #fff; font-size: .88rem;}
.dz-rvcard__verified {gap: 6px; color: #8d909a; font-size: .75rem;}
.dz-rvcard__verified .dz-ico {color: #22c55e;}
.dz-rvcard__date {color: #7d808a; font-size: .75rem;}
.dz-rvcard__stars .dz-stars {display: inline-flex; gap: 1px;}
.dz-rvcard__stars .dz-star {fill: rgba(255,255,255,.15);}
.dz-rvcard__stars .dz-star--on {fill: #fbbf24;}
.dz-rvcard__title {font-size: .95rem; font-weight: 600;}
.dz-rvcard__text {color: #c9cbd2; font-size: .88rem; line-height: 1.6;}
.dz-rvcard__text q {quotes: none;}
.dz-rvcard__reply {border-left: 2px solid rgba(255,255,255,.2); background: rgba(255,255,255,.03);}
.dz-rvcard__foot {border-top-color: rgba(255,255,255,.06); color: #7d808a; font-size: .75rem;}
.dz-tcard {background: #0d0e11; border-color: rgba(255,255,255,.08); border-radius: 12px;}
.dz-tcard.is-center {border-color: rgba(255,255,255,.22); box-shadow: 0 24px 60px rgba(0,0,0,.45);}
.dz-tcard__avatar {width: 34px; height: 34px; border-radius: 50%; background: #1c1d23; color: #e6e7eb; font-size: .78rem;}
.dz-tcard__who small .dz-ico {color: #22c55e;}
.dz-tcard__quote {display: none;}
.dz-tcard__head {padding-right: 0;}
.dz-tcard__stars {gap: 1px;}
.dz-tcard__star, .dz-tcard__star.is-on {width: auto; height: auto; border-radius: 0; background: none;}
.dz-tcard__star {color: rgba(255,255,255,.15);}
.dz-tcard__star.is-on {color: #fbbf24;}
.dz-tcard__star .dz-ico {width: 14px; height: 14px;}
.dz-tcard__body {color: #c9cbd2; font-size: .88rem; line-height: 1.6;}
.dz-tcard__foot {padding-top: 12px; border-top: 1px solid rgba(255,255,255,.06);}
.dz-tcard__date {padding: 0; border: 0; color: #7d808a; font-size: .75rem;}
.dz-tcard__dot {display: none;}