.kindred-book{--ink:#453957;--accent:#8066a0;--paper:#fffefa;color:var(--ink);background:var(--paper);border:1px solid #e7dfd0;border-radius:24px;box-shadow:0 8px 35px #49345409;overflow:hidden;max-width:1400px;margin:0 auto}.kindred-cover{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 36px;background:linear-gradient(110deg,#f3eef9,#fff8e9);border-bottom:1px solid #e2d9eb}.kindred-title h1{font:600 clamp(1.9rem,3vw,2.6rem)/1.15 Outfit,sans-serif;margin:10px 0;color:#514163;letter-spacing:-.04em}.kindred-title p{margin:8px 0 15px;font-size:1rem}.kindred-eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:700;color:#82715d}.kindred-preview{display:inline-block;font-size:.75rem;background:#ffffffb8;border:1px solid #dacde5;border-radius:20px;padding:5px 10px;color:#715385}.kindred-progress{min-width:230px;display:flex;flex-direction:column;gap:7px;font-size:.875rem}.kindred-progress>strong{font:600 2.5rem Outfit,sans-serif;color:#735696}.kindred-progress>strong span{font-size:1.25rem;color:#9783a7}.kindred-progress progress{width:100%;height:7px;accent-color:#8f76a9;border:0;border-radius:10px;overflow:hidden}.kindred-progress progress::-webkit-progress-bar{background:#e5dbea}.kindred-progress progress::-webkit-progress-value{background:#9070b0;border-radius:10px}.kindred-progress small{font-size:.75rem;color:#74677d}.kindred-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;gap:16px;border-bottom:1px solid #eee6dc}.kindred-toolbar>.button{font-size:.875rem;min-height:40px}.kindred-tabs{display:flex;flex-wrap:wrap;gap:6px}.kindred-tabs button{border:0;background:none;border-radius:10px;padding:10px 16px;color:#73677b;font-weight:600;font-size:.875rem;cursor:pointer}.kindred-tabs button[aria-pressed=true]{color:#644582;background:#efe6f7}.kindred-pages{padding:24px 30px 30px;min-width:0}.kindred-family-tabs{display:flex;gap:8px;overflow:auto;padding:0 0 12px;scrollbar-width:thin}.kindred-family-tabs button{flex:0 0 92px;border:1px solid transparent;border-radius:14px;background:#faf8f2;color:#796f80;cursor:pointer;line-height:1.25;padding:0 6px 9px;font-size:.75rem}.kindred-family-tabs button[aria-pressed=true]{border-color:#ac8dc4;background:#f2eaf8;color:#61447b;box-shadow:inset 0 0 0 1px #ac8dc4}.kindred-family-tabs .creature-portrait{width:64px;height:64px;margin:auto}.kindred-family-tabs span:last-child{display:block}.kindred-chapter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}.kindred-chapter h2{font:600 1.45rem Outfit,sans-serif;margin:5px 0 0}.kindred-chapter>span{font-size:.875rem;color:#887792;white-space:nowrap}.kindred-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kindred-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:stretch;border:1px solid #e8e1d7;border-radius:17px;background:linear-gradient(#fff,#faf8f2);color:inherit;padding:12px 10px 15px;cursor:pointer;transition:box-shadow .15s,border-color .15s;min-width:0}.kindred-card:hover{border-color:#b8a2c9;box-shadow:0 5px 18px #79559812}.kindred-card.is-original{background:linear-gradient(160deg,#eff5ec,#fff9ed);border-color:#cbd8be}.kindred-card.is-found{background:linear-gradient(#fff,#f6f0fb)}.kindred-card-top{display:flex;align-items:center;justify-content:space-between;min-height:23px;padding:0 2px}.kindred-rarity{display:inline-block;font-size:.75rem;font-weight:600;border-radius:15px;background:#f0ece6;color:#766853;padding:3px 8px;line-height:1.3}.kindred-rarity.rarity-2{background:#e7f4eb;color:#3c725b}.kindred-rarity.rarity-3{background:#e6effc;color:#426996}.kindred-rarity.rarity-4{background:#f2e7fb;color:#8653a5}.kindred-rarity.rarity-5{background:#fcf0cf;color:#856621}.kindred-collected{display:flex;align-items:center;justify-content:center;color:#638471;background:#e1efe5;border-radius:50%;width:23px;height:23px}.kindred-collected .icon{width:14px;height:14px}.kindred-portrait{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;isolation:isolate}.kindred-portrait>.creature-portrait{width:100%;height:100%}.kindred-portrait.is-silhouette>.creature-portrait{filter:brightness(0);opacity:.16}.kindred-question{position:absolute;top:42%;left:44%;color:#fff9;z-index:1;font:600 1.7rem Outfit,sans-serif}.kindred-card>.kindred-portrait{max-width:180px;align-self:center;margin:-4px 0 -8px}.kindred-card-copy{display:flex;flex-direction:column;gap:5px}.kindred-card-copy>strong{font:600 1.05rem Outfit,sans-serif;color:#594968;overflow-wrap:anywhere}.kindred-credit{display:block;font-size:.75rem;color:#8b8092;line-height:1.45;font-weight:400;overflow-wrap:anywhere}.kindred-credit strong{font-weight:600;color:#6f5487}.kindred-parent-label{display:block;font-size:.75rem;color:#9a8a72;margin-top:4px}.kindred-colophon{padding:22px 30px;text-align:center;border-top:1px solid #eee6dc;background:#faf7f0}.kindred-colophon>span{display:flex;align-items:center;justify-content:center;gap:7px;color:#9a8255;font-size:.875rem;font-weight:600}.kindred-colophon p{font-size:.875rem;line-height:1.6;margin:8px 0}.kindred-colophon small{color:#908579;font-size:.75rem}.kindred-matrix-help{font-size:1rem;line-height:1.6;margin:0 0 18px}.kindred-matrix-scroll{max-width:100%;max-height:72vh;overflow:auto;border:1px solid #e3dbce;border-radius:14px;scrollbar-width:thin}.kindred-matrix{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:1630px;width:100%;font-size:.75rem}.kindred-matrix th,.kindred-matrix td{border-right:1px solid #eee6dc;border-bottom:1px solid #eee6dc;padding:4px;background:#fffefa;text-align:center;vertical-align:middle;width:108px}.kindred-matrix th{position:sticky;font-weight:600;background:#f4ede4;color:#75644e;z-index:2;padding:8px 5px}.kindred-matrix thead th{top:0}.kindred-matrix th:first-child{left:0;width:112px}.kindred-matrix thead th:first-child{z-index:3}.kindred-matrix th .creature-portrait{width:54px;height:54px;margin:auto}.kindred-matrix th>span:last-child{display:block}.kindred-matrix td button{border:0;background:transparent;color:inherit;cursor:pointer;width:100%;padding:0 3px 8px;border-radius:8px;min-height:136px}.kindred-matrix td button:hover{background:#f4eafb}.kindred-matrix td .kindred-portrait{width:75px;height:75px;margin:-6px auto -8px}.kindred-matrix td strong{display:block;font-size:.75rem}.kindred-matrix .kindred-credit{font-size:.75rem;line-height:1.3;margin-top:4px}.kindred-matrix .kindred-diagonal{background:#edf3e8}.kindred-table-owned{color:#5c8066;font-size:.75rem;display:block;margin-top:4px}.kindred-nest-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.kindred-breeding{border:1px solid #e4d8ee;border-radius:18px;padding:24px;background:linear-gradient(150deg,#fdfaff,#fffaf0)}.kindred-breeding>.kindred-chapter{margin-top:0}.kindred-breeding>p{font-size:1rem;line-height:1.65;color:#796b82}.kindred-pair-pickers{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;align-items:center}.kindred-parent-picker{min-width:0;text-align:center}.kindred-parent-picker>.creature-portrait,.kindred-pick-empty{width:124px;height:124px;margin:0 auto;display:flex;align-items:center;justify-content:center}.kindred-pick-empty .icon{width:40px;height:40px;color:#d1c2da}.kindred-parent-picker label{display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.kindred-parent-picker select{width:100%;font-size:.875rem;max-width:100%}.kindred-pair-plus{font-size:1.5rem;color:#b59fc3;text-align:center}.kindred-outcome{min-height:165px;margin-top:24px;padding:16px;border:1px dashed #d7c7e3;border-radius:14px;display:flex;align-items:center;gap:12px;background:#ffffff7d}.kindred-outcome>.kindred-portrait{width:145px;height:145px;flex-shrink:0}.kindred-outcome h3{font:600 1.5rem Outfit,sans-serif;margin:5px 0 9px}.kindred-inheritance{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:.875rem;color:#8a7796}.kindred-inheritance strong{color:#76608b}.kindred-unpaired{width:100%;text-align:center;color:#b59ac8;font-size:1rem}.kindred-unpaired .icon{width:32px;height:32px}.kindred-breed-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}.kindred-breed-footer>div{display:flex;align-items:center;font-size:.875rem}.kindred-breed-footer strong,.kindred-breed-footer small{display:block}.kindred-breed-footer small{color:#8b7b96;margin-top:4px;font-size:.75rem}.kindred-breed-footer img{object-fit:contain;margin-left:-10px}.kindred-breed-footer>p{font-size:.875rem;max-width:240px;line-height:1.5}.kindred-totems{padding:8px 0}.kindred-totems h2{font:600 1.5rem Outfit,sans-serif;margin:5px 0 14px}.kindred-totem{display:flex;align-items:center;gap:5px;border-bottom:1px solid #eee6dc;padding:6px 0}.kindred-totem img{flex-shrink:0;object-fit:contain}.kindred-totem strong{display:block;font-size:.875rem;margin:5px 0;color:#6f5b7e}.kindred-totem small,.kindred-totems>p{font-size:.75rem;color:#9a8c9f;line-height:1.6}.kindred-notice{padding:12px;border-radius:10px;background:#e9f4e9;color:#507452!important;font-size:.875rem!important}.kindred-helper{padding:14px;border-radius:12px;background:#f8edda;font-size:.875rem;line-height:1.6;color:#8a7450}.kindred-nursery{margin-top:28px}.kindred-egg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kindred-egg-card{display:grid;grid-template-columns:100px minmax(0,1fr);border:1px solid #e8ddce;border-radius:16px;align-items:center;gap:10px;padding:14px;background:#fffdf7}.kindred-egg-card>img{width:100px;height:100px;object-fit:contain}.kindred-egg-card h3{font:600 1.05rem Outfit,sans-serif;margin:7px 0}.kindred-egg-card p{font-size:.75rem;color:#8c7d91;line-height:1.5;margin:5px 0}.kindred-egg-card small{font-size:.75rem;color:#988966}.kindred-egg-card>.button{grid-column:1/-1;justify-content:center}.kindred-empty{grid-column:1/-1;text-align:center;border:1px dashed #dacebd;border-radius:16px;padding:26px;color:#aa9574}.kindred-empty .icon{width:32px;height:32px}.kindred-detail{text-align:center}.kindred-detail>.kindred-portrait{width:min(280px,100%);height:260px;margin:auto}.kindred-detail h3{font:600 1.65rem Outfit,sans-serif;margin:12px 0 7px}.kindred-detail>.kindred-credit{font-size:.875rem}.kindred-detail>small{font-size:.75rem;color:#8e7c99}.kindred-native-portrait{display:block;width:100%;height:100%}
/* account-insights-v1: keep framing in nursery, book, cards and playdates. */
.creature-portrait>.kindred-native-portrait.single-portrait{width:auto;height:calc(min(100cqw,100cqh) * var(--portrait-scale));aspect-ratio:1}.kindred-native-portrait img{display:block;width:100%;height:100%;object-fit:contain}.kindred-shelf-link{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;padding:18px;border:1px solid #dfd0eb;border-radius:16px;background:#f6effb;color:#71528b;font-size:.875rem}.kindred-shelf-link small{display:block;margin-top:5px;color:#9881a8;font-size:.75rem}.kindred-book button:focus-visible,.kindred-book a:focus-visible{outline:3px solid #b789d0;outline-offset:3px}.kindred-book button:disabled{opacity:.48;cursor:not-allowed}@media(min-width:1500px){.kindred-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1100px){.kindred-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kindred-nest-layout{grid-template-columns:minmax(0,1fr)}.kindred-totems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kindred-totems>.kindred-eyebrow,.kindred-totems>h2,.kindred-totems>p{grid-column:1/-1}.kindred-totem{border:1px solid #eee6dc;border-radius:12px}.kindred-totem img{width:70px;height:70px}}@media(max-width:700px){.kindred-book{border-radius:18px}.kindred-cover{padding:24px 20px;display:block}.kindred-progress{margin-top:22px;min-width:0}.kindred-progress>strong{font-size:2rem}.kindred-toolbar{padding:14px;align-items:flex-start;flex-wrap:wrap}.kindred-toolbar>.button{margin-left:auto}.kindred-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.kindred-tabs button{padding:10px 5px;line-height:1.3;font-size:.875rem}.kindred-pages{padding:16px 14px 20px}.kindred-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kindred-chapter{align-items:flex-start;flex-direction:column;gap:8px}.kindred-chapter h2{font-size:1.3rem}.kindred-card{padding:10px 5px 12px}.kindred-card-copy>strong{font-size:1rem}.kindred-credit{font-size:.75rem}.kindred-card>.kindred-portrait{max-width:155px}.kindred-breeding{padding:16px 12px}.kindred-parent-picker>.creature-portrait,.kindred-pick-empty{width:95px;height:95px}.kindred-pair-pickers{gap:5px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)}.kindred-parent-picker select{padding:9px 4px}.kindred-outcome{padding:10px;gap:4px}.kindred-outcome>.kindred-portrait{width:100px;height:100px}.kindred-outcome h3{font-size:1.25rem}.kindred-outcome .kindred-eyebrow{font-size:.75rem}.kindred-inheritance{font-size:.75rem}.kindred-breed-footer{flex-wrap:wrap}.kindred-breed-footer>.button{width:100%;justify-content:center}.kindred-egg-grid{grid-template-columns:1fr}.kindred-totem{gap:0}.kindred-totem img{width:60px;height:60px}.kindred-totem strong{font-size:.875rem}.kindred-colophon{padding:20px 16px}.kindred-matrix-scroll{max-height:66vh}.kindred-matrix th:first-child{width:90px}.kindred-title h1{font-size:2rem}}