@import"https://ouroboros-smp.com/css/styles.css";html{min-width:320px;background:#1c1338}body,#root{min-height:100vh}.site-shell{display:flex;min-height:100vh;flex-direction:column;background:var(--surface-deep)}.site-main{flex:1}.nav__auth{display:flex;align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.nav__auth--loading,.nav__auth--unlinked{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.nav__auth-name{color:var(--text-primary);font-weight:var(--weight-semibold)}.nav__auth-link,.nav__auth-signin{border:var(--border-line) solid var(--purple-600);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-decoration:none;text-transform:uppercase;white-space:nowrap;padding:var(--space-2) var(--space-3)}.nav__auth-link:hover,.nav__auth-signin:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.nav__auth-signout{border:0;background:transparent;color:var(--text-muted);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-decoration:underline;text-transform:uppercase}.nav__auth-signout:hover{color:var(--text-primary)}.auth-banner{margin-bottom:var(--space-4);border:var(--border-line) solid var(--accent-gold);border-radius:var(--radius-md);background:#160d2eeb;padding:var(--space-3) var(--space-4)}.auth-banner p{margin:0;color:var(--text-primary);font-size:var(--text-sm)}.kinship-hero .hero__title{max-width:10ch}.kinship-hero .hero__sub{max-width:50ch}.kinship-hero:after{opacity:.34}.kinship-chapter{border-top:var(--border-line) solid var(--border-subtle);padding-top:var(--space-8)}.kinship-chapter__intro{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1.65fr);align-items:start;gap:var(--space-6);max-width:66rem}.kinship-chapter__number,.kinship-entry__eyebrow{display:block;color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.kinship-chapter__number{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.kinship-chapter__number:after{width:var(--space-7);height:var(--border-line);background:var(--accent-gold);content:""}.kinship-chapter__intro h2{color:var(--text-primary);font-size:clamp(var(--text-3xl),6vw,var(--text-5xl))}.kinship-chapter__intro p{max-width:62ch;margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.kinship-mechanics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:var(--space-7);border-top:var(--border-line) solid var(--border-strong);border-right:var(--border-line) solid var(--border-subtle)}.kinship-mechanic{position:relative;min-height:0;border:0;border-bottom:var(--border-line) solid var(--border-subtle);border-left:var(--border-line) solid var(--border-subtle);border-radius:0;background:transparent;box-shadow:none;padding:var(--space-4)}.kinship-mechanic>span,.kinship-commands__intro>span{color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.kinship-mechanic h3{margin-top:var(--space-3);color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-regular);line-height:var(--leading-snug)}.kinship-mechanic p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.kinship-commands{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-6);border:var(--border-line) solid var(--accent-gold);border-radius:0;background:var(--surface-panel-inked);box-shadow:var(--ink-shadow-crimson);padding:var(--space-5)}.kinship-commands__intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2) var(--space-5);max-width:none;padding-bottom:var(--space-5);border-bottom:var(--border-line) solid var(--border-gold)}.kinship-commands__intro>span{grid-row:1 / span 2;align-self:start;width:max-content;border:var(--border-thick) solid var(--ink-900);background:var(--accent-pop);box-shadow:var(--ink-shadow-dark);color:var(--ink-900);padding:var(--space-2) var(--space-4)}.kinship-commands__intro h3{margin:0;color:var(--text-primary);font-size:var(--text-2xl)}.kinship-commands__intro p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.kinship-commands__intro code{color:var(--gold-300)}.kinship-command-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6) var(--space-8);margin-top:0}.kinship-command-platforms--single{grid-template-columns:1fr}.kinship-command-platform{min-width:0;border:var(--border-line) solid var(--border-gold);border-radius:0;background:var(--surface-sunken);padding:var(--space-4)}.kinship-command-platform__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.kinship-command-platform__header span{border:0;border-left:var(--border-thick) solid var(--accent-pop);border-radius:0;color:var(--gold-300);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);padding:var(--space-1) var(--space-2);text-transform:uppercase}.kinship-command-platform__header p{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.kinship-command-list{display:grid;align-content:start;gap:var(--space-3);margin:0;padding:0;list-style:none}.kinship-command{position:relative;border:0;border-radius:0;background:transparent;padding:0 0 0 calc(9px + var(--space-3))}.kinship-command:before{position:absolute;top:.45em;left:0;width:9px;height:9px;background:var(--accent-gold);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);content:""}.kinship-command code{min-width:0;overflow-wrap:anywhere;color:var(--purple-200);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-normal)}.kinship-command p{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.kinship-archive-section,.kinship-owner-section{border-top:var(--border-line) solid var(--border-subtle);padding-top:var(--space-7)}.kinship-modes{border:var(--border-line) solid var(--border-strong);border-radius:0;background:var(--surface-sunken);box-shadow:var(--shadow-inset);clip-path:polygon(var(--notch) 0,100% 0,100% calc(100% - var(--notch)),calc(100% - var(--notch)) 100%,0 100%,0 var(--notch));padding:var(--space-6)}.kinship-modes__intro{max-width:64ch}.kinship-modes__intro .kinship-entry__eyebrow{margin-bottom:var(--space-2)}.kinship-modes__intro h2{color:var(--text-primary);font-size:var(--text-2xl)}.kinship-modes__intro p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.kinship-modes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}.kinship-mode{border:var(--border-line) solid var(--border-default);border-radius:0;background:var(--surface-card);padding:var(--space-5)}.kinship-mode__label{display:block;color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.kinship-mode h3{margin-top:var(--space-3);color:var(--text-primary);font-size:var(--text-lg)}.kinship-mode p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.kinship-archive-grid{margin-top:0}.footer__kinship-note{max-width:24ch;margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.family-page-shell{min-height:42rem;padding:var(--space-8) 0 var(--space-9)}.family-page{width:100%}.family-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.family-header__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.family-header__eyebrow:before{width:18px;height:2px;background:var(--accent-gold);content:""}.family-header__eyebrow:hover{color:var(--gold-300)}.family-header h1{color:var(--text-primary);font-size:clamp(var(--text-3xl),6vw,var(--text-5xl))}.meta{margin-top:var(--space-2);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.dynasty-ledger{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5);border:var(--border-line) solid var(--purple-800);border-radius:var(--radius-lg);background:var(--surface-sunken);padding:var(--space-4) var(--space-5)}.dynasty-ledger__stats{display:flex;flex-wrap:wrap;gap:var(--space-5)}.dynasty-ledger__stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:7rem}.dynasty-ledger__stat-label{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.dynasty-ledger__stat-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-semibold)}.dynasty-ledger__progress{display:flex;flex-direction:column;gap:var(--space-2)}.dynasty-ledger__progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.dynasty-ledger__progress-track{overflow:hidden;height:.5rem;border-radius:var(--radius-sm);background:#0a06188c}.dynasty-ledger__progress-fill{height:100%;border-radius:inherit;background:var(--accent-gold);transition:width .25s ease}.family-archive{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-5);border:var(--border-line) solid var(--purple-800);border-radius:var(--radius-lg);background:linear-gradient(rgba(243,236,223,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(243,236,223,.025) 1px,transparent 1px),linear-gradient(165deg,var(--wash-purple),var(--surface-card) 60%);background-size:46px 46px,46px 46px,auto;box-shadow:var(--shadow-lg),var(--shadow-inset);padding:var(--space-4)}.family-archive__heraldry{display:flex;align-items:center;flex-direction:column;gap:var(--space-3);min-width:9rem;padding:var(--space-2) var(--space-1)}.family-archive__rail{display:flex;flex-direction:column;gap:var(--space-5);min-width:11rem;max-width:14rem}.top-renown{width:100%}.top-renown__title{margin:0 0 var(--space-3);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.top-renown__table{width:100%;border-collapse:collapse;font-size:var(--text-xs)}.top-renown__table th{padding:0 0 var(--space-2);border-bottom:var(--border-line) solid var(--purple-800);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-align:left;text-transform:uppercase}.top-renown__table th:last-child,.top-renown__table td:last-child{text-align:right}.top-renown__table td{padding:var(--space-2) 0;border-bottom:var(--border-line) solid rgba(88,63,140,.35);color:var(--text-secondary)}.top-renown__table tr:last-child td{border-bottom:0}.top-renown__head{color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.top-renown__value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:var(--weight-medium)}.family-archive__coat-placeholder{width:120px;height:180px;border:var(--border-line) dashed var(--purple-700);border-radius:var(--radius-sm);background:#160d2e59}.family-heraldry-actions{display:flex;align-items:flex-end;flex-direction:column;gap:var(--space-2);max-width:16rem;text-align:right}.family-heraldry-actions__note{margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.family-archive__edit{white-space:nowrap}.family-archive__heraldry-note{margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed);text-align:center}.family-archive__coat,.family-tree-canvas{position:relative}.family-tree-canvas{position:relative;overflow:hidden;min-width:0;min-height:clamp(18rem,42vh,28rem);border:var(--border-line) solid var(--purple-900);border-radius:var(--radius-md);background:#0a06186b;touch-action:none}.family-tree-canvas--interactive{cursor:grab}.family-tree-canvas--interactive:active{cursor:grabbing}.family-tree-canvas__hint{position:absolute;right:var(--space-3);bottom:var(--space-3);margin:0;border-radius:var(--radius-sm);background:#160d2ee0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);pointer-events:none;text-transform:uppercase;padding:var(--space-1) var(--space-2)}.family-tree-svg{display:block;width:100%;height:100%}.family-tree-svg .node image,.node-tooltip img{image-rendering:pixelated}.node-tooltip{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;min-width:13.5rem;gap:var(--space-3);border:var(--border-line) solid var(--accent-gold);border-radius:var(--radius-md);background:#160d2ef5;box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4)}.node-tooltip img{width:48px;height:48px;border-radius:var(--radius-sm)}.node-tooltip strong{color:var(--text-primary)}.node-tooltip p{margin:var(--space-1) 0 0;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.family-status-shell{display:grid;min-height:36rem;place-items:center;padding:var(--space-8) 0}.status{border:var(--border-line) solid var(--purple-800);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-md),var(--shadow-inset);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);padding:var(--space-6);text-align:center;text-transform:uppercase}.status.error{border-color:var(--crimson-700);color:var(--crimson-300)}.family-directory-shell{min-height:42rem}.family-directory-hero{border-bottom:var(--border-line) solid var(--border-subtle);padding:var(--space-8) 0 var(--space-7)}.family-directory-hero__inner{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6)}.family-directory-hero h1{color:var(--text-primary);font-size:clamp(var(--text-3xl),6vw,var(--text-5xl))}.family-directory-hero p{max-width:60ch;margin-top:var(--space-4);color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-relaxed)}.family-directory-hero__count{flex:none;margin-bottom:var(--space-2)}.family-directory-section{min-height:28rem;padding-top:var(--space-7)}.family-directory-section .status{max-width:34rem;margin:var(--space-6) auto}.family-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin:0;padding:0;list-style:none}.family-directory-grid>li{min-width:0}.family-directory-card{display:flex;min-height:23rem;height:100%;flex-direction:column;color:var(--text-primary)}.family-directory-card:hover{border-color:var(--purple-500);box-shadow:var(--shadow-lg),var(--glow-purple);transform:translateY(-3px)}.family-directory-card--featured{border-color:#e0a93a6b}.family-directory-card__topline{display:flex;min-height:1.75rem;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.family-directory-card__eyebrow{color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.family-directory-card h2,.family-directory-empty h2{margin-top:var(--space-4);color:var(--text-primary);font-size:var(--text-2xl)}.family-directory-card__copy,.family-directory-empty p{margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.family-directory-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:var(--space-6) 0}.family-directory-card__stats div{min-width:0}.family-directory-card__stats dt{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.family-directory-card__stats dd{margin:var(--space-2) 0 0;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--leading-none)}.family-directory-card__link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:auto;color:var(--gold-300);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.family-directory-card:hover .family-directory-card__link{color:var(--accent-gold)}.family-directory-empty{max-width:42rem;margin:var(--space-6) auto;text-align:center}.family-archive__coat,.banner-preview{display:block;border:var(--border-line) solid var(--purple-600);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:var(--shadow-inset);image-rendering:pixelated}.heraldry-page-shell{min-height:42rem;padding:var(--space-8) 0 var(--space-9)}.heraldry-page{width:100%}.heraldry-designer{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:var(--space-6)}.heraldry-designer__preview-card,.heraldry-panel{border:var(--border-line) solid var(--purple-800);border-radius:var(--radius-lg);background:var(--surface-sunken);box-shadow:var(--shadow-inset);padding:var(--space-5)}.heraldry-designer__eyebrow{color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.heraldry-designer__preview-card h2{margin-top:var(--space-2);color:var(--text-primary);font-size:var(--text-2xl)}.heraldry-designer__preview{width:100%;max-width:220px;margin-top:var(--space-5)}.heraldry-designer__hint{margin-top:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.heraldry-designer__controls{display:flex;flex-direction:column;gap:var(--space-5)}.heraldry-panel h3{color:var(--text-primary);font-size:var(--text-lg)}.heraldry-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.heraldry-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2rem,1fr));gap:var(--space-2);margin-top:var(--space-4)}.heraldry-swatch{width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.heraldry-swatch--active{border-color:var(--gold-300);box-shadow:0 0 0 2px #d4af3759}.heraldry-layer-list{display:flex;flex-direction:column;gap:var(--space-3)}.heraldry-layer{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-3);align-items:end;border:var(--border-line) solid var(--purple-700);border-radius:var(--radius-md);background:var(--surface-card);padding:var(--space-3)}.heraldry-layer__index{color:var(--accent-gold);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold)}.heraldry-layer__field{display:flex;flex-direction:column;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase}.heraldry-layer__field select{border:var(--border-line) solid var(--purple-600);border-radius:var(--radius-sm);background:var(--surface-deep);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.heraldry-layer__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.heraldry-designer__footer{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:900px){.kinship-mechanics{grid-template-columns:repeat(2,minmax(0,1fr))}.kinship-modes__grid,.family-directory-grid,.heraldry-designer,.heraldry-layer{grid-template-columns:1fr}.family-directory-card{min-height:20rem}}@media(max-width:700px){.kinship-chapter__intro{grid-template-columns:1fr;gap:var(--space-5)}.kinship-chapter__number{padding-top:0}.kinship-mechanics{grid-template-columns:1fr}.kinship-mechanic{min-height:auto}.kinship-command-platforms{grid-template-columns:1fr}.kinship-commands__intro{grid-template-columns:1fr;align-items:start;gap:var(--space-3)}.kinship-commands__intro>span{grid-row:auto}.kinship-command{padding-left:calc(9px + var(--space-3))}.family-header{align-items:flex-start;flex-direction:column}.family-heraldry-actions{align-items:flex-start;max-width:none;text-align:left}.family-archive{grid-template-columns:1fr}.family-archive__heraldry{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:center;min-width:0;width:100%;padding-bottom:var(--space-3);border-bottom:var(--border-line) solid var(--purple-800)}.family-archive__rail{order:-1;max-width:none;width:100%;padding-bottom:var(--space-3);border-bottom:var(--border-line) solid var(--purple-800)}.family-directory-hero__inner{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.kinship-hero .hero__title{font-size:clamp(var(--text-3xl),16vw,var(--text-5xl))}.family-page-shell,.family-directory-hero{padding-top:var(--space-7)}.family-directory-card__stats{gap:var(--space-3)}.family-archive{border-radius:var(--radius-md);padding:var(--space-2);gap:var(--space-3)}}