/* Style V2 для страницы уровня (/level/<id>): тёмно-синяя палитра иконки Aivan поверх разметки ldv2.
   Корень страницы получает классы .av2-page .ldx. Цвет темы уровня (если задан Aivan-ом) становится акцентом. */
.ldx {
    --ldv2-accent: var(--level-theme-color, #3b49ff);
    --ldx-accent: var(--level-theme-color, #3b49ff);
    border-radius: 0 !important;
    padding-top: 1.1rem !important;
}
.ldx.has-custom-bg {
    background-image:
        linear-gradient(180deg, rgba(3, 4, 26, .78) 0%, rgba(3, 4, 26, .6) 50%, rgba(3, 4, 26, .88) 100%),
        var(--level-bg-image) !important;
    background-size: cover; background-position: center; background-attachment: fixed;
}
.ldx > .container { max-width: 1280px; }
.ldx .ldv2-ambient { display: none; }
.ldx, .ldx p, .ldx li, .ldx label, .ldx h1, .ldx h2, .ldx h3, .ldx h4, .ldx h5, .ldx h6 { color: var(--av2-ink); }
.ldx .text-muted, .ldx .form-text, .ldx small.text-muted { color: var(--av2-muted) !important; }
.ldx a:not(.btn):not(.av2-btn):not(.av2-tab) { color: var(--av2-sky); }

/* Панели */
.ldx .ldv2-info-panel, .ldx .ldv2-tabs-panel, .ldx .level-info-panel, .ldx .level-tabs-panel {
    background: linear-gradient(160deg, color-mix(in srgb, var(--ldx-accent) 16%, rgba(9, 13, 58, .92)), rgba(4, 6, 30, .94)) !important;
    border: 1px solid color-mix(in srgb, var(--ldx-accent) 40%, rgba(143, 160, 255, .25)) !important;
    box-shadow: 0 0 0 2px #000, 0 22px 50px -24px color-mix(in srgb, var(--ldx-accent) 80%, transparent) !important;
    border-radius: 1.2rem !important;
}
.ldx .ldv2-hero { max-height: none; aspect-ratio: 16 / 9; min-height: 0; background: #000; }
.ldx .ldv2-hero-img { min-height: 0; max-height: none; height: 100%; object-fit: contain; position: relative; z-index: 1; }
.ldx .ldv2-hero::before {
    content: ""; position: absolute; inset: -10%; z-index: 0;
    background: var(--ldx-hero-img) center / cover no-repeat; filter: blur(18px) brightness(.5);
}
.ldx .ldv2-hero-fade { z-index: 2; background: linear-gradient(to top, rgba(3, 4, 26, .9), transparent); }
.ldx .ldv2-hero-shine { z-index: 2; }
.ldx .ldv2-hero-badges { z-index: 3; }
.ldx .ldv2-diff-badge { width: 54px; height: 54px; background: rgba(3, 4, 26, .7); border: 2px solid #000; box-shadow: 0 0 0 1px var(--av2-line), 0 6px 16px rgba(0,0,0,.6); }
.ldx .ldv2-rank-pill, .ldx .ldv2-date-pill {
    font-family: "Oxygene1", "PusabGD", sans-serif; font-weight: 400; letter-spacing: .03em;
    color: #fff; background: linear-gradient(180deg, var(--av2-blue-2), var(--av2-blue)); border: 0; box-shadow: 0 0 0 2px #000;
}
.ldx .ldv2-date-pill { background: rgba(3, 4, 26, .8); box-shadow: 0 0 0 1px var(--av2-line); }
.ldx .ldv2-title {
    font-family: "Oxygene1", "PusabGD", system-ui, sans-serif; font-weight: 400; text-transform: uppercase;
    letter-spacing: .02em; font-size: clamp(1.6rem, 3.2vw, 2.4rem); line-height: 1.1;
    color: #fff !important; text-shadow: 0 3px 0 #000, 0 0 18px color-mix(in srgb, var(--ldx-accent) 70%, transparent);
}
.ldx .ldv2-author { font-style: normal; color: var(--av2-muted); display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }
.ldx .ldv2-author .tag-aivan { color: #fff; background: linear-gradient(180deg, var(--av2-blue-2), var(--av2-blue)); padding: 0 .4rem; border-radius: .35rem; box-shadow: 0 0 0 1px #000; }
.ldx .level-card-v2-player-icon { width: 22px; height: 22px; border-radius: 4px; box-shadow: 0 0 0 1px #000; }
/* Инфо-плитки: один стиль для всех (подпись сверху, значение снизу, одинаковый размер) */
.ldx .ldv2-meta-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.ldx .ldv2-meta-chip {
    display: flex !important; flex-direction: column; justify-content: center; gap: .3rem; min-height: 4.1rem; padding: .55rem .7rem !important;
    background: rgba(2, 3, 20, .55) !important; border: 1px solid var(--av2-line) !important; border-radius: .8rem !important;
    box-shadow: none !important; transition: transform .15s, border-color .15s;
}
.ldx .ldv2-meta-chip:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--ldx-accent) 70%, #fff) !important; }
.ldx .ldv2-meta-chip > span {
    display: block; margin: 0 !important; font-size: .62rem !important; font-weight: 800 !important; letter-spacing: .07em !important;
    text-transform: uppercase; color: var(--av2-sky) !important; line-height: 1.2;
}
.ldx .ldv2-meta-chip > strong {
    display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; min-height: 1.75rem; margin: 0;
    font-size: 1.02rem !important; font-weight: 800 !important; line-height: 1.2; color: #fff !important; font-variant-numeric: tabular-nums;
}
.ldx .ldv2-meta-chip > strong .num-grouped, .ldx .ldv2-meta-chip > strong .num-g, .ldx .ldv2-meta-chip > strong .num-sep { display: inline; font: inherit; color: inherit; }
.ldx .ldv2-meta-accent, .ldx .ldv2-meta-lp, .ldx .ldv2-meta-tier, .ldx .ldv2-meta-id,
.ldx .ldv2-meta-status.level-chip-status-verified, .ldx .ldv2-meta-status.level-chip-status-pending, .ldx .ldv2-meta-status.level-chip-status-wip {
    background: rgba(2, 3, 20, .55) !important; border-color: var(--av2-line) !important;
}
/* статус — цветная точка вместо отдельной заливки */
.ldx .ldv2-meta-status > strong::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--av2-sky); box-shadow: 0 0 0 2px #000, 0 0 8px currentColor; flex: none; }
.ldx .ldv2-meta-status.level-chip-status-verified > strong::before { background: #4ade80; color: #4ade80; }
.ldx .ldv2-meta-status.level-chip-status-pending > strong::before { background: #facc15; color: #facc15; }
.ldx .ldv2-meta-status.level-chip-status-wip > strong::before { background: #ec4899; color: #ec4899; }
.ldx .ldv2-meta-chip .level-card-v2-player-icon-link { display: inline-flex; }
.ldx .ldv2-meta-chip .av2-copy { font-size: .95rem; padding: .15rem .5rem .15rem .6rem; }
.ldx .ldv2-meta-tier > strong > * { margin: 0 !important; }
.ldx .ldv2-meta-chip strong .level-tier-badge { font-size: .72rem; color: #fff; }
.ldx .ldv2-meta-chip strong .level-tier-badge span { color: #fff !important; font-size: inherit !important; letter-spacing: inherit !important; font-weight: 800 !important; }
.ldx .ldv2-meta-chip strong .av2-copy i, .ldx .ldv2-meta-chip strong .level-card-v2-player-icon-link { color: inherit; }
.ldx .ldv2-lp-form { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .7rem; padding: .55rem .7rem; border-radius: .8rem; background: rgba(2, 3, 20, .55); border: 1px solid var(--av2-line); }
.ldx .ldv2-lp-label { margin: 0; font-size: .62rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--av2-sky) !important; }
.ldx .ldv2-lp-input { width: 5rem !important; background: #03041a !important; color: #fff !important; border: 1px solid var(--av2-line) !important; }
@media (max-width: 575.98px) { .ldx .ldv2-meta-grid { grid-template-columns: 1fr 1fr; } }
.ldx .ldv2-genre { background: rgba(2,3,20,.6); border-color: var(--av2-line); transition: transform .2s; }
.ldx .ldv2-genre:hover { transform: scale(1.2) rotate(-4deg); }
.ldx .ldv2-cta, .ldx .btn.ldv2-cta, .ldx .btn-primary {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ldx-accent) 70%, #fff 0%), color-mix(in srgb, var(--ldx-accent) 80%, #000)) !important;
    border: 0 !important; color: #fff !important; font-weight: 800;
    box-shadow: 0 0 0 2px #000, inset 0 2px 0 rgba(255,255,255,.22) !important;
}
.ldx .btn-secondary, .ldx .btn-outline-secondary, .ldx .btn-outline-primary, .ldx .btn-link {
    color: #fff !important; background: rgba(143, 160, 255, .1) !important; border: 1px solid var(--av2-line) !important;
}
.ldx .btn-link { text-decoration: none; }
.ldx .btn-outline-danger, .ldx .btn-danger { color: #fecaca !important; background: rgba(220,38,38,.18) !important; border: 1px solid rgba(248,113,113,.45) !important; }
.ldx .btn-success { color: #fff !important; background: #16a34a !important; border: 0 !important; }

/* Поля ввода */
.ldx .form-control, .ldx .form-select, .ldx textarea {
    background-color: rgba(2, 3, 20, .85) !important; color: #fff !important; border: 1px solid rgba(143, 160, 255, .3) !important;
}
.ldx .form-control:focus, .ldx .form-select:focus { box-shadow: 0 0 0 3px rgba(59, 73, 255, .35) !important; border-color: var(--av2-sky) !important; }
.ldx .form-control::placeholder { color: rgba(154, 163, 207, .7); }

/* Табы */
.ldx .ldv2-tabs-panel .level-tab-nav-outer, .ldx .ldv2-tabs-panel .tab-nav, .ldx .tab-nav {
    background: rgba(2, 3, 20, .7) !important; border-bottom: 1px solid var(--av2-line) !important;
}
.ldx .tab-btn {
    color: var(--av2-ink) !important; background: transparent !important; border: 0 !important; font-weight: 800 !important;
    border-radius: .75rem !important; margin: .5rem .2rem !important; padding: .45rem .9rem !important;
}
.ldx .tab-btn:hover { background: rgba(143, 160, 255, .12) !important; transform: translateY(-1px); }
.ldx .tab-btn.active {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ldx-accent) 85%, #fff 15%), color-mix(in srgb, var(--ldx-accent) 75%, #000)) !important;
    box-shadow: 0 0 0 2px #000, 0 6px 16px -6px color-mix(in srgb, var(--ldx-accent) 90%, transparent) !important; color: #fff !important;
}
.ldx .tab-btn .ldx-count { display: inline-block; min-width: 1.4em; margin-left: .35rem; padding: 0 .35rem; border-radius: 999px; font-size: .72rem; background: rgba(0,0,0,.4); }
.ldx .level-tab-scroll-btn { color: #fff; background: rgba(2,3,20,.9); border-color: var(--av2-line); }
.ldx .tab-content { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.ldx .tab-pane-content { animation: ldxPane .3s ease; }
@keyframes ldxPane { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.ldx .tab-pane-content > h4 { font-family: "Oxygene1", "PusabGD", sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: .03em; color: #fff; text-shadow: 0 2px 0 #000; }

/* Старые светлые плашки внутри вкладок (inline background) — перекрашиваем */
.ldx [style*="background: #f8fafc"], .ldx [style*="background:#f8fafc"],
.ldx [style*="background: #f1f5f9"], .ldx [style*="background: var(--card-bg"], .ldx [style*="background: var(--panel-bg"] {
    background: rgba(2, 3, 20, .55) !important; border: 1px solid var(--av2-line) !important; border-radius: .9rem !important;
}
.ldx .ratio { border-radius: .9rem; overflow: hidden; box-shadow: 0 0 0 2px #000, 0 0 0 3px var(--av2-line); }
.ldx .level-review-card { border-color: var(--av2-line) !important; }
.ldx .frame-clicks-card { background: rgba(2,3,20,.6); border: 1px solid var(--av2-line); color: #fff; }
.ldx .level-style-admin-card { background: rgba(9, 13, 58, .85) !important; border: 1px solid var(--av2-line) !important; box-shadow: 0 0 0 1px #000; }
.ldx .modal-content { background: #070a33; color: #fff; border: 1px solid var(--av2-line); }
.ldx .badge.bg-secondary, .ldx .lp-badge { background: rgba(143,160,255,.18) !important; color: #fff; }

/* ---------- Создатели (V2) ---------- */
.ldx-creators { display: grid; grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr)); gap: .6rem; }
.ldx-creator {
    display: flex; align-items: center; gap: .6rem; padding: .6rem .7rem; border-radius: .9rem; text-decoration: none;
    background: rgba(2,3,20,.55); border: 1px solid var(--av2-line); color: #fff !important; transition: transform .15s, border-color .15s;
}
a.ldx-creator:hover { transform: translateY(-2px); border-color: var(--av2-sky); }
.ldx-creator img { width: 40px; height: 40px; border-radius: 6px; box-shadow: 0 0 0 2px #000; }
.ldx-creator .is-ghost { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 6px; background: rgba(143,160,255,.1); color: var(--av2-muted); font-weight: 900; }
.ldx-creator b { font-size: .95rem; min-width: 0; overflow-wrap: anywhere; }
.ldx-creator small { display: block; color: var(--av2-muted); font-size: .68rem; font-weight: 700; }

/* ---------- Викторы (V2) ---------- */
.vx { --vx-c: var(--ldx-accent, #3b49ff); }
.vx-podium { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: .6rem; margin: .2rem 0 1rem; }
.vx-step {
    position: relative; display: flex; flex-direction: column; align-items: center; gap: .25rem; padding: .9rem .5rem 0; text-align: center;
    text-decoration: none; color: #fff !important; border-radius: 1rem 1rem .4rem .4rem;
    background: linear-gradient(180deg, rgba(143,160,255,.14), rgba(2,3,20,.6)); border: 1px solid var(--av2-line);
    transition: transform .2s; animation: vxRise .5s cubic-bezier(.2,.9,.3,1.3) both;
}
.vx-step:hover { transform: translateY(-4px); }
.vx-step.is-1 { order: 2; animation-delay: .15s; padding-top: 1.1rem; border-color: rgba(255,216,74,.55); background: linear-gradient(180deg, rgba(255,216,74,.18), rgba(2,3,20,.6)); }
.vx-step.is-2 { order: 1; animation-delay: .3s; }
.vx-step.is-3 { order: 3; animation-delay: .45s; }
@keyframes vxRise { from { opacity: 0; transform: translateY(30px) scale(.9); } to { opacity: 1; transform: none; } }
.vx-step-label { font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--av2-sky); }
.vx-step.is-1 .vx-step-label { color: var(--av2-gold); margin-bottom: .35rem; }
.vx-step-icon, .vx-step .vx-duo img { width: 56px; height: 56px; border-radius: 8px; box-shadow: 0 0 0 3px #000, 0 8px 18px -6px rgba(0,0,0,.8); }
.vx-step.is-1 .vx-step-icon { width: 70px; height: 70px; animation: vxBob 2.4s ease-in-out infinite; }
@keyframes vxBob { 50% { transform: translateY(-5px) rotate(-3deg); } }
.vx-crown { position: absolute; top: -1.55rem; font-size: 1.5rem; filter: drop-shadow(0 2px 0 #000); animation: vxBob 2.4s ease-in-out infinite; }
.vx-step b { font-size: .95rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vx-step small { color: var(--av2-muted); font-size: .72rem; }
.vx-block {
    display: grid; place-items: center; width: 100%; margin-top: .5rem; font-style: normal;
    font-family: "Oxygene1", "PusabGD", sans-serif; font-size: 1.4rem; color: #fff; text-shadow: 0 2px 0 #000;
    background: linear-gradient(180deg, color-mix(in srgb, var(--vx-c) 80%, #fff 0%), color-mix(in srgb, var(--vx-c) 60%, #000));
    border-radius: .5rem .5rem .3rem .3rem; box-shadow: inset 0 0 0 2px #000;
}
.vx-step.is-1 .vx-block { height: 4.2rem; background: linear-gradient(180deg, #ffe680, #d4a20a); color: #1a1300; text-shadow: none; }
.vx-step.is-2 .vx-block { height: 3rem; }
.vx-step.is-3 .vx-block { height: 2.2rem; }
.vx-duo { display: inline-flex; }
.vx-duo { gap: 4px; align-items: center; flex: none; }
.vx-duo img + img { margin-left: 0; }
.vx-icon .vx-duo img { width: 38px; height: 38px; }
.vx-step .vx-duo img { width: 48px; height: 48px; }
.vx-step.is-1 .vx-duo img { width: 54px; height: 54px; }
.vx-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr)); gap: .5rem; margin-bottom: .9rem; }
.vx-stats > div { padding: .5rem .7rem; border-radius: .8rem; background: rgba(2,3,20,.55); border: 1px solid var(--av2-line); text-align: center; }
.vx-stats b { display: block; font-size: 1.5rem; color: #fff; }
.vx-stats span { font-size: .6rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--av2-sky); }
.vx-chart { padding: .6rem .8rem .4rem; margin-bottom: .9rem; }
.vx-chart-head { display: flex; justify-content: space-between; gap: .6rem; flex-wrap: wrap; margin-bottom: .3rem; }
.vx-chart-tip { font-size: .78rem; font-weight: 700; color: #fff; }
.vx-chart svg { display: block; width: 100%; height: 170px; overflow: visible; }
.vx-line { stroke-dasharray: 3000; stroke-dashoffset: 3000; animation: vxDraw 1.4s ease forwards; }
@keyframes vxDraw { to { stroke-dashoffset: 0; } }
.vx-dot { fill: #fff; stroke: #000; stroke-width: 2; cursor: pointer; transition: r .15s, fill .15s; vector-effect: non-scaling-stroke; }
.vx-dot:hover { r: 9; fill: var(--av2-gold); }
.vx-controls { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-bottom: .8rem; }
.vx-search { flex: 1 1 12rem; }
.vx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr)); gap: .55rem; }
.vx-card {
    position: relative; display: grid; grid-template-columns: auto 1fr auto; gap: .6rem; align-items: center;
    padding: .6rem .7rem .6rem .6rem; border-radius: .95rem; background: rgba(2,3,20,.55); border: 1px solid var(--av2-line);
    transition: transform .18s, border-color .18s, box-shadow .18s;
    animation: vxCard .35s ease both; animation-delay: calc(var(--i, 0) * 25ms);
}
@keyframes vxCard { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.vx-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--vx-c) 70%, #fff); box-shadow: 0 12px 28px -16px color-mix(in srgb, var(--vx-c) 90%, transparent); }
.vx-card.is-verifier { border-color: rgba(255,216,74,.55); background: linear-gradient(135deg, rgba(255,216,74,.12), rgba(2,3,20,.55)); }
.vx-card.is-first { border-color: rgba(74,222,128,.45); }
.vx-card.is-me { box-shadow: 0 0 0 2px var(--av2-sky), 0 0 22px -4px var(--av2-sky); }
.vx-card.is-lp { opacity: .9; border-style: dashed; }
.vx-card.is-flash { animation: vxFlash 1.2s ease; }
@keyframes vxFlash { 0%, 100% { box-shadow: none; } 30% { box-shadow: 0 0 0 3px var(--av2-gold), 0 0 30px var(--av2-gold); } }
.vx-num { position: absolute; top: .3rem; right: .55rem; font-size: .8rem; color: var(--av2-muted); }
.vx-icon img, .vx-icon .vx-duo img { width: 44px; height: 44px; border-radius: 6px; box-shadow: 0 0 0 2px #000; transition: transform .25s cubic-bezier(.2,.9,.3,1.5); }
.vx-card:hover .vx-icon img { transform: rotate(-8deg) scale(1.1); }
.vx-info { min-width: 0; }
.vx-nick { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 2.2rem; }
.vx-nick a { color: #fff !important; text-decoration: none; }
.vx-and { color: var(--av2-muted); }
.vx-badges { display: flex; flex-wrap: wrap; gap: .25rem; margin: .2rem 0; }
.vx-badges .av2-chip { padding: .05rem .45rem; font-size: .66rem; }
.vx-date { font-size: .74rem; color: var(--av2-muted); font-variant-numeric: tabular-nums; }
.vx-play {
    display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 0; cursor: pointer; color: #fff; font-size: .85rem;
    background: linear-gradient(180deg, #ff4d4d, #c40000); box-shadow: 0 0 0 2px #000; transition: transform .15s;
}
.vx-play:hover { transform: scale(1.15); }
.vx-grid.is-list { grid-template-columns: 1fr; }
.vx-none, .vx-empty { text-align: center; color: var(--av2-muted); padding: 1.2rem 0; }
.vx-empty-cube img { width: 72px; height: 72px; border-radius: 10px; box-shadow: 0 0 0 3px #000; animation: vxBob 2.4s ease-in-out infinite; margin-bottom: .6rem; }
.vx-next {
    display: flex; align-items: center; gap: .8rem; margin-top: .9rem; padding: .8rem 1rem; border-radius: 1rem; text-decoration: none;
    color: #fff !important; border: 2px dashed rgba(143,160,255,.45); background: rgba(59,73,255,.08); transition: background .15s, border-color .15s;
}
.vx-next:hover { background: rgba(59,73,255,.2); border-color: var(--av2-sky); }
.vx-next-num { font-size: 1.6rem; color: var(--av2-sky); }
.vx-next-arrow { margin-left: auto; font-size: 1.3rem; transition: transform .2s; }
.vx-next:hover .vx-next-arrow { transform: translateX(5px); }
.vx-modal { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 1rem; background: rgba(0,0,0,.75); backdrop-filter: blur(4px); }
.vx-modal[hidden] { display: none; }
.vx-modal-box { width: min(960px, 100%); padding: .8rem; border-radius: 1.1rem; background: #070a33; border: 1px solid var(--av2-line); box-shadow: 0 0 0 2px #000; animation: vxCard .25s ease; }
.vx-modal-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: .5rem; color: #fff; }
.vx-modal-x { border: 0; background: none; color: #fff; font-size: 1.2rem; cursor: pointer; }
.vx-modal-frame { position: relative; aspect-ratio: 16 / 9; border-radius: .8rem; overflow: hidden; background: #000; margin-bottom: .6rem; }
.vx-modal-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (max-width: 575.98px) {
    .vx-podium { grid-template-columns: 1fr 1fr 1fr; gap: .3rem; }
    .vx-step-icon, .vx-step .vx-duo img { width: 42px; height: 42px; }
    .vx-step.is-1 .vx-step-icon { width: 52px; height: 52px; }
    .vx-step b { font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) {
    .vx-step, .vx-card, .vx-line, .vx-step.is-1 .vx-step-icon, .vx-crown, .ldx .tab-pane-content { animation: none !important; stroke-dashoffset: 0; }
}