/* 神靈資料頁 */
.bestiary-hero{padding:68px 0 34px}.bestiary-hero h1{font:400 clamp(42px,6vw,62px)/1.2 Georgia,"Noto Serif TC",serif;margin:0}.bestiary-intro{max-width:700px;color:#a9ada3;margin:12px 0 24px}
body > main .god-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;align-items:stretch;padding-bottom:28px}
body > main .god-card{min-width:0;min-height:398px;padding:14px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;border:1px solid rgba(225,174,133,.24);border-radius:14px;background:radial-gradient(ellipse 85% 72% at 35% 20%,rgba(209,146,109,.08),transparent 75%);cursor:pointer;color:var(--ink)}
.god-card:hover{border-color:rgba(225,174,133,.55)!important}.god-card-art-wrap{width:min(100%,178px);height:290px;min-height:290px;margin:0 auto;display:flex;justify-content:center;align-items:center}.god-card-art{display:block;width:100%;height:100%;object-fit:contain}.god-card .item-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;flex:1}.god-card .item-kind,.contract-card .item-kind{align-self:flex-start;font-size:12px;padding:1px 9px;border-radius:999px;border:1px solid rgba(201,173,156,.28);color:var(--muted)}body > main .god-card h3,body > main .contract-card h3{margin:0;color:var(--ink);font-size:17px;line-height:1.45}body > main .god-card .description,body > main .contract-card .description{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.god-energy,.god-card-link{margin:0;color:var(--gold);font-size:12px}
.catalog-section{border-top:1px solid rgba(225,174,133,.18);padding:36px 0 10px;margin-top:20px}.section-head{display:flex;gap:14px;align-items:flex-start;margin:0 0 22px}.section-head .section-no{color:var(--gold)}.section-head h2{margin:0 0 6px;font-size:22px}.section-head p{margin:0;color:var(--muted);line-height:1.8}
body > main .contract-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;align-items:stretch;padding-bottom:24px}body > main .contract-card{box-sizing:border-box;min-width:0;min-height:128px;padding:16px 18px;display:flex;align-items:stretch;gap:14px;border:1px solid rgba(225,174,133,.24);border-radius:14px;background:radial-gradient(ellipse 85% 72% at 35% 20%,rgba(209,146,109,.08),transparent 75%)}.contract-art-wrap{width:76px;min-width:76px;min-height:76px;display:flex;align-items:center;justify-content:center;align-self:center}.contract-icon{display:block;width:64px;height:70px;object-fit:contain}.contract-card .item-body{align-self:center;display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid rgba(225,174,133,.16);font-variant-numeric:tabular-nums}th{color:var(--gold)}
.dialog-head{display:flex;gap:16px;align-items:flex-start;margin:10px 0 12px}.god-dialog-art-wrap{flex:none;width:190px;display:flex;justify-content:center}.god-dialog-art{display:block;width:min(100%,190px);height:auto;object-fit:contain}.dialog-heading{min-width:0;padding-top:12px}.dialog-heading .dialog-title{margin:2px 0 8px}.dialog-tags{display:flex;flex-wrap:wrap;gap:6px}.dialog-tags .tag{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid rgba(201,173,156,.28);color:var(--muted)}.dialog-role{color:var(--ink)}.dialog-section{font-size:20px;margin:22px 0 10px;padding-top:14px;border-top:1px solid rgba(225,174,133,.18)}.dialog-copy{color:var(--muted);line-height:1.9}.god-stage-pick{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0 18px}.god-stage-pick .filter-label{margin-right:5px;color:var(--muted)}.god-skill-title{display:flex;align-items:center;gap:12px;margin:9px 0 5px;color:var(--ink);font-size:16px}.god-skill-art{width:68px;height:68px;object-fit:contain}.god-level-row{padding:12px 0;border-top:1px solid rgba(225,174,133,.12)}.god-level-row b{color:var(--gold)}.god-level-row p{margin:5px 0;color:var(--muted);line-height:1.75}.god-level-row .god-unlock{color:var(--ink)}
@media(max-width:640px){.bestiary-hero{padding-top:45px}body > main .god-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body > main .god-card{min-height:322px;padding:10px!important}.god-card-art-wrap{width:min(100%,150px);height:246px;min-height:246px}.god-card-art{width:100%;height:100%}.section-head h2{font-size:19px}.contract-art-wrap{width:64px;min-width:64px;min-height:64px}.contract-icon{width:56px;height:62px}.god-dialog-art-wrap{width:120px}.god-dialog-art{width:120px}.dialog-head{gap:12px}.god-skill-art{width:60px;height:60px}.detail-dialog{padding:25px 22px}}
@media(max-width:360px){body > main .god-grid{grid-template-columns:minmax(0,1fr)}.god-card-art-wrap{width:150px;height:246px;min-height:246px}}

/* 詳情：沿用全站暖色系；立繪與階數同區，閱讀內容在其下。 */
body > dialog.detail-dialog{width:min(900px,calc(100% - 32px));max-height:min(88vh,920px);padding:24px 28px 30px;background:linear-gradient(155deg,#241718,#130d0f)!important;border:1px solid rgba(225,174,133,.38)!important;border-radius:18px;color:var(--ink);box-shadow:0 24px 80px #000a}
body > dialog.detail-dialog::backdrop{background:rgba(9,6,8,.8);backdrop-filter:blur(5px)}
body > dialog.detail-dialog .dialog-close{position:sticky;float:right;top:0;z-index:4;background:#2b1b1e;border-color:rgba(225,174,133,.4);color:var(--ink)}
body > dialog.detail-dialog .dialog-head{display:grid;grid-template-columns:minmax(220px,42%) minmax(0,1fr);gap:30px;align-items:center;min-height:0;margin:4px 0 16px;clear:both}
body > dialog.detail-dialog .god-dialog-art-wrap{width:100%;height:330px;min-height:0;display:grid;place-items:center;overflow:hidden}
body > dialog.detail-dialog .god-dialog-art{max-width:100%;width:auto;height:100%;object-fit:contain}
body > dialog.detail-dialog .god-dialog-art.is-card{max-height:310px;width:auto}
body > dialog.detail-dialog .dialog-heading{padding:0;align-self:center}
body > dialog.detail-dialog .dialog-kicker{font-size:12px;letter-spacing:.1em;color:var(--gold)}
body > dialog.detail-dialog .dialog-title{font-size:34px;line-height:1.3;margin:4px 0 12px}
body > dialog.detail-dialog .dialog-role{margin:12px 0;color:var(--ink);font-size:14px}
body > dialog.detail-dialog .god-stage-pick{margin:16px 0 0;gap:6px}
body > dialog.detail-dialog .god-stage-pick .filter-label{flex-basis:100%;margin-bottom:2px}
body > dialog.detail-dialog .god-art-note{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
body > dialog.detail-dialog .dialog-section{font-size:21px;margin:24px 0 10px}
body > dialog.detail-dialog .dialog-copy{font-size:14px;line-height:1.8;color:#dac4b5}
@media(max-width:640px){body > dialog.detail-dialog{padding:20px 18px;width:calc(100% - 20px)}body > dialog.detail-dialog .dialog-head{grid-template-columns:minmax(0,1fr);gap:10px}body > dialog.detail-dialog .god-dialog-art-wrap{height:245px}body > dialog.detail-dialog .god-dialog-art{height:245px}body > dialog.detail-dialog .dialog-title{font-size:28px}body > dialog.detail-dialog .god-stage-pick{gap:5px}}