.dragon-era{padding-top:30px}.dragon-era-head{max-width:780px;margin-bottom:22px}.dragon-era-title{font-family:var(--font-display);font-weight:600;font-size:var(--text-xl);line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--text-hi);margin:0 0 8px}.dragon-era-title:before{content:"";display:inline-block;width:22px;height:2px;vertical-align:middle;margin-right:12px;background:linear-gradient(90deg,var(--ember),transparent)}.dragon-era-sub{font-family:var(--font-serif);font-size:var(--text-md);line-height:var(--leading-snug);color:var(--text-mute);margin:0;text-wrap:pretty}.dragon-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:18px;gap:18px;max-width:1180px}.dragon-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface-card);border:1px solid var(--border-1);border-radius:var(--radius-md);box-shadow:var(--shadow-1);overflow:hidden;transition:border-color var(--dur-raven) var(--ease-forge),box-shadow var(--dur-base) var(--ease-forge),transform var(--dur-base) var(--ease-forge)}.dragon-card:hover{border-color:var(--border-2);box-shadow:var(--shadow-2);transform:translateY(-2px)}.dragon-swatch{height:8px;background:linear-gradient(90deg,var(--sw-1,var(--text-mute)) 0,var(--sw-2,var(--text-faint)) 100%);position:relative}.dragon-swatch:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.16) 1px,transparent 0,transparent 9px);opacity:.5}.dragon-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1 1}.dragon-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}.dragon-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--text-hi);margin:0}.dragon-epithet{font-style:italic;font-size:var(--text-md);line-height:1.2;color:var(--ember)}.dragon-color,.dragon-epithet{font-family:var(--font-serif);margin:0}.dragon-color{font-size:var(--text-base);line-height:var(--leading-snug);color:var(--text-body);text-wrap:pretty}.dragon-meta{display:grid;grid-template-columns:auto 1fr;grid-gap:6px 14px;gap:6px 14px;margin:2px 0;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1);padding:12px 0}.dragon-meta dt{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);padding-top:2px}.dragon-meta dd{margin:0;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.4;color:var(--text-body)}.dragon-riders{display:inline}.dragon-arrow{color:var(--text-faint)}.dragon-wild{font-style:italic;color:var(--text-mute)}.dragon-fate{margin:0;font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-base);color:var(--text-body);text-wrap:pretty}.dragon-fate b{font-family:var(--font-mono);font-weight:500;font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ember);display:block;margin-bottom:4px}.dragon-note{margin:0;font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-base);color:var(--text-mute);text-wrap:pretty}.dragon-scale{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-width:900px}.scale-row{display:grid;grid-template-columns:minmax(140px,200px) 1fr auto;align-items:center;grid-gap:14px;gap:14px}.scale-name{font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-hi);line-height:1.2}.scale-epithet{display:block;font-family:var(--font-serif);font-style:italic;font-size:var(--text-2xs);letter-spacing:0;text-transform:none;color:var(--text-faint);margin-top:2px}.scale-track{position:relative;height:14px;background:color-mix(in srgb,var(--text-faint) 10%,transparent);overflow:hidden}.scale-bar,.scale-track{border-radius:var(--radius-full)}.scale-bar{display:block;height:100%;background:linear-gradient(90deg,var(--sw-1,var(--ember)) 0,var(--sw-2,var(--danger)) 100%)}.scale-rel{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-faint);min-width:26px;text-align:right}.dragon-cross{display:flex;flex-wrap:wrap;gap:10px;max-width:1000px}.dragon-cross-veiled{margin-top:16px}.dragon-crosslink{display:inline-flex;align-items:center;gap:8px;font:500 var(--text-xs) /1.2 var(--font-sans);color:var(--text-body);background:color-mix(in srgb,var(--text-faint) 9%,transparent);border:1px solid var(--border-1);border-radius:var(--radius-sm);padding:8px 12px;text-decoration:none;transition:color var(--dur-raven) var(--ease-forge),border-color var(--dur-raven) var(--ease-forge),background var(--dur-raven) var(--ease-forge)}.dragon-crosslink:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--ember);flex:none}.dragon-crosslink:hover{color:var(--text-hi);border-color:color-mix(in srgb,var(--ember) 50%,var(--border-2));background:var(--ember-soft)}.dragon-crosslink:focus-visible{outline:2px solid var(--ember);outline-offset:2px}@media (max-width:560px){.scale-row{grid-template-columns:1fr auto;grid-template-areas:"name name" "track rel";gap:6px 12px}.scale-name{grid-area:name}.scale-track{grid-area:track}.scale-rel{grid-area:rel}}@media (prefers-reduced-motion:no-preference){.dragon-card{opacity:0;animation:dragon-rise var(--dur-base,.32s) var(--ease-forge,ease) forwards;animation-delay:var(--drag-d,0s)}@keyframes dragon-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}