/* Compact seed dossiers. Public metadata and original artwork only. */
.seed-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; align-items:stretch; }
.seed-card.archive-card { isolation:isolate; padding:0; border:1px solid #656168; border-radius:11px; background:linear-gradient(135deg,#34343b,#2a2c32 70%); box-shadow:0 5px 18px #0003; }
.archive-card::before { background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--role-color) 15%,transparent),transparent 72%); }
.archive-card::after { content:""; position:absolute; inset:0; border-top:2px solid var(--role-color); border-radius:inherit; opacity:.7; pointer-events:none; }
.archive-art { position:absolute; right:-2%; top:0; width:57%; height:100%; z-index:-1; object-fit:cover; object-position:72% 30%; mask-image:linear-gradient(90deg,transparent 3%,#000 68%); opacity:.48; filter:brightness(1.12) contrast(1.06); transition:opacity .35s,transform .45s; pointer-events:none; }
.archive-content { position:relative; height:100%; display:flex; flex-direction:column; padding:18px 21px 0; }
.archive-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.archive-character { display:flex; align-items:center; gap:9px; color:#d6d2d3; font-size:13px; }
.archive-character .character-icon { width:28px; height:28px; filter:drop-shadow(0 2px 5px #0005); }
.archive-ascension { display:inline-flex; align-items:center; gap:7px; flex-shrink:0; font-size:10px; color:#c1bbc0; }
.archive-ascension strong { font:600 13px var(--mono); color:#f5d498; padding:4px 7px; border:1px solid #bba27466; border-radius:5px; background:#111c1bb3; }
.archive-card .archive-title { margin:0; height:auto; min-height:0; padding:0; font:600 21px/1.55 var(--font); color:#fff0d3; }
.archive-title .card-link { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; overflow-wrap:anywhere; white-space:pre-line; }
.archive-title .card-link::after { border-radius:11px; }
.archive-tags { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin-top:12px; }
.archive-tags>span { font-size:11px; line-height:1.5; color:#eddaa7; border:1px solid #c3aa675e; border-radius:4px; padding:3px 8px; background:#d3b46d14; }
.archive-environment { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; color:#c6c0c6; font-size:11px; line-height:1.6; margin-top:14px; }
.archive-environment .archive-channel { display:inline-flex; align-items:center; gap:5px; color:#c4bfc7; }
.archive-channel::before { content:""; width:4px; height:4px; background:#9fbfaa; border-radius:50%; flex-shrink:0; }
.archive-channel.beta { color:#d4c491; }
.archive-channel.beta::before { background:#d4b66e; }
.archive-environment time { color:#b3acb6; font-size:10px; margin-left:auto; }
.archive-card .community-stats { gap:8px 17px; font-size:11px; margin-top:auto; padding:13px 0 12px; color:#b8b1bc; }
.archive-card .community-stats>span { gap:4px; }
.archive-card .community-stats strong { color:#d3cbd4; font-size:12px; font-weight:500; }
.archive-card .community-stats .icon { color:#aea5b4; width:13px; height:13px; }
.archive-card .community-stats .has-activity { color:#d9c38e; }
.archive-card .community-stats .has-activity strong { color:#ffe0a2; font-weight:700; }
.archive-card .community-stats .has-activity .icon { color:#dfc082; }
.archive-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 21px; margin:0 -21px; border-top:1px solid #bac6a52b; background:#1e202766; }
.archive-seed { display:flex; flex-wrap:wrap; align-items:center; gap:10px; min-width:0; }
.archive-seed>span { color:#b6aeb9; font-size:11px; }
.archive-seed code { font:500 14px/1.6 var(--mono); letter-spacing:.5px; color:#e8dbb8; overflow-wrap:anywhere; min-width:0; }
.archive-card .archive-copy { position:relative; z-index:2; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:66px; min-height:33px; margin:0; padding:5px 9px; background:#c3b7840c; color:#e5d0a0; border:1px solid #abb28a55; border-radius:5px; font-size:12px; flex-shrink:0; }
.archive-copy .icon { width:14px; height:14px; }
.archive-card .archive-copy:hover { background:#d4b77520; border-color:#e1c385a6; color:#ffe2a3; }
.archive-card:has(.card-link:focus-visible) { border-color:#e4c786; }
@media(hover:hover) and (pointer:fine) { .archive-card:hover { transform:translateY(-3px); border-color:color-mix(in srgb,var(--role-color) 65%,#d1bd87); box-shadow:0 14px 30px #0005; } .archive-card:hover .archive-art { opacity:.62; transform:translateX(-3px) scale(1.025); } .archive-card:hover .archive-title a { color:#ffe2a7; } }
@media(max-width:1200px) { .archive-content { padding-inline:17px; } .archive-footer { padding-inline:17px; margin-inline:-17px; } .archive-environment { gap:6px 9px; } .archive-environment time { margin-left:0; } }
@media(max-width:640px) { .seed-grid { grid-template-columns:minmax(0,1fr); gap:14px; } .archive-card .archive-title { font-size:20px; } .archive-content { padding:16px 17px 0; } .archive-heading { margin-bottom:11px; } .archive-environment { margin-top:13px; } .archive-art { width:60%; opacity:.42; } .archive-card .community-stats { padding-block:12px; gap:8px 15px; } }
@media(prefers-reduced-motion:reduce) { .seed-card.archive-card { animation:none; transition:none; } .archive-art { transition:none; } .archive-card:hover,.archive-card:hover .archive-art { transform:none; } }

/* Independent card actions stay above the stretched detail link. */
.archive-actions { display:flex; flex-shrink:0; gap:7px; position:relative; z-index:2; }
.detail-copy .seed-share { display:inline-flex; justify-content:center; align-items:center; gap:6px; border:1px solid var(--line); border-radius:5px; padding:7px 12px; background:#ffffff08; color:var(--gold); font:12px var(--font); cursor:pointer; }
.share-dialog { width:min(660px,calc(100vw - 28px)); max-height:90dvh; padding:22px; border:1px solid #706770; border-radius:12px; background:#292b31; color:var(--text); }
.share-dialog .dialog-header { padding:0; margin-bottom:12px; }
.share-dialog h2 { font-size:21px; }
.share-hint { color:var(--muted); font-size:12px; line-height:1.8; margin-bottom:14px; }
.share-preview { min-height:130px; max-height:55dvh; overflow:auto; border:1px solid var(--line); border-radius:8px; background:#22242a; }
.share-preview>p { padding:30px; text-align:center; }
.share-preview img { display:block; width:100%; height:auto; }
.share-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.share-actions .button { font-size:12px; padding:9px 12px; }
.share-actions [hidden],.share-text[hidden] { display:none; }
.share-text { width:100%; min-height:150px; margin-top:14px; padding:10px; font:13px/1.7 var(--font); }
@media(max-width:440px) { .archive-footer { flex-wrap:wrap; gap:9px; } .archive-actions { margin-left:auto; } .share-dialog { padding:16px; } }
.share-dialog .dialog-header { background:#292b31; border-bottom:0; position:static; }