/* Discology NEXT V3.3 — isolated cards component. */
.dx-label{display:flex;flex-direction:column;min-width:0;height:100%;background:#0d1922;border:1px solid #314852;border-radius:12px;overflow:hidden;transition:border-color .26s,box-shadow .28s,transform .28s}
.dx-label:hover,.dx-label:focus-visible{border-color:#70e6d4;box-shadow:0 12px 42px #000b,0 0 25px #32fcdc22;transform:translateY(-5px)}
.dx-label__art{position:relative;aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:17px;background:radial-gradient(circle at 50% 44%,#245769 0%,#122a38 41%,#081723 100%)}
.dx-grid__item:nth-child(4n/**/+2) .dx-label__art{background:radial-gradient(circle at 70% 20%,#293a66,#101c36 52%,#0a1722)}
.dx-grid__item:nth-child(4n/**/+3) .dx-label__art{background:radial-gradient(circle at 20% 70%,#285053,#11262c 46%,#101823)}
.dx-grid__item:nth-child(4n/**/+4) .dx-label__art{background:radial-gradient(circle at 60% 40%,#3e3d57,#1b2134 50%,#0b1620)}
.dx-label__art::after{content:"";position:absolute;inset:0;background:linear-gradient(126deg,#c3f5ff11 0%,transparent 30%,transparent 65%,#38edff09 100%);pointer-events:none}
.dx-label__art img{display:block;width:78%;height:78%;object-fit:contain;background:#f2f4f5;border:6px solid #eaf0ef;border-radius:5px;box-shadow:0 14px 27px #000a;transition:transform .48s ease,box-shadow .48s}
.dx-label:hover .dx-label__art img{transform:scale(1.08) rotate(-2deg);box-shadow:0 19px 36px #000c}
.dx-label__scan{position:absolute;inset:-150% 0 0;opacity:0;background:linear-gradient(180deg,transparent 35%,#76ffe51c 50%,transparent 64%);transition:opacity .25s;pointer-events:none}
.dx-label:hover .dx-label__scan{opacity:1;animation:dx-scan-card 1.2s ease-in-out 1}
.dx-label__info{position:relative;display:flex;flex-direction:column;min-height:79px;padding:13px 41px 15px 13px;background:linear-gradient(180deg,#0b1720,#0a1118)}
.dx-label__name{font-size:12px;font-weight:800;color:#f2f7fb;overflow-wrap:anywhere;line-height:1.35}
.dx-label__meta{font-size:8px;letter-spacing:.15em;color:#829aaa;margin-top:auto;padding-top:9px}
.dx-label__arrow{position:absolute;right:12px;bottom:16px;width:27px;height:27px;border:1px solid #4b6570;color:#eef8fa;border-radius:50%;display:grid;place-items:center;font-size:16px;transition:background .24s,color .24s}
.dx-label:hover .dx-label__arrow{background:var(--dx-lime);border-color:var(--dx-lime);color:#0a1217}
@media(max-width:760px){.dx-label__art{padding:12px}}
@media(max-width:520px){.dx-label__info{min-height:73px;padding:12px 35px 12px 11px}}
@media(max-width:520px){.dx-label__name{font-size:11px}}
@media(max-width:520px){.dx-label__meta{font-size:7px}}
@media(max-width:520px){.dx-label__arrow{width:25px;height:25px;right:8px;bottom:12px}}
.dx-page .dx-grid__item:nth-child(8n/**/+1){--dx-card-neon:#40e8e7;--dx-card-hot:#087eaaa8;--dx-card-cool:#1358b18a;--dx-card-aura:#1bc9e66e}
.dx-page .dx-grid__item:nth-child(8n/**/+2){--dx-card-neon:#78adff;--dx-card-hot:#4b54dca8;--dx-card-cool:#008bc996;--dx-card-aura:#588aff73}
.dx-page .dx-grid__item:nth-child(8n/**/+3){--dx-card-neon:#b489ff;--dx-card-hot:#703bd1ad;--dx-card-cool:#353dab9c;--dx-card-aura:#9366f578}
.dx-page .dx-grid__item:nth-child(8n/**/+4){--dx-card-neon:#ff87c4;--dx-card-hot:#c33892ac;--dx-card-cool:#6238ac9d;--dx-card-aura:#f047b375}
.dx-page .dx-grid__item:nth-child(8n/**/+5){--dx-card-neon:#ffba6c;--dx-card-hot:#b97032b3;--dx-card-cool:#9c415c85;--dx-card-aura:#ffab5575}
.dx-page .dx-grid__item:nth-child(8n/**/+6){--dx-card-neon:#c5f86b;--dx-card-hot:#628c2db5;--dx-card-cool:#18816f8b;--dx-card-aura:#a7e45273}
.dx-page .dx-grid__item:nth-child(8n/**/+7){--dx-card-neon:#56ddff;--dx-card-hot:#006caeac;--dx-card-cool:#174b8f9a;--dx-card-aura:#12b7f578}
.dx-page .dx-grid__item:nth-child(8n){--dx-card-neon:#ff987f;--dx-card-hot:#c85160ac;--dx-card-cool:#6b429ea3;--dx-card-aura:#ff776d73}
.dx-page .dx-label{
  border-color:color-mix(in srgb,var(--dx-card-neon) 49%,#132637);
  background:#0c1420;
  box-shadow:inset 0 1px 0 #ffffff12;
}
.dx-page .dx-label__art{
  isolation:isolate;
  background:
    radial-gradient(ellipse at 19% 17%,var(--dx-card-hot) 0%,transparent 62%),
    radial-gradient(ellipse at 85% 86%,var(--dx-card-cool) 0%,transparent 66%),
    linear-gradient(150deg,#172536 0%,#09121e 100%);
  border-bottom:1px solid color-mix(in srgb,var(--dx-card-neon) 46%,#152d39);
}
.dx-page .dx-label__art::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,#ffffff23 0%,transparent 28%,transparent 75%,#ffffff08 100%);
  opacity:.62;
  transition:opacity .32s ease;
}
.dx-page .dx-label__art::after{z-index:2;background:linear-gradient(145deg,#ffffff19,transparent 43%,#0c133006 80%)}
.dx-page .dx-label__art img{
  position:relative;
  z-index:1;
  border-width:4px;
  box-shadow:0 13px 27px #000b,0 0 24px var(--dx-card-aura);
}
.dx-page .dx-label__info{
  background:linear-gradient(105deg,color-mix(in srgb,var(--dx-card-neon) 10%,#0d1821),#08111a 68%);
}
.dx-page .dx-label__arrow{border-color:color-mix(in srgb,var(--dx-card-neon) 60%,#24414e)}
.dx-page .dx-label:hover,.dx-page .dx-label:focus-visible{
  border-color:var(--dx-card-neon);
  box-shadow:0 16px 38px #000c,0 0 27px var(--dx-card-aura),inset 0 1px 0 #ffffff35;
  transform:translateY(-5px);
}
.dx-page .dx-label:hover .dx-label__art::before,
.dx-page .dx-label:focus-visible .dx-label__art::before{opacity:1}
.dx-page .dx-label:hover .dx-label__art img,
.dx-page .dx-label:focus-visible .dx-label__art img{
  transform:scale(1.055) rotate(-1.5deg);
  box-shadow:0 17px 35px #000c,0 0 30px var(--dx-card-aura);
}
.dx-page .dx-label:hover .dx-label__arrow,
.dx-page .dx-label:focus-visible .dx-label__arrow{
  background:var(--dx-card-neon);border-color:var(--dx-card-neon);color:#07131a;
}
.dx-page--full .dx-label__art{aspect-ratio:1.18}
.dx-page--full .dx-label__name{font-size:clamp(12px,.82vw,16px)}
.dx-page--full .dx-label__info{padding-top:16px;padding-bottom:17px;min-height:85px}
@media (min-width:2500px){.dx-page--full .dx-label__art img{max-width:400px;max-height:400px}}
@media (max-width:520px){.dx-page--full .dx-label__name{font-size:11px}}
@media (max-width:520px){.dx-page--full .dx-label__info{padding-top:12px;padding-bottom:12px;min-height:73px}}
html[data-dx-theme="light"] .dx-page .dx-label{background:#f7fbfd;border-color:color-mix(in srgb,var(--dx-card-neon) 57%,#8caab9);box-shadow:0 7px 20px #4d759120}
html[data-dx-theme="light"] .dx-page .dx-label__art{background:radial-gradient(ellipse at 20% 18%,color-mix(in srgb,var(--dx-card-neon) 25%,white),transparent 75%),radial-gradient(ellipse at 88% 88%,color-mix(in srgb,var(--dx-card-neon) 24%,#c5e1f0),transparent 70%),linear-gradient(155deg,#e6f2f7,#c5dce9)}
html[data-dx-theme="light"] .dx-page .dx-label__info{background:linear-gradient(105deg,color-mix(in srgb,var(--dx-card-neon) 12%,#fff),#f6fbfc 80%)}
html[data-dx-theme="light"] .dx-label__name{color:#183346}
html[data-dx-theme="light"] .dx-label__meta{color:#56788a}
html[data-dx-theme="light"] .dx-label__arrow{color:#245164;border-color:#95b8c9}
html[data-dx-theme="light"] .dx-page .dx-label:hover{box-shadow:0 13px 30px #3d789b38,0 0 22px var(--dx-card-aura)}

/* Only card presentation belongs here; do not modify hero or header for card sizing. */
.dx-page--full .dx-label__meta{display:flex;align-items:center;flex-wrap:wrap;column-gap:5px;row-gap:2px;font-size:9px;letter-spacing:.07em;font-weight:700;line-height:1.45}
.dx-page--full .dx-label__meta-dot{opacity:.65}
@media(max-width:520px){.dx-page--full .dx-label__meta{font-size:8px;column-gap:4px}}
/* V3.4: two vertically aligned metric rows; leave the arrow in its own right column. */
.dx-page--full .dx-label__info{padding-right:45px;min-height:106px}
.dx-page--full .dx-label__meta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex-wrap:nowrap;padding-top:12px;font-size:10px;line-height:1.3;letter-spacing:.065em;font-variant-numeric:tabular-nums}
.dx-page--full .dx-label__metric{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.dx-page--full .dx-label__metric-value{display:inline-block;min-width:2.5ch;font-weight:850;font-size:11px;color:#dbeaf2}
html[data-dx-theme="light"] .dx-page--full .dx-label__metric-value{color:#254e63}
@media(max-width:520px){
  .dx-page--full .dx-label__info{padding-right:37px;min-height:91px}
  .dx-page--full .dx-label__meta{font-size:8px;gap:3px;padding-top:9px}
  .dx-page--full .dx-label__metric{gap:4px}
  .dx-page--full .dx-label__metric-value{font-size:9px}
}