.dna-card-wrapper{flex-direction:column;gap:.75rem;width:100%;max-width:480px;display:flex}.dna-card{--dna-accent:#f0b90b;--dna-bg-from:#1a1400;--dna-bg-to:#0d0d1a;--dna-glow:#f0b90b4d;border:1px solid color-mix(in srgb, var(--dna-accent) 15%, transparent);background:#0d0d1a;border-radius:16px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.dna-card-bg{background:linear-gradient(135deg, var(--dna-bg-from), var(--dna-bg-to) 60%, #0a0a14), radial-gradient(ellipse at 15% 15%, var(--dna-glow), transparent 55%), radial-gradient(ellipse at 85% 80%, #7c3aed0d, transparent 55%);pointer-events:none;position:absolute;inset:0}.dna-card-shimmer{background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--dna-accent) 6%, transparent) 45%, transparent 60%);pointer-events:none;z-index:1;background-size:200% 100%;animation:4s ease-in-out infinite dnaShimmer;position:absolute;inset:0}@keyframes dnaShimmer{0%,to{background-position:200% 0}50%{background-position:-100% 0}}.dna-card-header{z-index:2;align-items:center;gap:.6rem;display:flex;position:relative}.dna-card-fp{color:var(--dna-accent);filter:drop-shadow(0 0 6px var(--dna-glow));flex-shrink:0}.dna-card-title-block{flex-direction:column;flex:1;min-width:0;display:flex}.dna-card-title{background:linear-gradient(90deg, var(--dna-accent), color-mix(in srgb, var(--dna-accent) 60%, #fff));-webkit-text-fill-color:transparent;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:.95rem;font-weight:800}.dna-card-username{color:#fff6;font-size:.72rem;font-weight:500}.dna-card-badges{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.dna-card-rarity{color:var(--dna-accent);background:color-mix(in srgb, var(--dna-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--dna-accent) 15%, transparent);white-space:nowrap;border-radius:6px;padding:.18rem .45rem;font-size:.62rem;font-weight:700}.dna-card-completion{color:var(--dna-accent);background:color-mix(in srgb, var(--dna-accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--dna-accent) 15%, transparent);border-radius:6px;padding:.18rem .45rem;font-size:.62rem;font-weight:700}.dna-archetype{background:color-mix(in srgb, var(--dna-accent) 5%, transparent);border:1px solid color-mix(in srgb, var(--dna-accent) 12%, transparent);z-index:2;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex;position:relative}.dna-archetype-icon{color:var(--dna-accent);filter:drop-shadow(0 0 8px var(--dna-glow));flex-shrink:0}.dna-archetype-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.dna-archetype-name{color:var(--dna-accent);letter-spacing:.01em;text-shadow:0 0 20px var(--dna-glow);font-size:1rem;font-weight:800}.dna-archetype-desc{color:#ffffff80;font-size:.74rem;line-height:1.4}.dna-card-body{z-index:2;align-items:center;gap:1rem;display:flex;position:relative}.dna-card-radar{flex-shrink:0;width:180px;height:180px}.dna-radar-svg{width:100%;height:100%}.dna-radar-label{font-size:10px}.dna-radar-shape{animation:3s ease-in-out infinite radarPulse}@keyframes radarPulse{0%,to{opacity:1}50%{opacity:.8}}.dna-radar-dot-pulse{animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{r:3.5}50%{r:4.5}}.dna-card-traits{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.dna-trait{background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.3rem .5rem;transition:all .2s;display:flex}.dna-trait.filled{background:color-mix(in srgb, var(--dna-accent) 4%, transparent);border-color:color-mix(in srgb, var(--dna-accent) 10%, transparent)}.dna-trait.empty{opacity:.35}.dna-trait-icon{color:#fff6;flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.dna-trait.filled .dna-trait-icon{color:var(--dna-accent)}.dna-trait-text{text-align:center;flex-direction:column;min-width:0;display:flex}.dna-trait-label{color:#fff6;text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:600}.dna-trait-value{color:#f0f0f5;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.dna-trait.filled .dna-trait-value{color:var(--dna-accent)}.dna-card-watermark{color:#fff3;letter-spacing:.04em;z-index:2;justify-content:center;align-items:center;gap:.35rem;padding-top:.15rem;font-size:.62rem;font-weight:600;display:flex;position:relative}.dna-wm-logo{opacity:.3;width:14px;height:14px}.dna-card-actions{gap:.5rem;display:flex}.dna-action-btn{color:#f0f0f5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.dna-action-btn:hover{background:#ffffff14;border-color:#ffffff1f}.dna-action-btn.download:hover{border-color:color-mix(in srgb, var(--dna-accent) 30%, transparent);color:var(--dna-accent)}.dna-action-btn.share:hover{color:#1da1f2;border-color:#1da1f24d}.dna-action-btn:disabled{opacity:.5;cursor:not-allowed}.dna-card-wrapper.compact{max-width:100%}.dna-card-wrapper.compact .dna-card{padding:1rem 1.25rem}.dna-card-wrapper.compact .dna-card-body{align-items:center}.dna-card-wrapper.compact .dna-card-radar{width:170px;height:170px}.dna-card-wrapper.compact .dna-card-traits{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.dna-card-wrapper.compact .dna-trait{justify-content:flex-start}.dna-card-wrapper.compact .dna-trait-text{text-align:left}@media (width<=520px){.dna-card-body{flex-direction:column;align-items:stretch}.dna-card-radar{width:160px;height:160px;margin:0 auto}.dna-card-traits{flex-flow:wrap;gap:.3rem}.dna-trait{flex:calc(50% - .2rem);min-width:120px}.dna-card-badges{flex-direction:column;gap:.2rem}.dna-card-wrapper.compact .dna-card-traits{grid-template-columns:1fr}}