.book-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.book-heading h3{margin-bottom:4px}.book-heading small{font:11px system-ui;color:var(--muted)}.book-progress,.record-bar{height:5px;background:#101f21;border-radius:4px;overflow:hidden;margin:16px 0}.book-progress i{height:100%;display:block;background:linear-gradient(90deg,#887b4a,#e0c387)}.book-level{margin:26px 0 12px;font:16px Georgia;color:#d8c294}.bestiary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bestiary-card{min-width:0;display:flex;flex-direction:column;align-items:center;padding:7px 4px 12px;border-radius:12px;border:1px solid #bda56e55;background:radial-gradient(ellipse at 50% 35%,#60705a32,#122327);overflow:hidden}.bestiary-card:disabled{opacity:1;cursor:default}.bestiary-card.unknown{border-color:#81927730}.book-portrait{height:135px;width:100%;display:grid;place-items:center}.book-portrait img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 6px 8px #0006)}.bestiary-card strong{font:12px/17px Georgia;color:#e8d5b1;max-width:100%;text-align:center;overflow-wrap:anywhere}.bestiary-card small{font:10px/17px system-ui;color:#c6ac74;margin-top:4px}.bestiary-card.unknown strong,.bestiary-card.unknown small{color:#95a297}.bestiary-card.discovered:hover,.bestiary-card.discovered:focus-visible{border-color:#ebce86;background-color:#3f5140}.book-note{font:11px/1.7 system-ui;color:#b4bdae;margin-top:18px}.book-back{border:0;background:transparent;padding:8px 0;font:12px system-ui;color:#ddc189}.enemy-page{text-align:center}.enemy-page .book-back{display:block}.enemy-portrait{height:210px;background:radial-gradient(ellipse,#9eae7040,transparent 65%);margin:10px auto}.enemy-portrait img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 14px #0008)}.enemy-page h2{margin:8px 0 12px}.enemy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0;margin:16px 0 8px;border-block:1px solid #b9a67930}.enemy-stats b,.enemy-record b{display:block;font:28px Georgia;color:#e7cf98}.enemy-stats span,.enemy-record span{font:11px system-ui;color:#b6c4b6}.enemy-record{display:flex;align-items:center;justify-content:center;gap:40px}.enemy-record .wins b{color:#b1cc95}.enemy-record .losses b{color:#d99b88}.record-bar{max-width:330px;margin:18px auto;background:#824e47}.record-bar i{display:block;height:100%;background:#a9bd82}.enemy-history{padding:0;list-style:none;text-align:left;border-top:1px solid #cbb57930}.enemy-history li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #cbb57920;font:12px system-ui}.enemy-history small{display:block;color:#9eafa7;font-size:10px;margin-top:3px}.outcome{color:#ddc48e}.outcome.won{color:#b1cc95}.outcome.lost{color:#d99b88}.enemy-history li>span:last-child{text-align:right}
@media(max-width:380px){.bestiary-grid{gap:7px}.book-portrait{height:110px}.bestiary-card strong{font-size:11px}.bestiary-card small{font-size:9px}}
@media(min-width:600px){.bestiary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Each rank has both a material palette and a distinct ornament silhouette. */
[data-rank]{--rank:#b7bcb0;--rank-bright:#e1e5d6;--rank-dark:#55625f;--rank-glow:#93b9ad20}
[data-rank="bronze"]{--rank:#cf9367;--rank-bright:#f5d1a0;--rank-dark:#714731;--rank-glow:#d9976230}
[data-rank="silver"]{--rank:#b8cbd5;--rank-bright:#f2f7fa;--rank-dark:#586e82;--rank-glow:#afc8df30}
[data-rank="gold"]{--rank:#e5bd55;--rank-bright:#fff0ad;--rank-dark:#806128;--rank-glow:#eec95d30}
[data-rank="platinum"]{--rank:#92d5d3;--rank-bright:#eefffa;--rank-dark:#477f87;--rank-glow:#a3e2df30}
[data-rank="emerald"]{--rank:#65cf96;--rank-bright:#c8fbd5;--rank-dark:#24704d;--rank-glow:#4cdb8f30}
[data-rank="ruby"]{--rank:#e27f90;--rank-bright:#ffe2df;--rank-dark:#8d384c;--rank-glow:#e969862d}
[data-rank="diamond"]{--rank:#8ebce9;--rank-bright:#f0f8ff;--rank-dark:#566da3;--rank-glow:#c1dcff3b}
[data-rank="mythic"]{--rank:#d6a8f2;--rank-bright:#ffedb5;--rank-dark:#804d9e;--rank-glow:#cda4ff40}
.bestiary-card{position:relative;isolation:isolate;padding:12px 8px 15px;border-color:var(--rank-dark);background:radial-gradient(ellipse at 50% 26%,var(--rank-glow),transparent 65%),linear-gradient(145deg,#20302f,#101e23)}
.bestiary-card.unknown{padding-top:7px}.bestiary-card.discovered:hover,.bestiary-card.discovered:focus-visible{border-color:var(--rank-bright)}
.bestiary-card .book-portrait{height:130px;padding:8px 2px 0}.bestiary-card strong{position:relative;z-index:1}.bestiary-card>small{color:#d5ccb7}
.rank-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.frame-shadow{fill:none;stroke:var(--rank-dark);stroke-width:4;opacity:.6}.frame-line{fill:none;stroke:var(--rank);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.frame-fine{opacity:.55;stroke-width:.6}.frame-leaves{fill:var(--rank-dark);stroke:var(--rank);stroke-width:.8}.frame-wing{fill:var(--rank-dark);stroke:var(--rank-bright);stroke-width:.7}.frame-crown{fill:var(--rank-dark);stroke:var(--rank-bright);stroke-width:.8}.frame-star{fill:var(--rank-bright);stroke:none}
.rank-badge{display:flex;align-items:center;justify-content:center;gap:3px;color:var(--rank-bright);font:600 11px/20px system-ui;margin:7px 0 4px}.rank-gem{width:24px;height:24px;flex-shrink:0;filter:drop-shadow(0 1px 3px #0008)}.gem-base{fill:var(--rank-dark);stroke:var(--rank);stroke-width:1.4}.gem-facet{fill:var(--rank);stroke:var(--rank-bright);stroke-width:.7}.gem-mark{fill:var(--rank-bright)}.rank-unset{font:19px Georgia;color:#a6afa5}
.mastery-progress{width:80%;height:4px;border-radius:4px;background:#09181bd9;overflow:hidden;margin:5px auto;border:1px solid #d3d9c721}.mastery-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--rank-dark),var(--rank-bright))}.bestiary-card .mastery-next{font:9px/13px system-ui;color:#aebbb2;min-height:26px;max-width:100%;margin:3px 1px 0}.bestiary-card[data-rank="mythic"]{box-shadow:inset 0 0 22px #c794f01b,0 0 9px #e2bbef15}
.rank-guide{text-align:left;border:1px solid #c5b68a30;border-radius:12px;margin:18px 0 10px;background:#0c20214d;padding:10px 12px}.rank-guide summary{font:12px/20px system-ui;color:#d8c296;cursor:pointer}.rank-guide>p{font:11px/1.6 system-ui;color:#b5c0b5;margin:12px 0}.rank-guide ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.rank-guide li{display:flex;align-items:center;gap:6px;min-width:0;padding:7px 5px;background:#17292c;border:1px solid var(--rank-dark);border-radius:8px}.rank-guide li>span:nth-child(2){flex:1;min-width:0}.rank-guide li strong{display:block;font:11px/16px system-ui;color:var(--rank-bright)}.rank-guide li small{display:block;font:9px/14px system-ui;color:#b6c1ba}.rank-check{font:10px system-ui;color:#93a69e}.rank-guide li.earned .rank-check{color:var(--rank-bright)}.rank-guide [aria-current="step"]{outline:1px solid var(--rank);background:linear-gradient(130deg,var(--rank-glow),#14252b)}
.enemy-portrait.rank-portrait{position:relative;width:min(230px,90%);height:245px;padding:18px 20px 22px;background:radial-gradient(ellipse,var(--rank-glow),transparent 70%);border-radius:14px}.rank-portrait>img{position:relative;z-index:1}.enemy-mastery{max-width:360px;margin:0 auto 20px}.enemy-mastery>.rank-badge{font-size:17px;gap:7px;margin:8px 0}.enemy-mastery .rank-badge .rank-gem{width:34px;height:34px}.enemy-mastery>strong{font:12px system-ui;color:#c8cbb6}.enemy-mastery>.mastery-progress{height:6px;margin:12px auto 7px}.enemy-mastery>.mastery-next{font:11px system-ui;color:var(--rank-bright)}
@media(max-width:380px){.bestiary-card{padding-inline:6px}.bestiary-card .book-portrait{height:105px}.bestiary-card .rank-badge{font-size:10px;gap:1px}.rank-badge .rank-gem{width:20px;height:20px}.rank-guide{padding:10px 8px}.rank-guide ol{gap:5px}.rank-guide li{gap:3px;padding:6px 3px}}
.bestiary-card .book-portrait{flex:none;min-height:0;overflow:hidden}.book-portrait img{min-width:0;min-height:0;max-width:100%;max-height:100%;display:block}.bestiary-card>strong{min-height:34px;display:flex;align-items:center;justify-content:center;overflow-wrap:normal;hyphens:auto}.book-heading>.pill{white-space:nowrap;flex-shrink:0}
@media(max-width:480px){.bestiary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bestiary-card .book-portrait{height:140px}.bestiary-card>strong{font-size:12px}.bestiary-card .rank-badge{font-size:11px;gap:3px}.bestiary-card .rank-gem{width:24px;height:24px}.bestiary-card .mastery-next{font-size:10px}.bestiary-card>small{font-size:10px}}