.hub-body{gap:var(--space-12);padding-block:var(--space-10) 0;display:grid}.hub-body>*{min-inline-size:0}.hub-section>h2{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.hub-section>.hub-note{max-inline-size:var(--measure-reading);margin:0 0 var(--space-5);color:var(--color-text-secondary)}.hub-cols{gap:var(--space-10);display:grid}@media (width>=960px){.hub-cols{gap:var(--space-12);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.hub-actions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-6);display:flex}.stats{gap:var(--space-3);margin:var(--space-6) 0 0;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stat{padding:var(--space-4);background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elev-1)}.stat dt{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:600}.stat dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:1.1}.stat dd small{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);margin-block-start:var(--space-1);font-weight:400;display:block}.tile-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));display:grid}.panel-card{padding:var(--space-5);background:var(--color-surface-glass);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elev-1)}.panel-card>h2,.panel-card>h3{margin:0 0 var(--space-3)}.data-table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm)}.data-table caption{text-align:start;margin-block-end:var(--space-2);font-weight:600}.data-table th,.data-table td{padding-block:var(--space-2);padding-inline:var(--space-2);text-align:start;border-block-end:1px solid var(--color-border-subtle);vertical-align:baseline}.data-table thead th{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);background:var(--color-bg-page);z-index:var(--z-map-ui);font-weight:600;position:sticky;inset-block-start:3.75rem}.data-table td.n,.data-table th.n{text-align:end;font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto}.map-figure{padding:var(--space-2);background:var(--color-bg-space);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elev-2);margin:0}.map-figure img{border-radius:var(--radius-cut);block-size:auto;inline-size:100%;display:block}.map-figure figcaption{padding:var(--space-2) var(--space-1) var(--space-1);font-size:var(--text-xs);color:var(--color-night-text-secondary)}.type-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.type-card{block-size:100%;color:inherit;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-block-start:3px solid var(--fam);border-radius:var(--radius-card);box-shadow:var(--elev-1);transition:transform var(--dur-short) var(--ease-out-soft), box-shadow var(--dur-short) var(--ease-standard), border-color var(--dur-short) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.type-card:hover{border-color:var(--fam);box-shadow:var(--elev-2);transform:translateY(-3px)}.tc-media{aspect-ratio:4/3;background:var(--color-surface-sunken);display:block;position:relative;overflow:hidden}.tc-media .tc-poster,.tc-media .tc-poster img{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--dur-long) var(--ease-out-soft);display:block}.type-card:hover .tc-media .tc-poster img{transform:scale(1.05)}.tc-plate{background:repeating-radial-gradient(circle at 30% 70%, transparent 0 13px, color-mix(in srgb, var(--fam) 18%, transparent) 13px 14px), var(--color-surface-sunken);place-items:center;block-size:100%;display:grid}.tc-plate .tc-glyph{opacity:.92;block-size:34%;inline-size:34%}.tc-interp{padding-block:1px;padding-inline:var(--space-2);font-size:var(--text-2xs);letter-spacing:var(--tracking-plate);text-transform:uppercase;color:var(--color-night-text);background:var(--color-night-veil);border-radius:var(--radius-cut);font-weight:600;position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2)}.tc-body{gap:var(--space-2);padding:var(--space-4);display:grid}.type-card .tc-head{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:600;display:flex}.type-card .tc-def{font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.tc-foot{align-items:center;gap:var(--space-3);margin-block-start:auto;display:flex}.type-card .tc-count{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.tc-share{background:var(--color-surface-sunken);border-radius:var(--radius-pill);flex:1;block-size:6px;overflow:hidden}.tc-bar{inline-size:var(--w);background:var(--fam);border-radius:var(--radius-pill);block-size:100%;display:block}.type-cards--plain .type-card{box-shadow:none;background:0 0;border-block-start-width:1px}.family-head{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);display:flex}.family-head h2,.family-head h3{align-items:center;gap:var(--space-2);margin:0;display:flex}.family-head .glyph{block-size:2rem;inline-size:2rem}.family-head span{color:var(--color-text-secondary);font-size:var(--text-sm)}.era-timeline{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;margin:0;padding:0;list-style:none;display:grid}.era-bin{display:flex}.era-link{gap:var(--space-2);inline-size:100%;padding:var(--space-3);color:inherit;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--elev-1);transition:transform var(--dur-short) var(--ease-out-soft), box-shadow var(--dur-short) var(--ease-standard), border-color var(--dur-short) var(--ease-standard);text-decoration:none;display:grid}.era-link:hover{border-color:var(--color-accent);box-shadow:var(--elev-2);transform:translateY(-3px)}.era-bar{background:var(--color-surface-sunken);border-radius:var(--radius-cut);align-items:flex-end;block-size:4.5rem;display:flex;overflow:hidden}.era-fill{inline-size:100%;block-size:var(--share);background:linear-gradient(180deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 45%, transparent));border-radius:var(--radius-cut);min-block-size:2px;display:block}.era-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;line-height:1.2}.era-count{font-size:var(--text-lg);font-weight:600}.era-share{color:var(--color-text-tertiary)}.era-section{scroll-margin-block-start:var(--space-24)}