.oshi-dna-page{max-width:1080px;margin:0 auto}.oshi-dna-back{align-items:center;gap:6px;min-height:40px;font-size:.85rem;display:inline-flex}.oshi-dna-hero{margin:8px 0 18px}.oshi-dna-eyebrow{letter-spacing:.14em;color:var(--primary);align-items:center;gap:6px;font-size:.72rem;font-weight:800;display:inline-flex}.oshi-dna-hero h1{margin-top:6px;font-size:1.7rem;line-height:1.3}.oshi-dna-hero>p{color:var(--muted-foreground);max-width:640px;margin-top:8px;font-size:.9rem;line-height:1.8}.oshi-dna-progress{background:color-mix(in srgb,var(--primary) 8%,var(--card));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;font-size:.82rem;display:flex}.oshi-dna-progress strong{font-size:1.6rem;line-height:1}.oshi-dna-progress strong small{color:var(--muted-foreground);font-size:.85rem}.oshi-dna-progress svg{vertical-align:-2px;color:var(--primary);margin-right:4px;display:inline}.oshi-dna-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.oshi-dna-grid li{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.oshi-dna-grid li.is-held{border-color:#d4a017;box-shadow:0 0 0 2px #ffd76a99}.oshi-dna-grid figure{aspect-ratio:1;background:color-mix(in srgb,var(--foreground) 5%,transparent);margin:0;position:relative}.oshi-dna-grid img{object-fit:cover;width:100%;height:100%;display:block}.oshi-dna-mark{color:#3b2a00;background:#ffd76a;border-radius:99px;align-items:center;gap:3px;padding:3px 9px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px}.oshi-dna-unknown{letter-spacing:.1em;width:100%;height:100%;color:color-mix(in srgb,var(--foreground) 35%,transparent);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:1.3rem;font-weight:800;display:flex}.oshi-dna-grid li>div{gap:2px;padding:10px 12px 12px;display:grid}.oshi-dna-no{letter-spacing:.1em;color:var(--primary);font-size:.66rem;font-weight:800}.oshi-dna-grid strong{font-size:1rem}.oshi-dna-grid small{color:var(--muted-foreground);font-size:.74rem;line-height:1.55}.oshi-dna-grid li.is-locked{border-style:dashed}.oshi-dna-note{color:var(--muted-foreground);margin-top:14px;font-size:.75rem}.oshi-dna-cta{color:#fff;background:linear-gradient(135deg,#06324a,#0b6a8f 60%,#21a3c4);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:14px 16px;text-decoration:none;display:flex}.oshi-dna-cta span{gap:2px;display:grid}.oshi-dna-cta small{opacity:.85;font-size:.75rem}@media (max-width:1000px){.oshi-dna-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.oshi-dna-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oshi-dna-hero h1{font-size:1.4rem}.oshi-dna-grid li>div{padding:8px 10px 10px}}