/* Obsidian / liquid glass — visual direction 02 */
:root{--bg:#090909;--panel:#151515;--panel-dark:#101010;--ink:#f4f4f4;--muted:#a9a9a9;--gold:#c5c5c5;--green:#cdcdcd;--violet:#b1b1b1;--red:#bdbdbd;--blue:#cccccc;--stone:#c5c5c5;--line:#e4e4e416;font-family:Manrope,'Segoe UI',Arial,sans-serif;background:#090909}
body{background:radial-gradient(ellipse at 8% 15%,#4040402b,transparent 45%),radial-gradient(ellipse at 90% 48%,#47474721,transparent 45%),#090909;min-height:100vh}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -30%,#8a8a8a20,transparent 65%);z-index:-1}
h1,h2,h3,h4,.cast-card strong,.power-card strong,.detail-summary,.sheet-stats dd,.sheet-trait h4,.myth-text p,.index-foot p,.map-marker .pin-label,.world-number,.book-row h3{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-style:normal}
h1,h2,h3{font-weight:600;letter-spacing:-.045em}button,a{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#d3d3d3}
.masthead{height:76px;padding:0 3%;border-bottom:1px solid #ffffff09;background:#0f0f0f50;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}
.wordmark{font-size:12px;letter-spacing:.16em}.wordmark small{color:#929292;font-size:8px;letter-spacing:.19em}.mark{font-family:Manrope,Arial,sans-serif;transform:none;border-radius:12px;border-color:#dcdcdc30;background:linear-gradient(140deg,#cfcfcf22,#c5c5c505);box-shadow:inset 0 1px #ffffff23;font-size:13px;letter-spacing:-.08em}.masthead nav{gap:9px;align-items:center}.masthead nav button,.local-review-link{font-size:12px;padding:10px 16px;border-radius:24px;min-height:38px}.masthead nav .nav-active{background:#d5d5d513;box-shadow:inset 0 1px #eeeeee1a}.nav-active:after{display:none}.edition{font-size:8px;letter-spacing:.15em}.edition i{background:#d1d1d1;box-shadow:0 0 12px #d1d1d166}
main{max-width:1920px;padding:0 3%}.world-heading{padding:31px 2px 28px}.back-link{font-size:9px;letter-spacing:.12em;margin-bottom:17px}.eyebrow{font-size:9px;letter-spacing:.17em;color:#b9b9b9}.world-heading h1{font-size:clamp(34px,3.7vw,58px);font-weight:600;letter-spacing:-.055em;margin-top:13px}.world-heading h1 span{color:#b9b9b9}.world-heading p{font-size:12px;color:#9f9f9f;margin-top:13px}.world-number{font-size:65px;font-weight:300;color:#b7b7b725;border:1px solid #dfdfdf17;border-radius:24px;width:104px;height:104px;display:grid;place-items:center;padding:0;margin:0 5px 0 0;background:linear-gradient(130deg,#c6c6c60d,#b6b6b602);box-shadow:inset 0 1px #ffffff0c}
.atlas{border:0;background:none}.atlas-toolbar{border:1px solid #e4e4e41a;border-radius:19px;margin-bottom:15px;min-height:65px;padding:9px 14px;gap:12px;background:linear-gradient(130deg,#c9c9c90e,#d3d3d304),#151515a8;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px #ffffff12,0 12px 35px #00000020}
.tabs{gap:5px;align-self:center}.tabs button{padding:10px 16px;border-radius:12px;font-size:12px;min-height:42px;white-space:nowrap}.tabs button span{font-size:15px;margin-right:7px}.tabs button[aria-selected=true]{background:linear-gradient(135deg,#c9c9c923,#afafaf0e);box-shadow:inset 0 1px #ffffff28,0 3px 12px #00000033;color:#f2f2f2}.tabs button[aria-selected=true]:after{display:none}.tabs button:hover{background:#cecece0b}.spoiler-label{font-size:10px;gap:8px}select{background:#141414aa;border-radius:10px;border-color:#e6e6e61a;font-size:11px}#god-draft-label{font-size:8px;color:#a8a8a8;letter-spacing:.08em}
.workspace{grid-template-columns:190px minmax(0,1fr) 330px;gap:15px;min-height:710px;align-items:start}.index-panel,.detail-panel,.map-area{border:1px solid #e1e1e118;border-radius:20px;box-shadow:inset 0 1px #ffffff12,0 18px 48px #00000026}
.index-panel,.detail-panel{background:linear-gradient(145deg,#d2d2d20c,#c9c9c903),#141414c2;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%)}
.index-panel{padding:20px 10px 14px;min-height:710px;max-height:710px!important}.index-heading{font-size:8px;padding:0 7px 18px;letter-spacing:.1em}.search{border-radius:11px;background:#09090966;border-color:#dfdfdf12;padding:5px 8px;margin-bottom:14px}.search input{font-size:11px}.search kbd{border-radius:4px;font-size:9px}.entry{border-radius:12px;padding:12px 8px;gap:9px}.entry-name{font-size:12px}.entry-kind{font-size:7px;line-height:1.5;letter-spacing:.055em}.entry-symbol{font-size:19px;width:21px}.entry.selected{background:linear-gradient(110deg,#cdcdcd17,#cbcbcb05);border-color:#d5d5d523;box-shadow:inset 0 1px #ffffff12}.entry:hover{background:#dadada0a}.entry-list{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#9c9c9c40 transparent}.index-foot p{font-size:10px;line-height:1.9;color:#8a8a8a}.index-foot{padding:23px 7px 8px}
.map-area{height:710px;min-height:710px;background:#101010;overflow:hidden}.map-plane>img{filter:brightness(.75) saturate(.7)}.map-title{left:24px;top:22px}.map-title>span{font-size:8px;letter-spacing:.18em;color:#a3a3a3}.map-title h2{font-size:28px;letter-spacing:-.035em;margin-top:7px;color:#f4f4f4}.map-area:after{box-shadow:inset 0 0 70px #0a0a0a55}.power-canvas,.character-mode .power-canvas,.god-mode .power-canvas{padding:102px 22px 24px;background:radial-gradient(ellipse at 75% 0%,#6c6c6c19,transparent 65%),radial-gradient(ellipse at 5% 90%,#58585820,transparent 70%),#101010;scrollbar-width:thin;scrollbar-color:#9c9c9c40 transparent}.god-mode,.character-mode{padding:0;max-height:710px}.god-mode .map-title,.character-mode .map-title{padding:22px 24px 18px;background:linear-gradient(#111111ef 75%,#11111100);left:0;right:0;top:0}.power-intro{font-size:18px;font-family:inherit}.cast-intro{font-size:12px;line-height:1.8;max-width:550px;color:#adadad}.god-legend{font-size:9px;gap:12px;color:#909090}.cast-grid{gap:14px}.cast-card,.power-card{border-radius:17px;border-color:#e3e3e31a;background:linear-gradient(145deg,#d6d6d60e,#cbcbcb03);box-shadow:inset 0 1px #ffffff10;overflow:hidden;padding:20px;transition:transform .2s,background .2s,border-color .2s}.cast-card:hover,.power-card:hover{transform:translateY(-3px);background:linear-gradient(145deg,#d6d6d618,#cbcbcb09);border-color:#dfdfdf4a}.cast-card[aria-pressed=true]{border-color:#bababa66;background:linear-gradient(140deg,#c7c7c715,#b3b3b30a)}.cast-card strong{font-size:21px;font-weight:600;letter-spacing:-.035em;line-height:1.25}.cast-role{font-size:8px;letter-spacing:.1em}.cast-summary{font-size:12px;line-height:1.85;color:#b3b3b3;margin-bottom:14px}.cast-group{font-size:10px}.cast-monogram{font-family:inherit;background:#cdcdcd08;border-color:#d7d7d724;border-radius:12px}.god-archetype{font-size:12px;color:#cbcbcb}.god-state{font-size:9px;line-height:1.6;color:#9f9f9f}.draft-tag{font-size:8px;color:#b6b6b6}.god-headshot{width:calc(100% + 40px);margin:-20px -20px 18px;aspect-ratio:1.15}.god-subnav{gap:6px;margin-bottom:22px}.god-subnav button,.sheet-back{border-radius:11px;border-color:#d6d6d61e;background:linear-gradient(130deg,#cbcbcb0d,#bebebe04);font-size:11px;padding:8px 12px}.god-subnav button[aria-pressed=true]{background:#c8c8c817;border-color:#d1d1d13d;color:#e7e7e7;box-shadow:inset 0 1px #ffffff19}
.detail-panel{padding:25px;max-height:710px;min-height:710px;scrollbar-width:thin;scrollbar-color:#9c9c9c40 transparent}.detail-top{font-size:8px;letter-spacing:.15em;color:#9a9a9a}.detail-type{font-size:9px;letter-spacing:.13em;color:#bcbcbc}.detail-panel h2{font-size:31px;line-height:1.15;margin-top:9px}.detail-summary{font-size:15px;line-height:1.75;color:#cacaca}.detail-text,.workspace[data-mode=characters] .detail-text{font-size:13px;line-height:1.95;color:#c0c0c0}.detail-emblem{border-radius:15px;background:linear-gradient(135deg,#d2d2d212,#c3c3c304);border-color:#d8d8d826}.facts{gap:10px}.fact{padding:11px 0}.fact dt{font-size:8px;letter-spacing:.12em;color:#979797}.fact dd{font-family:inherit;font-size:12px;line-height:1.65;color:#eaeaea}.god-section{margin-top:25px}.god-section h3{font-size:10px;color:#c8c8c8;letter-spacing:.015em}.god-section p{font-size:12px;line-height:1.95;color:#c0c0c0}.related-title{font-size:8px}.related-button{border-radius:10px;background:#cbcbcb05;margin-top:6px;padding:9px 11px;font-size:12px}.source{font-size:9px;line-height:1.9;color:#909090}.source strong{font-size:8px;color:#b7b7b7}.myth-text h3{font-size:34px;letter-spacing:-.04em}.myth-text p{font-size:15px;line-height:2;color:#cacaca}.myth-text .myth-introduction,.divine-rule p{font-family:inherit;font-size:12px;line-height:1.95;color:#b3b3b3}.divine-rule h4{font-size:13px;color:#cfcfcf}
.divine-sheet{border-radius:18px;padding:22px;background:radial-gradient(ellipse at 20% 25%,#60606019,transparent 60%),linear-gradient(135deg,#d3d3d309,#adadad03);border-color:#d2d2d220;box-shadow:inset 0 1px #ffffff12}.sheet-heading{text-align:left;padding-bottom:18px;margin-bottom:20px}.sheet-heading h3{font-size:40px;letter-spacing:-.055em;font-weight:600}.sheet-heading p{font-size:9px;letter-spacing:.14em}.sheet-layout{grid-template-columns:minmax(0,1.15fr) minmax(155px,.85fr);gap:20px}.god-fullbody{border-radius:13px;border-color:#d1d1d117;box-shadow:0 12px 35px #00000055}.sheet-stats dd{font-family:inherit;font-size:13px;line-height:1.55;font-weight:500}.sheet-stats dt{font-size:8px;letter-spacing:.1em}.sheet-trait h4{font-family:inherit;font-size:12px;font-weight:600;line-height:1.6}.sheet-trait p{font-size:11px;line-height:1.85}.sheet-caption{font-size:9px;line-height:1.85}.sheet-label{font-size:8px}.sheet-back:hover{background:#c3c3c318}
.map-marker .pin-label{font-size:11px;letter-spacing:.02em;background:#0e0e0ec9;border:1px solid #d3d3d324;backdrop-filter:blur(15px);padding:5px 9px;border-radius:7px}.pin{border-radius:6px;background:#161616c9;backdrop-filter:blur(12px)}.map-tools{border-radius:12px;border-color:#dfdfdf2c;background:#171717a1;backdrop-filter:blur(24px);overflow:hidden}.map-note{background:linear-gradient(transparent,#0d0d0d);color:#b4b4b4}.compass{color:#c1c1c1}.sea-label{font-family:inherit;font-size:10px;color:#c7c7c777}.atlas-bottom{background:none;border:0;padding:17px 4px;color:#909090;font-size:8px}.atlas-bottom p{font-size:9px}.below-atlas{padding:32px 4px 40px}.below-atlas h2{font-size:27px;margin-top:10px}.text-link{font-size:12px;border-radius:12px;padding:10px 15px;border:1px solid #e1e1e11d;background:#cdcdcd07}footer{border-top:1px solid #d8d8d80d;color:#888888;padding:22px 3%;font-size:9px}dialog{background:linear-gradient(130deg,#252525e8,#151515f5);backdrop-filter:blur(36px);border:1px solid #e2e2e230;border-radius:24px;box-shadow:0 35px 100px #00000099,inset 0 1px #ffffff22}dialog::backdrop{background:#07070799;backdrop-filter:blur(12px)}dialog h2{font-size:35px}dialog p{font-size:13px;line-height:1.9}.dialog-close{border-radius:50%;background:#ffffff08}
@media(min-width:1600px){.workspace{grid-template-columns:210px minmax(0,1fr) 360px}.map-area,.index-panel,.detail-panel{height:780px;min-height:780px;max-height:780px!important}.god-mode,.character-mode{max-height:780px}.cast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1180px){.workspace{grid-template-columns:175px minmax(0,1fr)}.detail-panel{grid-column:1/-1;min-height:0;max-height:none}.detail-panel #detail-content{display:block;columns:2;column-gap:32px}.detail-panel #detail-content>*{break-inside:avoid}.detail-panel h2{columns:initial}.tabs button{padding:9px 11px;font-size:11px}.atlas-toolbar{flex-wrap:wrap}.sheet-layout{grid-template-columns:minmax(0,1.1fr) minmax(150px,1fr)}}
@media(max-width:700px){main{padding:0 14px}.masthead{padding:0 18px;height:68px}.wordmark{font-size:10px}.masthead nav{gap:0}.masthead nav button,.local-review-link{padding:8px;font-size:10px}.world-heading{padding:25px 3px}.world-heading h1{font-size:37px}.world-heading p{font-size:11px}.world-heading .eyebrow{font-size:7px}.world-number{display:none}.atlas-toolbar{display:flex;flex-direction:column;align-items:stretch;padding:8px 9px;border-radius:16px;gap:4px}.tabs{width:100%;height:auto;min-height:43px;overflow:auto;gap:4px}.tabs button{padding:9px 12px;min-height:38px}.spoiler-label{border-top:0;padding:7px 4px}#god-draft-label{padding:7px 4px;font-size:7px}.workspace{display:flex;gap:12px}.index-panel{min-height:0;max-height:none!important;padding:12px;width:100%;border-radius:16px}.entry-list,.workspace[data-mode=gods] .entry-list{max-height:none;overflow-x:auto}.entry{padding:8px 10px}.search{margin-bottom:10px}.map-area,.god-mode,.character-mode{width:100%;height:680px;min-height:680px;max-height:680px;border-radius:16px}.power-canvas,.god-mode .power-canvas,.character-mode .power-canvas{padding:98px 14px 20px}.map-title,.god-mode .map-title,.character-mode .map-title{padding-left:19px}.cast-grid{gap:10px}.cast-card{padding:15px;border-radius:13px}.cast-card strong{font-size:18px}.cast-summary{font-size:11px}.god-headshot{width:calc(100% + 30px);margin:-15px -15px 15px}.detail-panel{width:100%;padding:23px;min-height:0;max-height:none;border-radius:16px}.detail-panel #detail-content{columns:auto;display:block}.god-section p,.detail-text{font-size:13px}.divine-sheet{padding:15px}.sheet-layout{grid-template-columns:1fr}.sheet-heading h3{font-size:35px}.god-fullbody{max-width:420px}.sheet-stats dd{font-size:14px}.sheet-trait p{font-size:12px}.below-atlas h2{font-size:24px}.atlas-bottom{padding:12px 4px}.myth-text h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){button,a,.cast-card,.power-card{transition:none}.cast-card:hover,.power-card:hover{transform:none}}
@supports not (backdrop-filter:blur(1px)){.index-panel,.detail-panel,.atlas-toolbar{background:#171717}.masthead{background:#111111}.map-marker .pin-label{background:#121212}}
/* Desktop uses the document scroll; panels grow with their content. */
@media(min-width:701px){
 main{max-width:2240px;padding-inline:2%}
 .masthead{padding-inline:2%}
 .world-heading{padding-top:23px;padding-bottom:23px}
 .workspace{grid-template-columns:180px minmax(0,1fr) 350px;align-items:start;min-height:0}
 .workspace .index-panel,.workspace .detail-panel{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible}
 .workspace .entry-list,.workspace[data-mode=gods] .entry-list,.workspace[data-mode=characters] .entry-list{max-height:none!important;overflow:visible;flex:initial}
 .workspace .index-panel{position:static}
 .workspace .index-foot{margin-top:22px}
 .workspace .power-mode{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 .workspace .power-mode .power-canvas{position:relative;inset:auto;height:auto;min-height:0;max-height:none;overflow:visible;padding-top:24px;border-radius:0 0 20px 20px}
 .workspace .power-mode .map-title{position:relative;inset:auto;padding:24px 24px 0;background:transparent}
 .workspace .power-mode:after{display:none}
 .workspace .detail-panel #detail-content{display:block;columns:auto}
 .workspace .detail-panel{grid-column:auto}
 .sheet-layout{grid-template-columns:minmax(0,1.15fr) minmax(160px,.85fr)}
 .god-fullbody{max-width:none;width:100%}
 .workspace .map-area:not(.power-mode){height:710px;min-height:710px;max-height:710px}
}
@media(min-width:1500px){
 .workspace{grid-template-columns:190px minmax(0,1fr) 390px;gap:20px}
 .cast-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .detail-panel{padding:28px}
 .god-section p{font-size:13px}
}
@media(min-width:701px) and (max-width:1200px){
 .workspace{grid-template-columns:170px minmax(0,1fr)}
 .workspace .detail-panel{grid-column:2}
 .workspace .index-panel{grid-column:1;grid-row:1 / span 2}
 .workspace .map-area{grid-column:2}
}
/* Keep the desktop index in view without adding an internal scrollbar. */
@media(min-width:701px){
 .workspace .index-panel{position:sticky;top:18px;align-self:start}
}

/* Neutral chrome; deity colors belong to their own cards and dossiers. */
:root{--green:#9ecba6;--violet:#c0a4ff;--red:#e9a28c;--blue:#9ac7db;--stone:#bec3ba;--gold:#d3d3d0;--ink:#f1f1ef;--muted:#aaaaa7}
.gold{--accent:#d5ba7e}.green{--accent:var(--green)}.violet{--accent:var(--violet)}.red{--accent:var(--red)}.blue{--accent:var(--blue)}.stone{--accent:var(--stone)}
.divine-sheet{background:radial-gradient(ellipse at 12% 15%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%),linear-gradient(135deg,#ffffff09,#ffffff03);border-color:color-mix(in srgb,var(--accent) 22%,transparent)}
.divine-sheet .eyebrow,.sheet-heading p,.sheet-label,.sheet-trait h4,.sheet-back{color:var(--accent)}
.sheet-back{border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.sheet-back:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.god-card .god-archetype,.cast-group,.cast-open,.detail-type,.god-section h3{color:var(--accent,var(--ink))}
.cast-card[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}
.bronze{--accent:#caa073}
/* Dedicated series site: navigation is the header. */
.series-header{height:82px;gap:24px;position:relative}
.series-brand{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;letter-spacing:.13em;white-space:nowrap}
.series-brand span{font-size:8px;font-weight:400;letter-spacing:.22em;color:var(--muted)}
.series-header nav{flex:1;justify-content:center;min-width:0}.series-header .tabs{gap:7px}
.series-header .tabs button{padding:12px 19px;font-size:13px}
.author-return{font-size:11px;white-space:nowrap;color:var(--muted)}
main#explorer{padding-top:18px}
.atlas-toolbar{justify-content:flex-end;min-height:0;border:0;box-shadow:none;backdrop-filter:none;background:none;padding:0 3px 12px;margin:0;border-radius:0}
.atlas-toolbar .spoiler-label{min-height:32px}
#god-draft-label{line-height:24px}
.lore-index{padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.lore-index .entry{font-size:12px;min-height:42px}
footer .local-review-link{font-size:10px;padding:0}
@media(max-width:1000px){.series-header{gap:14px;flex-wrap:wrap;height:auto;padding-top:17px;padding-bottom:10px}.series-header nav{order:3;flex-basis:100%;justify-content:flex-start;height:auto}.series-header .author-return{margin-left:auto}.series-header .tabs{width:100%;justify-content:space-between}.series-header .tabs button{padding:10px 14px}.series-header nav button:nth-child(2),.series-header nav button:last-child{display:block}}
@media(max-width:700px){.series-header{padding-inline:16px}.series-brand{font-size:11px}.series-header .tabs{gap:3px;overflow-x:auto}.series-header .tabs button{font-size:11px;padding:10px}.author-return{font-size:10px}main#explorer{padding-top:10px}.lore-index{display:flex;flex-shrink:0;padding:0 9px 0 0;margin:0 8px 0 0;border-bottom:0;border-right:1px solid var(--line)}}
/* Pantheon bento grid, with the dossier contained in each profile. */
#detail-panel[hidden]{display:none!important}
.workspace[data-mode=gods]{grid-template-columns:190px minmax(0,1fr)}
.workspace[data-mode=gods] .map-area{grid-column:2}
.god-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bento-card{position:relative;isolation:isolate;min-height:355px;border:1px solid #ffffff20;border-radius:22px;overflow:hidden;text-align:left;background:linear-gradient(145deg,#ffffff0b,#ffffff02);padding:0;box-shadow:inset 0 1px #ffffff12;transition:transform .2s,border-color .2s}
.bento-card:nth-child(1),.bento-card:nth-child(6){grid-column:span 2}
.bento-card:hover{transform:translateY(-3px);border-color:var(--accent);color:var(--ink)}
.bento-portrait{position:absolute;inset:0;overflow:hidden;background:#111}
.bento-portrait img{position:absolute;right:0;top:0;width:205%;max-width:none;height:auto;min-height:100%;object-fit:cover;object-position:right top}
.bento-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 12%,#08090b15 35%,#08090bcc 72%,#08090bf5);z-index:0;pointer-events:none}
.bento-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:355px;padding:26px;gap:9px}
.bento-copy strong{font-size:32px;letter-spacing:-.045em;line-height:1.05;font-weight:600;color:#f3f3ef}
.bento-domain{font-size:10px;color:var(--accent);line-height:1.5}.bento-title{font-size:9px;letter-spacing:.12em;line-height:1.6;color:#c7c7c3}.bento-summary{font-size:12px;color:#a9aaa7;line-height:1.7;max-width:340px}
.bento-open{position:absolute;right:18px;top:18px;z-index:2;border:1px solid #ffffff30;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#1118;backdrop-filter:blur(12px)}
.bento-symbol{position:absolute;right:25px;top:25px;font-size:65px;color:var(--accent);opacity:.45}
.bento-card.without-art,.without-art .bento-copy{min-height:235px}
.god-profile{max-width:1500px;margin-inline:auto}.god-profile .sheet-layout{grid-template-columns:minmax(0,1fr) minmax(250px,1fr);gap:34px}.god-profile .god-fullbody{max-width:540px}.god-profile .sheet-trait p{font-size:14px}.god-profile .sheet-stats dd{font-size:17px}.god-profile .sheet-heading h3{font-size:48px}
.profile-dossier{margin-top:28px;padding:28px;border:1px solid #ffffff18;border-radius:20px;background:#ffffff04}.profile-dossier>h3{font-size:26px;margin-bottom:25px}.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 35px}.dossier-block h4{font-size:12px;font-weight:600;line-height:1.6;color:var(--accent);margin:0 0 12px}.dossier-block p{font-size:14px;line-height:1.95;color:#bfc1bd}.profile-connections{margin-top:28px;border-top:1px solid #ffffff14;padding-top:20px;display:flex;gap:10px;flex-wrap:wrap}.profile-connections h4{width:100%;font-size:12px;margin:0 0 6px}.profile-connections .related-button{width:auto;gap:18px}.profile-sources{margin-top:25px;color:var(--muted);font-size:11px;line-height:1.9}.profile-sources summary{cursor:pointer;padding:10px 0}.profile-sources p{margin:8px 0;overflow-wrap:anywhere}
@media(max-width:1300px){.god-bento{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-card:nth-child(6){grid-column:span 1}.bento-copy{padding:22px}.bento-copy strong{font-size:28px}}
@media(max-width:1000px){.god-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-card:nth-child(1){grid-column:span 1}.god-profile .sheet-layout{grid-template-columns:1fr}.god-profile .god-fullbody{margin:auto}.dossier-grid{grid-template-columns:1fr}.workspace[data-mode=gods]{grid-template-columns:165px minmax(0,1fr)}}
@media(max-width:700px){.workspace[data-mode=gods]{display:flex}.god-bento{gap:10px}.bento-card,.bento-copy{min-height:290px}.bento-copy{padding:18px 14px;gap:7px}.bento-copy strong{font-size:25px}.bento-title{font-size:8px}.bento-summary{font-size:11px}.bento-domain{font-size:9px}.bento-card.without-art,.without-art .bento-copy{min-height:220px}.bento-card{border-radius:16px}.profile-dossier{padding:20px}.god-profile .sheet-heading h3{font-size:37px}.dossier-block p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.bento-card{transition:none}.bento-card:hover{transform:none}}
/* The pantheon cards float directly on the page, without a surrounding window. */
.workspace[data-mode=gods] .map-area,
.workspace[data-mode=gods] .power-canvas{background:transparent;border:0;box-shadow:none;backdrop-filter:none}
.workspace[data-mode=gods] .map-title{display:none}
.workspace[data-mode=gods] .power-canvas{padding:0;border-radius:0}
.workspace[data-mode=gods] .bento-card{grid-column:auto}
.workspace[data-mode=gods] .bento-card,
.workspace[data-mode=gods] .bento-copy{min-height:355px}
@media(max-width:700px){
 .workspace[data-mode=gods] .map-area{height:auto!important;min-height:0;max-height:none;overflow:visible!important}
 .workspace[data-mode=gods] .power-canvas{position:relative;inset:auto;overflow:visible}
 .workspace[data-mode=gods] .bento-card,
 .workspace[data-mode=gods] .bento-copy{min-height:290px}
}
/* Preserve the original card layout; mirror only selected portrait crops. */
.wind{--accent:#c2d3d0}
.portrait-rightward .bento-portrait{transform:scaleX(-1)}

/* Individual profile panels float on the page, matching the pantheon cards. */
.god-profile{max-width:none}
.god-profile .profile-bento{padding:0;border:0;background:none;box-shadow:none;border-radius:0}
.profile-bento .sheet-heading{border:0;padding:0 2px;margin:0 0 22px}
.profile-bento .sheet-heading h3{font-size:clamp(34px,4vw,58px);margin:0 0 8px}
.profile-bento .sheet-heading p{font-size:12px;letter-spacing:.09em;margin:0;line-height:1.6}
.god-profile .profile-bento .sheet-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
.god-profile .profile-bento .god-fullbody{width:100%;max-width:none;margin:0;border-radius:22px;box-shadow:none}
.profile-bento .sheet-stats{display:grid;gap:16px;min-width:0;padding:0;border:0}
.profile-bento .profile-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;border:0}
.profile-fact,.profile-bento .sheet-trait,.god-profile .dossier-block,.god-profile .profile-connections,.god-profile .profile-sources{padding:22px;border:1px solid #ffffff1b;border-radius:20px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px #ffffff0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:0}
.profile-bento .profile-fact dt{color:var(--muted);font-size:10px;letter-spacing:.06em;margin:0 0 10px}
.profile-bento .profile-fact dd{font-size:15px;line-height:1.6;margin:0;color:var(--ink)}
.profile-bento .sheet-trait{margin:0}
.profile-bento .sheet-trait h4,.god-profile .dossier-block h4{font-size:14px;line-height:1.5;color:var(--accent);margin:0 0 10px}
.profile-bento .sheet-trait p,.god-profile .dossier-block p{font-size:13px;line-height:1.8;margin:0;color:#c0c1bf}
.god-profile .profile-dossier{padding:0;margin-top:16px;background:none;border:0;box-shadow:none;border-radius:0}
.god-profile .profile-dossier>h3{font-size:20px;margin:26px 2px 16px}
.god-profile .dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.god-profile .profile-connections{margin-top:16px}
.god-profile .profile-sources{margin-top:16px;padding:12px 22px}
@media(min-width:1550px){.god-profile .dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.god-profile .profile-bento .sheet-layout{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.profile-bento .profile-facts{grid-template-columns:1fr}.profile-fact,.profile-bento .sheet-trait,.god-profile .dossier-block{padding:18px}}
@media(max-width:700px){.god-profile .profile-bento .sheet-layout{grid-template-columns:1fr}.god-profile .profile-bento .god-fullbody{max-width:440px;justify-self:center}.profile-bento .profile-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.god-profile .dossier-grid{grid-template-columns:1fr}.profile-bento .profile-fact dd{font-size:13px}}
@media(max-width:380px){.profile-bento .profile-facts{grid-template-columns:1fr}}
/* Scourge growth and healed scars, subdued behind every explorer view. */
body{isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#09090930,#09090965),url('/assets/scourge-painted-v2.png');background-position:center;background-size:cover;background-repeat:no-repeat;opacity:.38}

/* Cover-inspired outlined title, kept as accessible, selectable text. */
.series-header .series-brand{display:block;font-family:Manrope,'Segoe UI',sans-serif;font-size:23px;font-weight:700;line-height:1.25;letter-spacing:.12em;color:#a3d4c8;-webkit-text-stroke:.65px #a3d4c8;background:repeating-linear-gradient(0deg,#a3d4c899 0,#a3d4c899 .5px,transparent .5px,transparent 3px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 18px #83c6b414}
.series-header .series-brand:hover{-webkit-text-stroke-color:#c3eee1}
@media(max-width:1200px){.series-header .series-brand{font-size:19px;letter-spacing:.09em}}
@media(max-width:700px){.series-header .series-brand{font-size:17px;letter-spacing:.07em}.series-header{column-gap:12px}}
@media(forced-colors:active){.series-header .series-brand{-webkit-text-fill-color:LinkText;-webkit-text-stroke:0;background:none}}
/* Floating navigation and a readable solid series title. */
.masthead.series-header{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.series-header .series-brand,.series-header .series-brand:hover{color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:0;background:none;text-shadow:none}
.god-faction{margin-top:16px;padding:24px;border:1px solid #ffffff1b;border-radius:20px;background:linear-gradient(135deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px #ffffff0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.faction-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.god-faction h3{font-size:23px;line-height:1.4;margin:0 0 12px}
.god-faction p{font-size:13px;line-height:1.8;color:#c0c1bf;margin:0 0 14px;max-width:85ch}
.god-faction .related-button{width:auto;display:inline-flex;gap:20px}
.faction-placeholder{font-size:11px;color:var(--muted)}
@media(max-width:700px){.god-faction{padding:18px}.god-faction h3{font-size:20px}}
/* Gods use the full canvas; cards and the return link provide navigation. */
.workspace[data-mode=gods]{grid-template-columns:minmax(0,1fr)}
.workspace[data-mode=gods] .index-panel{display:none}
.workspace[data-mode=gods] .map-area{grid-column:1;min-width:0;width:100%}

/* Remove incidental author-facing badges and empty helper copy. */
.draft-tag,#interaction-hint:empty{display:none}


.faction-panel-art{float:right;width:180px;max-width:35%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:14px;margin:0 0 16px 24px}
.god-faction:has(.faction-panel-art){display:flow-root}
.workspace[data-mode=factions]{grid-template-columns:minmax(0,1fr)}
.workspace[data-mode=factions] .index-panel,.workspace[data-mode=factions] .map-title{display:none}
.workspace[data-mode=factions] .map-area{grid-column:1;width:100%;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0;background:none;box-shadow:none}
.workspace[data-mode=factions] .power-canvas{position:relative;inset:auto;padding:0;height:auto;overflow:visible;background:none}
.faction-card{grid-column:auto!important;display:flex;flex-direction:column}
.faction-card:after{display:none}
.faction-card-art{display:grid;place-items:center;aspect-ratio:1.25;width:100%;background:#151515;overflow:hidden}
.faction-card-art:has(img){background:white}
.faction-card-art img{height:100%;width:100%;object-fit:contain;padding:24px;min-height:0}
.faction-placeholder-symbol{font-size:80px;color:var(--accent);opacity:.6}
.faction-card .bento-copy{min-height:190px;padding:24px;justify-content:flex-start}
.faction-card .bento-copy strong{font-size:26px}
.faction-profile header h2{font-size:42px;margin:0 0 12px}
.faction-profile header p{color:var(--muted);margin-bottom:22px}
.faction-profile-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-items:start}
.faction-art{margin:0;aspect-ratio:1;display:grid;place-items:center;background:#151515;border-radius:22px;overflow:hidden}
.faction-art:has(img){background:#fff}
.faction-art img{width:100%;height:100%;object-fit:contain;padding:28px}
.faction-profile-grid .god-faction{margin-top:0}
@media(max-width:700px){.faction-profile-grid{grid-template-columns:1fr}.faction-art{max-width:440px;width:100%;justify-self:center}.faction-card .bento-copy{padding:16px}.faction-card .bento-copy strong{font-size:21px}}

/* Painted faction artwork extends to the tile edges. */
.faction-card-art:has(img),.faction-art:has(img){background:#302b23}
.faction-card-art:has(img){aspect-ratio:1}
.faction-card-art img,.faction-art img{padding:0;object-fit:cover}
.faction-panel-art{background:#302b23}
/* Faction cards share the full-bleed artwork and readable overlay of god cards. */
.faction-card{display:block;min-height:355px}
.faction-card-art{position:absolute;inset:0;aspect-ratio:auto!important;width:100%;height:100%}
.faction-card-art img{width:100%;height:100%;object-fit:cover;padding:0}
.faction-card:after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(180deg,#08090b00 12%,#08090b18 35%,#08090bcc 72%,#08090bf5);z-index:0;pointer-events:none}
.faction-card .bento-copy{position:relative;z-index:1;min-height:355px;justify-content:flex-end;padding:26px}
.faction-card .bento-copy strong{font-size:32px;color:#f3f3ef}
.faction-card .bento-summary{color:#c2c3bf}
@media(max-width:1300px){.faction-card .bento-copy{padding:22px}.faction-card .bento-copy strong{font-size:28px}}
@media(max-width:700px){.faction-card,.faction-card .bento-copy{min-height:290px}.faction-card .bento-copy{padding:18px 14px}.faction-card .bento-copy strong{font-size:25px}}
/* A single reading surface for sourced world history. */
.workspace.timeline-mode{grid-template-columns:minmax(0,1fr)}
.timeline-mode .index-panel,.timeline-mode .map-title,.timeline-mode #interaction-hint{display:none}
.workspace.timeline-mode .map-area{grid-column:1;width:100%;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border:0;background:none;box-shadow:none}
.workspace.timeline-mode .power-canvas{position:relative;inset:auto;padding:0;height:auto;max-height:none;overflow:visible;background:none}
.history{max-width:1100px;margin:40px auto 80px;padding:0 24px}
.history header h2{font-size:clamp(28px,4vw,46px);font-weight:500;letter-spacing:-.035em;margin:0 0 14px}
.history header p{color:#aeb2b8;max-width:70ch;font-size:14px;line-height:1.8}
.history-eras{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 48px}
.history-eras button{font:inherit;font-size:12px;color:#cdd0d5;border:1px solid #ffffff22;border-radius:24px;background:#ffffff06;padding:9px 14px;cursor:pointer}
.history-eras button:hover{background:#ffffff13;color:white}
.history-era{scroll-margin-top:32px;margin:0 0 48px}
.history-era h3{font-size:18px;font-weight:500;letter-spacing:.02em;margin:0 0 28px;color:#e5e7eb}
.history-era ol{list-style:none;margin:0;padding:0 0 0 28px;border-left:1px solid #ffffff24}
.history-event{position:relative;display:flex;align-items:start;gap:40px;padding:0 0 42px}
.history-event:last-child{padding-bottom:8px}
.history-event:before{content:'';position:absolute;left:-32px;top:8px;width:7px;height:7px;border:1px solid #aeb2b8;border-radius:50%;background:#202328}
.history-copy{flex:1;min-width:0}
.history-when{color:#9299a3;font-size:11px;letter-spacing:.05em}
.history h4{font-size:21px;font-weight:500;line-height:1.4;margin:9px 0 12px}
.history p{font-size:14px;line-height:1.85;color:#c5c9ce;margin:10px 0}
.history p.history-alignment{color:#929ba7;font-size:12px}
.history details{margin-top:14px;font-size:12px;color:#b4bdc9}
.history summary{cursor:pointer;line-height:1.7;width:fit-content}
.history details[open]{padding-bottom:8px}
.history details p{font-size:12px}
.history blockquote{border-left:2px solid #ffffff29;padding-left:14px;margin:16px 0 8px;font-size:13px;line-height:1.8;color:#bac1cb}
.history details a{color:#ccd4df;text-underline-offset:4px}
.history details small{display:block;color:#858e9b;margin-top:7px}
.history-placeholder{flex:0 0 220px;aspect-ratio:4/3;margin:3px 0 0;border:1px dashed #ffffff20;border-radius:14px;background:linear-gradient(145deg,#ffffff06,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;color:#89929e}
.history-placeholder span{font-size:25px;opacity:.5}
.history-placeholder figcaption{font-size:11px;line-height:1.6;max-width:22ch}
@media(max-width:700px){.history{padding:0 6px;margin-top:24px}.history-event{flex-direction:column;gap:20px}.history-placeholder{flex-basis:auto;width:min(100%,300px)}.history-era ol{padding-left:20px}.history-event:before{left:-24px}.history h4{font-size:19px}}

.history-calendar{margin:28px 0;padding:22px 0;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24}
.history-calendar h3{font-size:38px;font-weight:500;margin:10px 0}
.history-calendar h3 small{font-size:14px;color:#aab2bf}
.history-calendar dl{margin:20px 0}
.history-calendar dl div{margin-bottom:16px}
.history-calendar dt{color:#d4d9e0;font-size:13px}
.history-calendar dd{margin:6px 0 0;font-size:12px;line-height:1.8;color:#a5aebb}
.history p.history-date{font-size:11px;color:#aab5c4;margin:5px 0 10px;line-height:1.5}
/* Keep the complete ensemble visible without cropping edge figures. */
.pantheon-banner{margin:0 0 28px;width:100%;background:none;border:0;box-shadow:none}
.pantheon-banner img{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:700px){.pantheon-banner{margin-bottom:16px}.pantheon-banner img{border-radius:8px}}

/* The atlas owns the screen; its controls and notes live over the map. */
body[data-view="places"] #explorer{max-width:none;padding:0 12px 12px;margin:0}
body[data-view="places"] .atlas{border:0;background:none;box-shadow:none}
body[data-view="places"] .atlas-toolbar,body[data-view="places"] .atlas-bottom,body[data-view="places"] footer{display:none!important}
.workspace[data-mode="places"]{display:block!important;position:relative;border:0;background:none;min-height:0}
.workspace[data-mode="places"]>.index-panel,.workspace[data-mode="places"]>.detail-panel,.workspace[data-mode="places"]>.map-area{display:none!important}
#world-atlas-frame{width:100%;height:calc(100dvh - 116px);min-height:430px;border:0;border-radius:16px;background:#11191e;display:block}
#world-atlas-frame[hidden]{display:none}
@media(max-width:700px){body[data-view="places"] #explorer{padding:0 6px 6px}#world-atlas-frame{height:calc(100dvh - 152px);min-height:420px;border-radius:10px}}

/* The cast shares the pantheon's open card gallery and bento profiles. */
.workspace[data-mode=characters]{display:block!important}
.workspace[data-mode=characters]>.index-panel,.workspace[data-mode=characters]>.detail-panel,.workspace[data-mode=characters] .map-title{display:none!important}
.workspace[data-mode=characters] .map-area{width:100%;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:none;border:0;box-shadow:none}
.workspace[data-mode=characters] .power-canvas{position:relative;inset:auto;padding:0!important;height:auto;max-height:none;overflow:visible;background:none}
body[data-view=characters] .atlas-toolbar,body[data-view=characters] .atlas-bottom{display:none}
.character-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:8px 0 12px}
.character-filters label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#bfc0bd;flex:1;min-width:145px}
.character-filters input,.character-filters select,.character-filters button,.character-empty button{font:inherit;font-size:13px;background:#18191bb8;color:#e7e7e5;border:1px solid #ffffff24;border-radius:10px;padding:11px 12px;min-height:44px;max-width:100%;backdrop-filter:blur(16px)}
.character-filters .character-search{flex:1.5}
.character-filters button{cursor:pointer}.character-help,.character-results{font-size:12px;color:#a9aaa7}.character-results{display:flex;justify-content:space-between;gap:12px;margin:22px 0 18px}
.character-tile{position:relative;overflow:hidden;min-height:355px}.character-tile .bento-copy{position:relative;z-index:1;min-height:355px;justify-content:flex-end;background:none}
.character-identity{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 15%,#ffffff0c,#101113 80%)}
.character-identity img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.13;filter:saturate(.45)}.character-identity>span{position:relative;color:var(--accent,#bcbdb9);opacity:.75;font-size:74px;font-weight:300;letter-spacing:-.05em;align-self:start;margin-top:42px}
.character-tile .bento-copy strong{font-size:28px}.character-tile .bento-domain{font-size:10px}.character-tile .bento-summary{font-size:13px}
.character-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:26px 0}
.character-profile-hero,.character-profile-block{position:relative;background:linear-gradient(135deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px #ffffff0c;border:1px solid #ffffff1b;border-radius:20px;padding:26px;backdrop-filter:blur(20px)}
.character-profile-hero{grid-column:1/-1;display:grid;grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);gap:32px;align-items:center;overflow:hidden}
.character-profile-hero .character-identity{position:relative;min-height:260px;border-radius:14px}.character-profile-hero .character-identity>span{align-self:center;margin:0;font-size:100px}
.character-profile h2{font-size:38px;line-height:1.2;font-weight:500;margin:0 0 16px}.character-profile h3{font-size:18px;font-weight:500;margin:0 0 18px}.character-profile p{font-size:14px;line-height:1.9;color:#c0c1bf}.character-profile dl{display:grid;gap:14px;margin:20px 0 0}.character-profile dt{font-size:11px;color:#a0a19e}.character-profile dd{margin:5px 0 0;font-size:14px;color:#e0e1de}.character-development h4{font-size:12px;color:var(--accent,#bfc0bd);margin-bottom:5px}.character-sources{grid-column:1/-1;overflow-wrap:anywhere}.character-sources summary{cursor:pointer}.character-empty{text-align:center;padding:60px 20px;color:#bfc0bd}
@media(max-width:700px){.character-filters{gap:10px}.character-filters label{min-width:calc(50% - 10px)}.character-filters .character-search{flex-basis:100%}.character-profile{grid-template-columns:1fr}.character-profile-hero{grid-template-columns:1fr;padding:20px}.character-profile-hero .character-identity{min-height:190px}.character-profile h2{font-size:30px}.character-tile,.character-tile .bento-copy{min-height:320px}.character-tile .bento-copy strong{font-size:23px}.character-results{flex-wrap:wrap}}

.character-gallery .bento-card{grid-column:auto!important}
.character-identity.character-portrait img{width:200%;max-width:none;height:100%;left:-100%;object-fit:cover;object-position:right center;opacity:1;filter:none}
.character-profile-hero .character-portrait{aspect-ratio:3/4;min-height:0;width:100%}
.character-profile-hero .character-portrait img{left:0;object-position:left center}
.character-identity.woodhaven-portrait img{width:100%;left:0;object-position:center 25%}
.character-tile .woodhaven-portrait[data-portrait="sumnu"] img{transform:scaleX(-1)}
.character-profile-hero .woodhaven-portrait{aspect-ratio:2/3}
.character-profile-hero .woodhaven-portrait img{object-position:center;object-fit:contain}
.character-portrait .character-full-art{display:none}
.character-profile-hero .character-head-art{display:none}
.character-profile-hero .character-full-art{display:block}

.character-profile-hero.slate-profile-hero{grid-column:auto;display:block;padding:0;min-height:620px;isolation:isolate}
.slate-profile-hero .character-identity.character-portrait{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}
.slate-profile-hero .character-portrait img{object-position:left top}
.slate-progression-box{min-width:0;align-self:start}.slate-progression-box .slate-stat-sheet{border-top:0;padding-top:0}
.slate-profile-intro{position:absolute;inset:auto 0 0;z-index:1;min-width:0;padding:100px 30px 30px;background:linear-gradient(transparent,#090909b8 55%,#090909ed);text-shadow:0 2px 12px #000}.slate-profile-intro>h2{margin:0 0 8px;color:#fff}.slate-profile-intro>p{margin:0;line-height:1.6;color:#e1e1dd}
.slate-stat-sheet{border-top:1px solid #ffffff20;padding-top:20px;color:#e5e5df;font-variant-numeric:tabular-nums}
.slate-slider-label,.slate-slider-controls,.slate-slider-ends,.slate-stat-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.slate-slider-label{font-size:13px}.slate-slider-label output{font-size:11px;color:#a6a6a0}
.slate-slider-controls{margin-top:12px;gap:14px}.slate-slider-controls input{flex:1;min-width:0;width:100%;height:28px;accent-color:#d2c49f;cursor:pointer}
.slate-slider-controls button{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid #ffffff28;background:#ffffff08;color:#e7e5dc;cursor:pointer}.slate-slider-controls button:disabled{opacity:.25;cursor:default}
.slate-slider-controls :focus-visible{outline:2px solid #d2c49f;outline-offset:4px}.slate-slider-ends{font-size:10px;color:#a9aaa6;margin:4px 48px 0}
.character-profile #slate-slider-help{font-size:11px;color:#a9aaa6;line-height:1.5;margin:12px 0 20px}
.slate-stat-heading{align-items:flex-start}.slate-source{font-size:11px;letter-spacing:.04em;color:#c6b996}.character-profile .slate-stat-heading h3{font-size:24px;margin:6px 0 18px;line-height:1.2}.slate-level{font-size:36px;font-weight:500;line-height:1;text-align:right}.slate-level small{display:block;font-size:9px;letter-spacing:.14em;margin-bottom:7px;color:#aaa9a3}
.slate-resources{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}.slate-resources span,.slate-resources small{display:block;font-size:10px;color:#a9aaa4}.slate-resources strong{display:block;font-size:24px;font-weight:400;margin:7px 0}.slate-resources small{font-size:9px}
.slate-abilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px 0 2px}.slate-abilities h4{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#a9aaa4;margin:0 0 12px}.slate-abilities ul{list-style:none;margin:0;padding:0}.slate-abilities li{display:flex;justify-content:space-between;align-items:start;gap:8px;font-size:12px;line-height:1.45;padding:9px 0;border-top:1px solid #ffffff0c}.slate-abilities b{font-weight:400;color:#cfc1a0;flex-shrink:0}.slate-abilities .stat-unlisted{color:#858681;font-style:italic}.slate-abilities small{display:block;font-size:9px;color:#c6b996;margin-top:3px}.slate-abilities .stat-changed{color:#f2ead7}
.character-profile .slate-change{font-size:11px;color:#c8bea5;line-height:1.5;margin:12px 0}.slate-source-details{font-size:11px;color:#aaa9a3;border-top:1px solid #ffffff14;padding-top:12px}.slate-source-details summary{cursor:pointer}.character-profile .slate-source-details p{font-size:11px;line-height:1.6}
@media(max-width:1000px){.slate-abilities{gap:10px}.slate-resources strong{font-size:21px}}
@media(max-width:700px){.character-profile-hero.slate-profile-hero{min-height:0;aspect-ratio:3/4}.slate-profile-intro{padding:85px 22px 24px}.slate-abilities{gap:12px}.slate-abilities li{font-size:11px}.character-profile .slate-stat-heading h3{font-size:22px}}

/* Open bestiary gallery, matching the charcoal reader shell. */
.workspace[data-mode=creatures]{display:block!important}
.workspace[data-mode=creatures]>.index-panel,.workspace[data-mode=creatures]>.detail-panel,.workspace[data-mode=creatures] .map-title{display:none!important}
.workspace[data-mode=creatures] .map-area{width:100%;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:none;border:0;box-shadow:none}
.workspace[data-mode=creatures] .power-canvas{position:relative;inset:auto;padding:0!important;height:auto;max-height:none;overflow:visible;background:none}
body[data-view=creatures] .atlas-toolbar,body[data-view=creatures] .atlas-bottom{display:none}
.creature-intro{max-width:760px;margin:12px 0 30px}.creature-intro h2{font-size:clamp(28px,4vw,44px);font-weight:500;margin:0 0 12px}.creature-intro p{color:#bcbdb9;font-size:15px;line-height:1.8}
.creature-gallery .bento-card{grid-column:auto!important}.creature-tile{position:relative;min-height:330px;overflow:hidden}.creature-tile .bento-copy{position:relative;z-index:1;min-height:330px;justify-content:flex-end;background:linear-gradient(transparent,#090909e8)}
.creature-art{display:grid;place-items:center;min-height:210px;color:#ffffff20;font-size:72px;background:radial-gradient(ellipse at 65% 20%,#ffffff0b,transparent 70%),linear-gradient(140deg,#242524,#101112)}
.creature-tile>.creature-art{position:absolute;inset:0;padding-bottom:100px}.creature-profile .creature-art{border-radius:14px;width:100%;aspect-ratio:4/3}.creature-profile{margin-top:20px}
.creature-art.creature-painted{padding:0;overflow:hidden}.creature-painted img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.creature-profile .creature-painted{aspect-ratio:2/3;min-height:0}.creature-profile .creature-painted img{height:auto;object-fit:contain}.creature-tile:has(.creature-painted) .bento-copy{background:linear-gradient(180deg,transparent 15%,#09090970 46%,#090909f5 100%)}
.creature-tile[data-entry="giant-stone-spider"] .creature-painted img{position:absolute;inset:0;object-position:center 64%}
.creature-tile[data-entry="giant-stone-spider"]:after{background:none}
.creature-tile[data-entry="giant-stone-spider"] .bento-copy{background:linear-gradient(180deg,transparent 40%,#09090950 62%,#090909ed 100%)}
.creature-tile[data-entry="giant-wood-beetle"] .creature-painted img{position:absolute;inset:0;object-position:center 70%}
.creature-tile[data-entry="giant-wood-beetle"]:after{background:none}
.creature-tile[data-entry="giant-wood-beetle"] .bento-copy{background:linear-gradient(180deg,transparent 40%,#09090950 62%,#090909ed 100%)}
.creature-tile[data-entry="rimefoot"] .creature-painted img{position:absolute;inset:0;object-position:center 25%}
.creature-tile[data-entry="rimefoot"]:after{background:none}
.creature-tile[data-entry="rimefoot"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090940 65%,#090909ed 100%)}
.creature-tile[data-entry="rootmole"] .creature-painted img{position:absolute;inset:0;object-position:center 58%}
.creature-tile[data-entry="rootmole"]:after{background:none}
.creature-tile[data-entry="rootmole"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090940 65%,#090909ed 100%)}
.creature-tile[data-entry="shardmice"] .creature-painted img{position:absolute;inset:0;object-position:center 80%}
.creature-tile[data-entry="shardmice"]:after{background:none}
.creature-tile[data-entry="shardmice"] .bento-copy{background:linear-gradient(180deg,transparent 55%,#09090930 70%,#090909ed 100%)}
.creature-tile[data-entry="glassback"] .creature-painted img{position:absolute;inset:0;object-position:center 58%}
.creature-tile[data-entry="glassback"]:after{background:none}
.creature-tile[data-entry="glassback"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-tile[data-entry="dewstoat"] .creature-painted img{position:absolute;inset:0;object-position:center}
.creature-tile[data-entry="dewstoat"]:after{background:none}
.creature-tile[data-entry="dewstoat"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-profile .creature-painted:has(img[src$="dewstoat-v1-profile.webp"]){aspect-ratio:1}
.creature-tile[data-entry="rootweaver"] .creature-painted img{position:absolute;inset:0;object-position:center 60%}
.creature-tile[data-entry="rootweaver"]:after{background:none}
.creature-tile[data-entry="rootweaver"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-tile[data-entry="floating-fringe-creature"] .creature-painted img{position:absolute;inset:0;object-position:center 85%}
.creature-tile[data-entry="floating-fringe-creature"]:after{background:none}
.creature-tile[data-entry="floating-fringe-creature"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-tile[data-entry="carnivorous-root-plant"] .creature-painted img{position:absolute;inset:0;object-position:center 50%}
.creature-tile[data-entry="carnivorous-root-plant"]:after{background:none}
.creature-tile[data-entry="carnivorous-root-plant"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-tile[data-entry="armored-root-forager"] .creature-painted img{position:absolute;inset:0;object-position:center 50%}
.creature-tile[data-entry="armored-root-forager"]:after{background:none}
.creature-tile[data-entry="armored-root-forager"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}
.creature-tile[data-entry="leaf-carrying-colony"] .creature-painted img{position:absolute;inset:0;object-position:center 55%}
.creature-tile[data-entry="leaf-carrying-colony"]:after{background:none}
.creature-tile[data-entry="leaf-carrying-colony"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}

/* Separate, naturally sized physical-description bento. */
.appearance-stage + .appearance-stage{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff14}
.character-physical .appearance-stage h4{font-size:12px;font-weight:500;color:#d0d0cc;margin:0 0 12px}
.character-physical .appearance-stage dl{margin:0;gap:12px}
.appearance-reference{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff14;font-size:12px;color:#a9aaa6;overflow-wrap:anywhere}
.appearance-reference summary{cursor:pointer}
.character-physical .appearance-reference p{font-size:12px;line-height:1.7}

.creature-tile[data-entry="bankmaw"] .creature-painted img{position:absolute;inset:0;object-position:center 45%}
.creature-tile[data-entry="bankmaw"]:after{background:none}
.creature-tile[data-entry="bankmaw"] .bento-copy{background:linear-gradient(180deg,transparent 45%,#09090930 65%,#090909ed 100%)}

/* Matched initial-graft portraits: hover and keyboard on cards; toggle on touch profiles. */
.vindicia-transition img{transition:opacity .45s ease}
.character-identity.vindicia-transition .vindicia-after{opacity:0}
.character-tile:focus-visible .vindicia-transition .vindicia-after,.vindicia-transition:has(input:checked) .vindicia-after{opacity:1}
.character-tile:focus-visible .vindicia-transition .vindicia-before,.vindicia-transition:has(input:checked) .vindicia-before{opacity:0}
@media(hover:hover){.character-tile:hover .vindicia-transition .vindicia-after,.character-profile-hero .vindicia-transition:hover .vindicia-after{opacity:1}.character-tile:hover .vindicia-transition .vindicia-before,.character-profile-hero .vindicia-transition:hover .vindicia-before{opacity:0}}
.vindicia-form-toggle{position:absolute;bottom:14px;left:14px;z-index:3;display:flex;align-items:center;gap:8px;background:#141416dc;color:#eee;padding:9px 12px;border:1px solid #ffffff25;border-radius:20px;font-size:12px;cursor:pointer}
.vindicia-form-toggle input{accent-color:#bfc0be}
@media(prefers-reduced-motion:reduce){.vindicia-transition img{transition:none}}

/* Open character dossier grid. Each panel participates in normal page scrolling. */
.character-profile.character-dossier{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:start}
.character-dossier .dossier-portrait{grid-column:span 5;grid-row:span 2;display:block;padding:0;aspect-ratio:2/3;align-self:stretch;min-height:560px;overflow:hidden}
.dossier-portrait .character-identity.character-portrait,.dossier-portrait .character-identity{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0;border-radius:0;aspect-ratio:auto}
.dossier-portrait .character-portrait img{height:100%;object-fit:cover;object-position:left center}
.dossier-portrait .woodhaven-portrait img{width:100%;left:0;object-fit:cover;object-position:center top}
.dossier-portrait-title{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:100px 30px 30px;background:linear-gradient(transparent,#090a0bef);pointer-events:none}
.dossier-portrait-title h2{font-size:clamp(27px,3vw,46px);margin:0 0 9px;line-height:1.07}
.dossier-portrait-title p{font-size:12px;letter-spacing:.1em;color:#d0d0d1;margin:0}
.dossier-portrait .vindicia-form-toggle{top:16px;bottom:auto}
.dossier-stats,.dossier-biography{grid-column:span 7;min-width:0}
.dossier-personality{grid-column:span 4}.dossier-faction{grid-column:span 4}.dossier-abilities{grid-column:span 8}.character-dossier .character-physical{grid-column:span 4}
.dossier-relationships,.dossier-record{grid-column:1/-1}
.character-dossier h3{margin-top:0}.character-dossier h4{margin:20px 0 9px;color:#eee;font-size:14px}.character-dossier p,.character-dossier li{line-height:1.65}
.dossier-placeholder{color:#909195;font-size:14px}.dossier-stage{color:#c7c7ca;font-size:13px}
.dossier-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dossier-stat-grid>div{padding:14px;background:#ffffff05;border:1px solid #ffffff12;border-radius:12px}.dossier-stat-grid dd{font-size:24px;margin:8px 0 0;color:#f2f2f3}.dossier-stat-grid dt{font-size:12px;color:#a7a7ad}
.faction-link{position:relative;display:flex;align-items:flex-end;min-height:220px;overflow:hidden;text-decoration:none;color:#fff}.faction-link>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.faction-link::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#090a0bee)}.faction-link>div{position:relative;z-index:1}.faction-link strong{font-size:23px}.faction-link p{margin-bottom:0}.dossier-faction-mark{position:absolute;right:25px;top:15px;color:#9bada044;font-size:130px}.faction-link:focus-visible{outline:2px solid white;outline-offset:4px}
.relationship-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.relationship-person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #ffffff12;border-radius:12px;background:#ffffff04;color:#eee;padding:9px;margin:9px 0;cursor:pointer;font:inherit;font-size:13px}.relationship-person:hover{background:#ffffff0d}.relationship-image{position:relative;display:block;flex:0 0 54px;width:54px;height:64px;border-radius:8px;overflow:hidden}.relationship-image .character-identity{position:absolute;inset:0}.relationship-image .character-identity>span{font-size:21px;margin-top:16px}.relationship-image .woodhaven-portrait img{object-position:center 15%}.relationship-image .vindicia-form-toggle{display:none}.relationship-person:focus-visible{outline:2px solid #ddd;outline-offset:3px}.relationship-context{font-size:13px;color:#a8a8ae}.relationship-other{display:flex;gap:12px;flex-wrap:wrap}.relationship-other .relationship-person{width:220px}.dossier-record>section{background:none;border:0;box-shadow:none;padding:16px 0;backdrop-filter:none}
@media(max-width:1000px){.character-dossier .dossier-portrait{grid-column:span 6}.dossier-stats,.dossier-biography{grid-column:span 6}.dossier-personality,.dossier-faction,.dossier-abilities,.character-dossier .character-physical{grid-column:span 6}.relationship-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.character-profile.character-dossier{grid-template-columns:minmax(0,1fr);gap:16px}.character-dossier>*,.character-dossier .dossier-portrait,.character-dossier .character-physical{grid-column:1;grid-row:auto}.character-dossier .dossier-portrait{min-height:0;aspect-ratio:2/3}.dossier-portrait-title{padding:90px 22px 24px}.relationship-groups{grid-template-columns:1fr}.dossier-stat-grid{gap:8px}.character-dossier .slate-slider-controls{min-width:0}}
/* Balance the panels without empty grid slots or nested scroll areas. */
.character-profile.character-dossier{align-items:stretch}
.dossier-personality{grid-column:span 8}
.dossier-abilities{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}
.dossier-abilities>h3{grid-column:1/-1}
.character-dossier .character-physical{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.character-dossier .character-physical>h3,.character-dossier .character-physical>details,.character-dossier .character-physical>p{grid-column:1/-1}
@media(max-width:700px){.dossier-personality{grid-column:1}.dossier-abilities,.character-dossier .character-physical{grid-template-columns:minmax(0,1fr)}}
.character-dossier .dossier-portrait{width:100%;min-width:0;min-height:0;align-self:start;aspect-ratio:2/3}

/* Selected early Heritor artwork: discrete crops, never the later Scion plate. */
.character-portrait.slate-heritor-portrait img{width:100%;height:100%;left:0;object-fit:cover;object-position:65% 25%}
.heritor-dossier .dossier-portrait{aspect-ratio:920/1024}
.heritor-dossier .dossier-portrait .slate-heritor-portrait img{object-position:center;object-fit:cover}
.dossier-tongue{grid-column:span 4;padding:0;overflow:hidden;position:relative;min-width:0}
.dossier-tongue img{display:block;width:100%;height:auto;aspect-ratio:606/449;object-fit:cover}
.dossier-tongue>div{padding:16px 20px 20px}.dossier-tongue h3{margin:0 0 8px}.dossier-tongue p{margin:0;font-size:13px;color:var(--muted,#bbb)}
.heritor-dossier .dossier-abilities{grid-column:span 8}
@media(max-width:1000px) and (min-width:701px){.heritor-dossier .dossier-personality,.heritor-dossier .dossier-tongue,.heritor-dossier .dossier-faction,.heritor-dossier .dossier-abilities{grid-column:span 6}}
@media(max-width:700px){.heritor-dossier .dossier-tongue,.heritor-dossier .dossier-abilities{grid-column:1}}

.heritor-dossier .dossier-portrait{grid-row:auto}
.heritor-dossier .dossier-biography{grid-column:span 8}
.heritor-dossier .dossier-abilities{grid-column:1/-1}
@media(max-width:1000px) and (min-width:701px){.heritor-dossier .dossier-biography{grid-column:span 6}}
@media(max-width:700px){.heritor-dossier .dossier-biography{grid-column:1}}

.faction-profile .dossier-combat{grid-column:1/-1;position:relative;overflow:hidden;padding:0;margin:0;min-width:0}
.dossier-combat img{display:block;width:100%;height:auto}
.dossier-combat figcaption{position:absolute;inset:auto 0 0;padding:65px 28px 24px;background:linear-gradient(transparent,rgba(7,8,9,.86));color:#f4f3ef;pointer-events:none}
.dossier-combat figcaption strong{display:block;font-size:clamp(19px,2.2vw,30px);font-weight:600;line-height:1.2}
.dossier-combat figcaption span{display:block;margin-top:6px;font-size:12px;color:#ccc}
@media(max-width:700px){.dossier-combat figcaption{padding:32px 16px 14px}.dossier-combat figcaption strong{font-size:18px}.dossier-combat figcaption span{font-size:11px;margin-top:3px}}

.faction-profile .dossier-combat{border:1px solid #ffffff16;border-radius:22px;background:#111}

/* Sigil left, combat and faction information stacked to its right. */
@media(min-width:701px){
.scourge-profile-grid{align-items:stretch;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.scourge-profile-grid>.faction-art{grid-column:1;grid-row:1/3;position:relative;aspect-ratio:auto;min-height:0;align-self:stretch}
.scourge-profile-grid>.faction-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faction-profile .scourge-profile-grid>.dossier-combat{grid-column:2;grid-row:1;align-self:start}
.scourge-profile-grid>.faction-details{grid-column:2;grid-row:2;margin:0}
.scourge-profile-grid>.dossier-combat figcaption{padding:40px 22px 18px}
.scourge-profile-grid>.dossier-combat figcaption strong{font-size:clamp(19px,2vw,26px)}
}
@media(max-width:700px){.scourge-profile-grid>.faction-art{grid-row:1}.scourge-profile-grid>.dossier-combat{grid-row:2}.scourge-profile-grid>.faction-details{grid-row:3}}

.creature-tile[data-entry="wyvern"] .creature-painted img{position:absolute;inset:0;object-position:center top}
.creature-profile .creature-painted:has(img[src$="wyvern-woodland-v1-profile.webp"]){aspect-ratio:3/2}

/* Explicit portrait stages also work on touch and keyboard. */
.portrait-form-options{position:absolute;left:12px;top:12px;z-index:5;display:flex;gap:3px;padding:4px;border:1px solid #ffffff24;border-radius:24px;background:#171719e8;color:#eee;font-size:12px}
.portrait-form-options label{position:relative;cursor:pointer}
.portrait-form-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0}
.portrait-form-options label span{display:block;padding:8px 11px;border-radius:20px}
.portrait-form-options input:checked+span{background:#ffffff24}
.portrait-form-options input:focus-visible+span{outline:2px solid #eee;outline-offset:2px}
.sumnu-forms .sumnu-form{visibility:hidden;opacity:0}
.sumnu-forms:has(input[value="raider"]:checked) .sumnu-raider,.sumnu-forms:has(input[value="graft"]:checked) .sumnu-graft,.sumnu-forms:has(input[value="chief"]:checked) .sumnu-chief{visibility:visible;opacity:1}
.character-profile-hero .character-identity>.portrait-form-options{position:absolute;inset:12px auto auto 12px;align-self:start;margin:0;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.2;color:#eee;opacity:1}