/* Kindred Book · ivory paper, plum cloth, and a little gold. */
.kb-book{--kb-ink:#473b50;--kb-muted:#786e7d;--kb-plum:#6b5278;--kb-line:#e7dfd1;--kb-paper:#fffcf5;--kb-gold:#a38043;max-width:1400px;min-width:0;margin:0 auto;border:1px solid #ded3c2;border-left:9px solid #7d6687;border-radius:8px 24px 24px 8px;background:var(--kb-paper);color:var(--kb-ink);box-shadow:0 12px 40px #513d4310,3px 3px 0 #ece4d5;overflow:hidden;isolation:isolate}
.kb-book *,.kb-detail *{box-sizing:border-box}.kb-book button,.kb-book input,.kb-book select{font:inherit}.kb-book button,.kb-detail button{cursor:pointer}.kb-book button:disabled{cursor:wait;opacity:.5}.kb-book button:focus-visible,.kb-book input:focus-visible,.kb-book select:focus-visible,.kb-book summary:focus-visible,.kb-matrix-scroll:focus-visible,.kb-detail button:focus-visible{outline:3px solid #aa7e39;outline-offset:3px}.kb-book h1,.kb-book h2,.kb-detail h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;color:var(--kb-ink,#473b50)}.kb-book p{line-height:1.6}.kb-eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font:700 10px/1.6 'DM Sans',sans-serif;color:#876d48}.kb-cover{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;align-items:center;position:relative;padding:38px 40px 30px;background:radial-gradient(ellipse at 80% 80%,#e9e9d8 0,transparent 56%),linear-gradient(120deg,#f5ecdf,#fcf6ed 55%,#ede5ef);border-bottom:1px solid #ddcfbb}.kb-cover:before{content:'';position:absolute;inset:12px;border:1px solid #a4804638;border-radius:3px 14px 14px 3px;pointer-events:none}.kb-cover-copy{position:relative;z-index:1}.kb-cover h1{font-size:clamp(38px,4.6vw,68px);line-height:.98;font-weight:400;margin:18px 0 14px}.kb-cover h1 em{font-weight:400;color:#806287}.kb-cover p{font-size:14px;color:#776b79;margin:0 0 16px}.kb-private{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.025em;padding:6px 10px;border:1px solid #bcaa8b6b;border-radius:30px;background:#fffaf37a;color:#77644b}.kb-cover-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;position:relative;min-width:0;align-self:stretch}.kb-cover-art>.kb-portrait{width:175%;max-width:none;position:relative;filter:drop-shadow(0 9px 8px #54465c18);pointer-events:none}.kb-cover-art>.kb-portrait:nth-child(1){z-index:2;transform:translate(-18%,15%) rotate(-7deg)}.kb-cover-art>.kb-portrait:nth-child(2){z-index:3;transform:translate(-27%,-15%)}.kb-cover-art>.kb-portrait:nth-child(3){z-index:1;transform:translate(-31%,15%) rotate(8deg)}.kb-cover-seal{position:absolute;bottom:8px;right:8px;font-size:9px;line-height:1.2;color:#876d48;text-align:center;letter-spacing:.1em;text-transform:uppercase;z-index:4}.kb-cover-seal strong{font:normal 25px/1.1 Georgia,serif;letter-spacing:0}.kb-ledger{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:17px 32px;background:#fffdf8;border-bottom:1px solid var(--kb-line);font-size:11px;color:var(--kb-muted)}.kb-ledger>span strong{font:normal 22px/1 Georgia,serif;color:var(--kb-ink);margin-right:4px}.kb-ledger progress{margin-left:auto;width:100px;max-width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;accent-color:#957d9c;background:#eee6ef}.kb-ledger progress::-webkit-progress-bar{background:#eee6ef}.kb-ledger progress::-webkit-progress-value{background:#957d9c;border-radius:4px}.kb-toolbar{padding:18px 30px 0;display:flex;align-items:center;gap:10px}.kb-tabs{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.kb-tabs button{padding:10px 15px;min-height:44px;color:#796b7d;border:1px solid transparent;border-radius:9px;background:transparent;font-size:13px;font-weight:600;white-space:nowrap}.kb-tabs button[aria-pressed=true]{background:#ede6ef;border-color:#ddd0e2;color:#5b4269}.kb-tabs button:hover{background:#f1eaf2}.kb-refresh{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--kb-line);border-radius:50%;background:#fffaf1;color:#8b7558}.kb-refresh .icon{width:17px;height:17px}.kb-view-options{padding:14px 32px 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.kb-view-options p{font-size:11px;color:var(--kb-muted);margin:0}.kb-check{display:flex;align-items:center;gap:7px;color:#74687b;font-size:12px;min-height:36px;cursor:pointer;white-space:nowrap}.kb-check input{accent-color:#806388;width:16px;height:16px;margin:0}.kb-pages{padding:8px 32px 32px;min-width:0}.kb-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 24px}.kb-search{position:relative;display:flex;align-items:center;flex:1 1 230px;min-width:0}.kb-search>.icon{position:absolute;left:13px;width:17px;height:17px;color:#9e8ba5;pointer-events:none}.kb-search input,.kb-rarity-filter select,.kb-family-controls select{width:100%;min-width:0;min-height:44px;border:1px solid #e2d8e3;border-radius:9px;color:var(--kb-ink);background:#fffefb;padding:10px 12px;font-size:14px;box-shadow:0 1px 2px #48365004}.kb-search input{padding-left:38px;appearance:none}.kb-search input::placeholder{color:#968c9b}.kb-rarity-filter{flex:0 1 145px}.kb-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 20px}.kb-section-heading h2{font-size:27px;line-height:1.15;font-weight:400;margin:5px 0 0}.kb-section-heading>p,.kb-count{font-size:12px;white-space:nowrap;color:#8b7c91}.kb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}.kb-card{--kb-tint:#f2eee1;display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;padding:13px 12px 0;text-align:center;border:1px solid #e8dfd3;border-radius:13px;background:linear-gradient(155deg,#fffefb 30%,#f7f2e9);box-shadow:0 3px 0 #ece4d440;color:var(--kb-ink);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.kb-card:hover{transform:translateY(-3px);border-color:#b8a0c1;box-shadow:0 8px 20px #80638d14}.kb-card.is-original{background:linear-gradient(160deg,#f1f4e8,#fffaf0)}.kb-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px}.kb-rarity{display:inline-block;padding:4px 8px;border-radius:30px;background:#efeade;color:#776b50;line-height:1.2;font-size:10px;font-weight:700;letter-spacing:.015em;white-space:nowrap}.kb-rarity.kb-tier-2{background:#e5efe7;color:#52725b}.kb-rarity.kb-tier-3{background:#e6ecf6;color:#55759a}.kb-rarity.kb-tier-4{background:#efe3f4;color:#89639b}.kb-rarity.kb-tier-5{background:#f3e5bd;color:#886521}.kb-number{font:11px/1.2 Georgia,serif;color:#a19385}.kb-portrait{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;min-width:0;isolation:isolate}.kb-portrait>.creature-portrait{width:100%;height:100%;margin:0}.kb-portrait.is-silhouette>.creature-portrait{filter:brightness(0);opacity:.17}.kb-question{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff9;font:32px Georgia,serif}.kb-card>.kb-portrait{max-width:210px;margin:-3px 0 -6px;background:radial-gradient(ellipse at center,#ede4f26b 0,transparent 64%)}.kb-card-title{font-family:Outfit,sans-serif;font-size:17px;line-height:1.2;font-weight:600;letter-spacing:-.025em;margin:0 0 6px;overflow-wrap:anywhere}.kb-credit{display:block;font-size:10px;line-height:1.5;color:#948695;overflow-wrap:anywhere}.kb-credit strong{font-weight:500;color:#7c6589}.kb-card>.kb-credit{min-height:30px;margin-bottom:12px}.kb-card-pair{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% + 24px);margin-top:auto;border-top:1px solid #ece3d7;background:#f9f5ed;padding:9px 8px;min-height:45px;font-size:10px;line-height:1.5;color:#8a7a6a}.kb-card-pair strong{font-weight:600;color:#79647d}.kb-card-pair>.kb-mini{flex:0 0 35px;width:35px;height:35px}.kb-mini{display:block;width:54px;height:54px;min-width:0;margin:0 auto;flex-shrink:0}.kb-mini .creature-portrait{width:100%;height:100%;margin:0}.kb-owned{display:flex;align-items:center;justify-content:center;gap:5px;width:calc(100% + 24px);padding:5px;background:#e8eee4;color:#637b57;font-size:9px}.kb-owned .icon{width:12px;height:12px}.kb-empty{grid-column:1/-1;padding:28px;text-align:center;background:#f7f2e9;border:1px dashed #cfc1b2;border-radius:12px;color:var(--kb-muted)}.kb-empty p{margin-top:0}.kb-family-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.kb-family-controls>label{font-size:12px;color:var(--kb-muted);margin-right:4px}.kb-family-controls>select{flex:1 1 160px;max-width:320px}.kb-family-turns{display:flex;gap:6px;margin-left:auto}.kb-family-turns .button{width:44px;min-height:44px;justify-content:center;padding:8px}.kb-family-heading{display:flex;align-items:center;gap:18px;border-top:1px solid var(--kb-line);border-bottom:1px solid var(--kb-line);padding:10px 0 18px;margin:22px 0}.kb-family-heading>.kb-portrait{flex:0 0 120px;width:120px;height:120px}.kb-family-heading>div{flex:1}.kb-family-heading h2{font-weight:400;font-size:26px;line-height:1.2;margin:5px 0}.kb-family-heading p{font-size:12px;color:var(--kb-muted);margin:6px 0}.kb-family-heading>.button{font-size:12px;white-space:nowrap}.kb-help{font-size:13px;color:var(--kb-muted);line-height:1.65;margin:0 0 18px;max-width:650px}.kb-atlas{margin-top:18px}.kb-atlas summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;padding:13px 0;font-size:12px;font-weight:600;min-height:44px;color:#775c85}.kb-atlas summary:before{content:'▸';margin-right:3px}.kb-atlas[open] summary:before{content:'▾'}.kb-atlas summary span{margin-left:auto;font-size:10px;font-weight:400;color:#968894}.kb-matrix-scroll{max-width:100%;overflow:auto;max-height:68vh;max-height:68dvh;overscroll-behavior:contain;border:1px solid #d8ccb9;border-radius:12px;scrollbar-width:thin;scrollbar-color:#cdb9d2 #f7f2e9;isolation:isolate;-webkit-overflow-scrolling:touch}.kb-matrix{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1900px;min-width:1900px;font-size:11px;text-align:center}.kb-matrix th,.kb-matrix td{width:126px;padding:5px;border-right:1px solid #e9dfcf;border-bottom:1px solid #e9dfcf;background:#fffdf7;vertical-align:middle}.kb-matrix th{position:sticky;background:#f1e9dc;color:#77664f;font-weight:600;z-index:2}.kb-matrix th span:not(.creature-portrait):not(.kb-mini){line-height:1.3}.kb-matrix thead th{top:0;height:100px}.kb-matrix th:first-child{left:0;width:135px}.kb-matrix thead th:first-child{z-index:3;background:#e8ddcb;font-size:10px}.kb-corner>span{display:block;padding:5px}.kb-matrix td.is-original{background:#eef2e4}.kb-matrix td button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:137px;padding:4px;border:0;border-radius:7px;background:transparent;color:var(--kb-ink)}.kb-matrix td button:hover,.kb-matrix td button:focus-visible{background:#eee4f3}.kb-matrix td .kb-portrait{width:94px;height:94px}.kb-matrix td strong{font-family:Outfit,sans-serif;font-weight:500;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.kb-table-collected{font-size:9px;color:#67815c;padding-top:3px}.kb-mobile-pairs{display:none}.kb-colophon{padding:24px 30px;text-align:center;border-top:1px solid var(--kb-line);background:#f5efe4}.kb-colophon p{font-family:Georgia,serif;font-size:16px;margin:8px 0;color:#79667f}.kb-colophon small{display:block;color:#978976;font-size:10px;line-height:1.6}.kb-loading{padding:40px}.kb-loading h1{font-size:36px;font-weight:400;margin:16px 0}.kb-loading p{font-size:14px}.kb-detail{text-align:center;color:#706079}.kb-detail-art{max-width:270px;margin:0 auto;background:radial-gradient(ellipse,#f0e6f5,transparent 70%)}.kb-detail h3{font-size:30px;font-weight:400;margin:8px 0 12px}.kb-detail>.kb-credit{font-size:12px;margin-top:12px}.kb-detail>p{font-size:13px;line-height:1.6}.kb-detail>small{font-size:10px;color:#958795}.kb-parents{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;margin:20px 0}.kb-parents button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 6px 12px;border:1px solid #e8ddeb;border-radius:12px;background:#fbf7fc;color:#7a6389;font-size:12px}.kb-parents button>span:last-child{font-size:11px;color:#9b86a5}.kb-parents .kb-mini{width:75px;height:75px}.kb-cross{font:24px Georgia,serif;color:#b29bba}.kb-detail .modal-footer{justify-content:center}.kb-book .kindred-outcome>.kb-portrait{flex:0 0 145px;width:145px;height:145px}.kb-book .kindred-totem .kb-rarity{font-size:10px}.kb-book .kindred-breeding{background:linear-gradient(150deg,#fbf7fb,#fffaf0)}.kb-book .kindred-totems h2,.kb-book .kindred-chapter h2{font-family:Georgia,serif;font-weight:400}.kb-book .kindred-parent-picker select{font-size:16px}.kb-book .button{min-height:44px}
@media(min-width:1500px){.kb-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.kb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-cover{padding:32px 30px}.kb-pages{padding:8px 24px 24px}.kb-toolbar{padding:16px 24px 0}.kb-ledger{gap:10px 16px;padding:16px 24px}.kb-family-heading>.button{display:none}}
@media(max-width:700px){.kb-book{border-left-width:5px;border-radius:6px 18px 18px 6px;box-shadow:0 5px 20px #513d4308}.kb-cover{padding:26px 21px 22px;grid-template-columns:1.2fr 1fr;gap:0;min-height:262px}.kb-cover:before{inset:8px}.kb-cover .kb-eyebrow{font-size:8px;max-width:160px;letter-spacing:.11em}.kb-cover h1{font-size:40px;margin:12px 0}.kb-cover p{font-size:11px;max-width:150px;margin-bottom:10px}.kb-private{font-size:8px;padding:5px 6px;max-width:176px;line-height:1.4}.kb-cover-art>.kb-portrait{width:220%}.kb-cover-art>.kb-portrait:nth-child(1){transform:translate(-13%,10%)}.kb-cover-art>.kb-portrait:nth-child(2){transform:translate(-23%,-56%)}.kb-cover-art>.kb-portrait:nth-child(3){transform:translate(-58%,48%)}.kb-cover-seal{display:none}.kb-ledger{padding:14px 15px;gap:8px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));font-size:9px}.kb-ledger>span{line-height:1.4}.kb-ledger>span strong{display:block;font-size:21px;margin-bottom:3px}.kb-ledger progress{grid-column:1/-1;width:100%;height:3px;margin-top:2px}.kb-toolbar{padding:13px 12px 0;align-items:flex-start;gap:5px}.kb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.kb-tabs button{padding:9px 6px;font-size:12px;white-space:normal;line-height:1.25}.kb-refresh{width:40px;flex-basis:40px;border-radius:10px}.kb-view-options{padding:9px 15px 0;gap:0}.kb-view-options p{font-size:10px;width:100%}.kb-check{min-height:40px;font-size:11px}.kb-pages{padding:8px 14px 20px}.kb-filters{gap:8px;margin:10px 0 18px}.kb-search{flex-basis:100%}.kb-rarity-filter{flex:1;max-width:none}.kb-search input,.kb-rarity-filter select,.kb-family-controls select{font-size:16px}.kb-filters>.kb-check{flex:1;justify-content:center}.kb-section-heading{gap:10px;align-items:flex-end;margin:8px 0 17px}.kb-section-heading h2{font-size:23px}.kb-section-heading .kb-eyebrow{font-size:8px;letter-spacing:.1em}.kb-section-heading>p,.kb-count{font-size:10px;white-space:normal;min-width:56px;margin-bottom:0;text-align:right}.kb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kb-card{padding:10px 8px 0;border-radius:11px}.kb-card>.kb-portrait{margin:0 0 -3px}.kb-card-title{font-size:15px}.kb-rarity{font-size:8px;padding:4px 6px}.kb-number{font-size:9px}.kb-credit{font-size:9px}.kb-card>.kb-credit{min-height:28px;margin-bottom:9px}.kb-card-pair{width:calc(100% + 16px);padding:8px 6px;font-size:9px;min-height:44px;gap:2px}.kb-card-pair>.kb-mini{width:30px;height:30px;flex-basis:30px}.kb-owned{width:calc(100% + 16px);font-size:8px}.kb-family-controls{gap:7px}.kb-family-controls>label{flex-basis:100%;font-size:11px}.kb-family-controls>select{max-width:none;flex-basis:140px;width:140px}.kb-family-turns{gap:4px}.kb-family-turns .button{width:40px;padding:7px}.kb-family-heading{gap:8px;margin:16px 0;padding:8px 0 14px;align-items:center}.kb-family-heading>.kb-portrait{flex-basis:83px;width:83px;height:83px}.kb-family-heading .kb-eyebrow{font-size:8px;letter-spacing:.08em}.kb-family-heading h2{font-size:21px}.kb-family-heading p{font-size:10px}.kb-help{font-size:12px;margin-bottom:12px}.kb-mobile-pairs{display:block}.kb-atlas summary{font-size:12px}.kb-atlas summary span{font-size:9px}.kb-matrix-scroll{max-height:65vh;max-height:65dvh}.kb-matrix th:first-child{width:100px}.kb-matrix{width:1865px;min-width:1865px}.kb-matrix th{font-size:10px}.kb-colophon{padding:22px 17px}.kb-colophon .kb-eyebrow{font-size:8px}.kb-colophon p{font-size:15px}.kb-colophon small{font-size:9px}.kb-book .kindred-outcome>.kb-portrait{flex-basis:100px;width:100px;height:100px}.kb-book .kindred-totems{gap:5px}.kb-book .kindred-totem img{width:42px;height:42px}.kb-loading{padding:25px 20px}.kb-loading h1{font-size:30px}}
@media(max-width:360px){.kb-cover{padding:24px 17px 20px;grid-template-columns:1.3fr 1fr;min-height:250px}.kb-cover h1{font-size:35px}.kb-pages{padding-left:10px;padding-right:10px}.kb-card-title{font-size:13px}.kb-rarity{font-size:8px;padding:4px}.kb-card-pair{font-size:8px}.kb-card-pair>.kb-mini{width:25px;height:25px;flex-basis:25px}.kb-ledger{gap:8px}.kb-family-heading h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.kb-card{transition:none}.kb-card:hover{transform:none}}