@font-face{font-family:Atkinson;src:url('assets/fonts/AtkinsonHyperlegibleNext-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Alegreya;src:url('assets/fonts/AlegreyaSC-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Crimson;src:url('assets/fonts/CrimsonText-Regular.ttf') format('truetype');font-display:swap}
/* Atkinson draws a slashed zero that reads as 9 or θ at small sizes; digits come from a plain system face instead. */
@font-face{font-family:Digits;src:local('Helvetica Neue'),local('HelveticaNeue'),local('Segoe UI'),local('Roboto'),local('Arial');unicode-range:U+0030-0039}
@font-face{font-family:Baskerville;src:url('assets/fonts/LibreBaskerville-Bold.ttf') format('truetype');font-weight:700;font-display:swap}

/* ---------- Tokens ---------- */
:root{
 color-scheme:dark;
 --bg:#15110d;--bg-2:#1b1611;--surface:#221b14;--surface-2:#2b2219;--surface-3:#352a1f;
 --line:#3b2f23;--line-2:#56442f;--text:#f4e8d0;--muted:#bba98b;--dim:#8d7c63;
 --gold:#e9b95c;--gold-soft:#e9b95c22;--cta-1:#ffd466;--cta-2:#f2a33a;--cta-ink:#2b1804;
 --common:#d6cab2;--rare:#72aaff;--legendary:#f4c54f;--mythic:#ff7d69;
 --heal:#6fc977;--damage:#ee6c55;--utility:#6fb0f0;--shield:#a9bfd6;--passive:#d6ad62;--debuff:#bb86e8;--buff:#6fd3bb;
 --header-h:68px;--radius:14px;--radius-sm:10px;
 --shadow:0 18px 40px -18px #000c;
 --display:Alegreya,Georgia,serif;--body:Digits,Atkinson,system-ui,sans-serif;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);background:var(--bg);font:17px/1.6 var(--body);overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 80% -10%,#3a2a1a55,transparent 70%),radial-gradient(900px 500px at 0% 40%,#2a1f1455,transparent 70%)}
[hidden]{display:none!important}
a{color:inherit}
img{max-width:100%;vertical-align:middle}
button,input,select{font:inherit;color:inherit}
button,summary{cursor:pointer}
button{background:none;border:0;padding:0}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a,button{touch-action:manipulation}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;margin:0 0 14px;letter-spacing:.005em}
p{margin:0 0 16px}
.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}
.eyebrow{font:700 .75rem/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;z-index:100;top:8px;left:8px;background:var(--gold);color:var(--cta-ink);padding:10px 14px;border-radius:8px}
.muted{color:var(--muted)}
.modal-open{overflow:hidden}
main{outline:none}
.error-panel{max-width:1200px;margin:calc(var(--header-h) + 20px) auto 0;padding:14px 18px;background:#5a1f16;border:1px solid #a8412f;border-radius:var(--radius-sm)}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:1rem;line-height:1;white-space:nowrap;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s}
.btn svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.btn-primary{color:var(--cta-ink);background:linear-gradient(180deg,var(--cta-1),var(--cta-2));box-shadow:0 0 0 1px #ffe39a66 inset,0 8px 24px -8px #f2a33aaa}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #ffe39a99 inset,0 14px 30px -8px #f2a33acc}
.btn-ghost{color:var(--text);border:1.5px solid #f4e8d055;background:#15110d66;backdrop-filter:blur(6px)}
.btn-ghost:hover{border-color:var(--text);background:#f4e8d014}
.btn-large{padding:16px 28px;font-size:1.08rem}
.btn-small{padding:9px 16px;font-size:.92rem}

/* Line icons drawn in SVG so they sit exactly centered in round buttons. */
svg.i{display:block;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.strip-nav,.pitch-nav,.lightbox-nav,.lightbox-close{display:grid;place-items:center}
.strip-nav svg.i,.pitch-nav svg.i{width:18px;height:18px}
.lightbox-nav svg.i{width:24px;height:24px}
.lightbox-close svg.i{width:18px;height:18px}
.compare-toggle svg.i{width:12px;height:12px;stroke-width:3}
.tray-slot.empty svg.i{width:14px;height:14px;stroke-width:2}

/* ---------- Header ---------- */
.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);transition:background-color .25s,box-shadow .25s,border-color .25s;border-bottom:1px solid var(--line);background:#15110df2;backdrop-filter:blur(10px)}
.site-header.scrolled,.on-compendium .site-header,.site-header.menu-open{background:#15110df2;backdrop-filter:blur(10px);border-bottom-color:var(--line);box-shadow:0 8px 24px -12px #000}
.header-inner{height:100%;max-width:1280px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.brand{display:block;flex-shrink:0;transition:opacity .25s}
.brand img{height:44px;width:auto;display:block;filter:drop-shadow(0 2px 6px #0008)}
.main-nav{display:flex;gap:4px;margin-right:auto}
.main-nav a{padding:8px 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.98rem;color:#f4e8d0dd;text-shadow:0 1px 6px #0009;transition:background-color .15s,color .15s}
.main-nav a:hover{color:var(--text);background:#f4e8d014}
.main-nav a.active{color:var(--gold)}
.menu-toggle{display:none;width:44px;height:44px;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Store page (Steam-style layout) ---------- */
.store-page{position:relative;isolation:isolate;padding-top:var(--header-h)}
.store-backdrop{position:absolute;inset:0 0 auto;height:min(820px,70vw);z-index:-1;background:url('assets/media/capsule.webp') center 78%/max(1500px,120%) auto no-repeat;opacity:.3;filter:blur(3px) saturate(1.1);-webkit-mask-image:linear-gradient(#000 20%,transparent);mask-image:linear-gradient(#000 20%,transparent)}
.store-top{padding-top:32px}
.store-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.store-title h1{font-size:clamp(2.3rem,4.2vw,3.4rem);margin:0 0 6px;text-shadow:0 2px 14px #000}
.store-sub{margin:0;color:#e3d5ba;font-size:1.05rem;text-shadow:0 1px 8px #000}
.store-sub strong{color:var(--gold)}
.store-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;padding:16px;background:#0f0c09e6;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 30px 70px -30px #000;backdrop-filter:blur(8px)}
.media-column{min-width:0}
.media-stage{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.media-stage>video,.stage-zoom img{display:block;width:100%;height:100%;object-fit:contain}
.stage-zoom{position:relative;display:block;width:100%;height:100%;cursor:zoom-in}
.zoom-hint{position:absolute;right:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:#0d0a07cc;font-size:.78rem;font-weight:700;opacity:0;transition:opacity .2s}
.stage-zoom:hover .zoom-hint,.stage-zoom:focus-visible .zoom-hint{opacity:1}
.media-strip-wrap{display:flex;align-items:center;gap:8px;margin-top:10px}
.strip-nav{flex:0 0 32px;height:64px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);font-size:1.5rem;line-height:1;color:var(--muted)}
.strip-nav:hover{color:var(--text);border-color:var(--line-2)}
.media-strip{flex:1;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.media-strip::-webkit-scrollbar{display:none}
.media-strip button{position:relative;flex:0 0 114px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;border:2px solid transparent;opacity:.55;background:#000;transition:opacity .15s,border-color .15s}
.media-strip button:hover{opacity:.9}
.media-strip button.active{opacity:1;border-color:var(--gold)}
.media-strip img{width:100%;height:100%;object-fit:cover}
.play-badge{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.2rem;text-shadow:0 2px 8px #000}
.store-summary{display:flex;flex-direction:column;gap:14px;min-width:0}
.summary-capsule{display:block;width:100%;height:auto;aspect-ratio:1232/706;object-fit:cover;border-radius:8px}
.summary-text{margin:0;font-size:.9rem;line-height:1.55;color:#e3d5ba}
.summary-facts{margin:0;display:grid;gap:6px}
.summary-facts div{display:grid;grid-template-columns:104px 1fr;gap:8px;font-size:.8rem}
.summary-facts dt{color:var(--dim);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;padding-top:2px}
.summary-facts dd{margin:0;color:var(--gold)}
.summary-tags p{margin:0 0 6px;font-size:.75rem;color:var(--dim)}
.tag-row{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}
.tag-row li{padding:3px 9px;border-radius:5px;font-size:.76rem;color:#dccdb1;background:var(--surface-3)}

.store-body{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;padding-top:28px;padding-bottom:88px}
.store-main{min-width:0}
.wishlist-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;margin-bottom:40px;border-radius:var(--radius);background:linear-gradient(100deg,#342718,#211a13 70%);border:1px solid var(--line-2);box-shadow:inset 0 1px 0 #ffffff0d}
.wishlist-box h2{font-size:1.5rem;margin:0 0 4px}
.wishlist-box p{margin:0;font-size:.92rem;color:var(--muted)}
.wishlist-action{display:flex;align-items:center;gap:16px;flex-shrink:0}
.platform-icons{display:flex;gap:8px}
.platform-icons svg{width:20px;height:20px;fill:var(--muted)}
.block-title{font:700 .78rem/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:22px}
.about-lead{font-size:1.12rem;line-height:1.65;color:#eadcc0}
.about-feature{margin-top:40px}
.about-feature h3{font-size:clamp(1.45rem,2.2vw,1.8rem);margin:18px 0 8px}
.about-feature p{color:#e0d2b6;margin:0}
.feature-media{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:#000;border:1px solid var(--line-2);box-shadow:var(--shadow)}
.feature-video{display:block;width:100%;aspect-ratio:1170/658;object-fit:contain;background:#000}
.clip-toggle{position:absolute;right:12px;bottom:12px;padding:6px 12px;border-radius:999px;background:#0d0a07cc;color:var(--text);font-size:.8rem;font-weight:700;border:1px solid #f4e8d033;backdrop-filter:blur(4px)}
.clip-toggle:hover{border-color:var(--gold)}

.store-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.side-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.side-title{font:700 .76rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.side-note{font-size:.85rem;color:var(--dim);margin:-4px 0 12px}
.detail-list{margin:0}
.detail-list div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.detail-list div:last-child{border-bottom:0;padding-bottom:0}
.detail-list dt{color:var(--dim)}
.detail-list dd{margin:0;text-align:right}
.compendium-links{display:grid;gap:6px}
.compendium-link{display:flex;align-items:center;gap:12px;padding:7px 12px 7px 7px;border-radius:10px;background:var(--surface-2);border:1px solid transparent;text-decoration:none;font-weight:700;font-size:.95rem;transition:border-color .15s,background-color .15s}
.compendium-link:hover{border-color:var(--gold);background:var(--surface-3)}
.compendium-link img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#0e0b08}
.link-units img,.link-classes img,.link-compare img{object-fit:cover;object-position:50% 20%}
.compendium-link small{margin-left:auto;font-size:.74rem;padding:3px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold)}
.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
.featured-grid .creature-card .card-caption{display:none}
.featured-grid .creature-name{font-size:.62rem}
.side-more{font-weight:700;font-size:.9rem;color:var(--gold);text-decoration:none}
.side-more:hover{text-decoration:underline}

/* ---------- News ---------- */
.news{margin-bottom:40px}
.news-list{display:grid;gap:10px}
.news-item{display:block;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);text-decoration:none}
.news-item:hover{border-color:var(--gold)}
.news-item time{font-size:.75rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.news-item h3{font-size:1.2rem;margin:4px 0 6px}
.news-item p{margin:0;font-size:.9rem;color:var(--muted)}
.news-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px dashed var(--line-2)}
.news-empty p{margin:0;font-size:.9rem;color:var(--muted)}
.news-empty strong{color:var(--text)}
.news-empty .side-more{flex-shrink:0}

/* ---------- Press kit ---------- */
.press-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.press-body{display:grid;grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:start;padding-top:32px;padding-bottom:88px}
.press-facts{position:sticky;top:calc(var(--header-h) + 20px);padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.press-facts .detail-list div{flex-wrap:wrap;column-gap:12px;row-gap:2px}
.press-facts .detail-list dd{margin-left:auto;text-align:right;overflow-wrap:normal}
.press-facts a{color:var(--gold)}
.press-main{min-width:0;display:grid;gap:40px}
.press-main .block-title{margin-bottom:16px}
.press-copy{color:#e3d5ba;max-width:760px}
.press-copy a{color:var(--gold)}
.press-features{margin:0;padding-left:20px;display:grid;gap:8px;color:#e3d5ba;max-width:760px}
.press-features strong{color:var(--text)}
.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.asset-grid.shots{grid-template-columns:repeat(3,minmax(0,1fr))}
.asset-card{display:flex;flex-direction:column;gap:3px;padding:8px 8px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.asset-card:hover{border-color:var(--gold)}
.asset-preview{display:grid;place-items:center;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#0e0b08;margin-bottom:8px}
.asset-preview img{width:100%;height:100%;object-fit:cover}
.asset-preview.checker{background:repeating-conic-gradient(#2a2119 0 25%,#1c1610 0 50%) 0 0/18px 18px}
.asset-preview.checker img,.asset-preview.light img{object-fit:contain;padding:12px}
.asset-preview.light{background:#efe0c2}
.asset-card strong{font-size:.88rem;padding-inline:4px}
.asset-card small{font-size:.74rem;color:var(--dim);padding-inline:4px}

/* ---------- Compendium-wide search ---------- */
.global-search{position:relative;display:block;max-width:640px;margin:0 0 22px}
.global-search svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;pointer-events:none}
.global-search input{width:100%;height:52px;padding:0 16px 0 46px;border-radius:999px;border:1px solid var(--line-2);background:#0f0c09;color:var(--text);font-size:1rem}
.global-search input::placeholder{color:var(--dim)}
.global-search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.compendium-body.searching>.compendium-panel{display:none}
.global-group{margin-bottom:36px}
.global-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.global-head h2{font-size:1.5rem;margin:0}
.global-head small{font:700 .75rem var(--body);padding:3px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold);vertical-align:middle}
.toolbar-right{display:flex;gap:8px}

/* ---------- Requirements & FAQ ---------- */
.requirements,.faq{margin-top:48px}
.req-tabs{display:flex;gap:6px;margin-bottom:14px}
.req-tabs button{padding:7px 16px;border-radius:999px;border:1px solid var(--line-2);font-weight:700;font-size:.88rem;color:var(--muted)}
.req-tabs button[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
.req-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.req-col{margin:0;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.req-col .req-head{font:700 .75rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.req-col div{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:7px 0;border-top:1px solid var(--line);font-size:.88rem}
.req-col dt{color:var(--dim)}
.req-col dd{margin:0}
.faq details{border-bottom:1px solid var(--line)}
.faq .block-title{margin-bottom:0}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 4px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'';flex-shrink:0;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-2);background:linear-gradient(var(--gold),var(--gold)) center/10px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) center/2px 10px no-repeat;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--gold)}
.faq details p{margin:0 4px 16px;color:var(--muted)}

/* ---------- Augmentation explorer ---------- */
.aug-steps{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.aug-steps li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.88rem;color:var(--muted)}
.aug-steps strong{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold-soft);color:var(--gold);font-size:.9rem}
.aug-group h3{font:700 .72rem var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:0 0 6px}
.aug-ability{position:relative;aspect-ratio:1;border-radius:9px;padding:3px;background:#0e0b08;border:1.5px solid var(--line-2);transition:border-color .15s,transform .15s}
.aug-ability img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.aug-ability span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.aug-ability:hover{border-color:var(--muted);transform:translateY(-1px)}
.aug-ability.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft),0 0 16px -4px var(--gold)}
.aug-main{min-width:0}
.aug-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}
.aug-picker,.aug-stones{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.aug-picker{grid-column:1/-1;display:flex;gap:18px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.aug-picker>.side-title{display:none}
.aug-group h3{white-space:nowrap}
.aug-ability-row{display:flex;gap:6px}
.aug-ability{width:50px;flex-shrink:0}
.aug-cards{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:8px}

/* In-game ability card */
.gcard{--good:#86d97d;--bad:#f07f69;position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 14px 14px;background:linear-gradient(180deg,#2c2218,#1f1812);border:1.5px solid var(--line-2);border-radius:var(--radius);min-width:0}
.gcard.proposed{border-color:var(--gold);box-shadow:0 0 30px -12px var(--gold)}
.gcard-label{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line-2);font:700 .68rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.proposed .gcard-label{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
.gc-top{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;gap:8px;align-items:start}
.gc-col{display:grid;gap:6px}
.gc-slot{display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 3px;border-radius:8px;background:#0e0b0899;border:1px solid var(--line);text-align:center;min-width:0}
.gc-slot img{width:20px;height:20px;object-fit:contain}
.gc-slot strong{font-size:.9rem;line-height:1.2;overflow-wrap:anywhere}
.gc-slot span{font-size:.58rem;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.gc-hero{text-align:center;min-width:0}
.gc-icon{width:min(112px,100%);aspect-ratio:1;margin:0 auto;padding:6px;border-radius:14px;background:#0e0b08;border:1.5px solid var(--line-2);box-shadow:0 0 26px -10px var(--gold)}
.gc-icon img{width:100%;height:100%;object-fit:contain;border-radius:9px}
.gc-hero h3{font-size:1.35rem;margin:10px 0 0;overflow-wrap:anywhere}
.gc-metas{display:flex;flex-wrap:wrap;gap:6px}
.gc-meta{flex:1 1 70px;display:flex;flex-direction:column;padding:6px 10px;border-radius:8px;background:#0e0b0866;border:1px solid var(--line);min-width:0}
.gc-meta span{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.gc-meta strong{font-size:.86rem;overflow-wrap:anywhere}
.gc-desc{font-size:.9rem;line-height:1.5;color:#e0d2b6}
.gc-desc span[style]{color:inherit!important}
.gc-changed-label{display:block;font:700 .64rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.gc-boost{margin:0;font-size:.84rem;color:var(--muted)}
.gc-impact{padding:12px 10px;border-radius:10px;background:#0e0b08;border:1px solid var(--line-2)}
.gc-eqrow{display:flex;align-items:flex-start;justify-content:space-between;gap:2px}
.gc-cell{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}
.gc-cell b{display:inline-flex;align-items:center;gap:3px;font-size:clamp(.9rem,1.35vw,1.1rem);line-height:1.2;white-space:nowrap}
.gc-cell b img{width:15px;height:15px;object-fit:contain}
.gc-cell small{font-size:.66rem;line-height:1.2;color:var(--muted);text-transform:capitalize}
.gc-kind{flex-grow:1.1}
.gc-kind b{color:var(--gold)}
.aug-sockets{margin:2px 0 8px;padding:10px 12px;border-radius:10px;background:#0e0b0866;border:1px solid var(--line)}
.aug-socket-row{display:flex;gap:6px;margin-bottom:6px}
.aug-socket{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0e0b08;border:1.5px dashed var(--line-2);font-size:.72rem;line-height:1}
.aug-socket img{width:26px;height:26px;object-fit:contain}
.aug-socket.filled{border:1.5px solid var(--gold);box-shadow:0 0 10px -4px var(--gold)}
.aug-socket.locked{border-style:solid;opacity:.35}
.aug-sockets small{display:block;font-size:.76rem;color:var(--dim)}
.aug-stones>.aug-sockets{grid-column:1/-1}
.gc-op{flex:0 0 auto;font-size:clamp(.9rem,1.35vw,1.1rem);line-height:1.2;color:var(--dim);font-weight:700}
.gc-statuses{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gc-statuses li>a,.gc-statuses li>div{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:#0e0b0866;border:1px solid var(--line);text-decoration:none}
.gc-statuses li>a:hover{border-color:var(--gold)}
.gc-statuses img,.gc-noicon{width:28px;height:28px;object-fit:contain;flex-shrink:0}
.gc-noicon{border-radius:6px;background:var(--surface-3)}
.gc-statuses strong{display:block;font-size:.86rem}
.gc-statuses small{display:block;font-size:.74rem;color:var(--dim)}
.gcard .better strong,.gcard .gc-cell.better b{color:var(--good)}
.gcard .worse strong,.gcard .gc-cell.worse b{color:var(--bad)}
.gcard .gc-slot.better,.gcard .gc-meta.better{border-color:color-mix(in srgb,var(--good) 60%,transparent);background:color-mix(in srgb,var(--good) 10%,transparent)}
.gcard .gc-slot.worse,.gcard .gc-meta.worse{border-color:color-mix(in srgb,var(--bad) 60%,transparent);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.gcard h3.changed,.gcard .gc-desc.changed,.gcard .gc-boost.changed,.gcard .gc-meta.changed strong{color:var(--gold)}
.gcard .gc-meta.changed,.gc-statuses li.changed>*{border-color:var(--gold)}
.aug-arrow{align-self:center;color:var(--gold);font-size:1.6rem}
.aug-changes{margin-top:18px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}
.aug-changes ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.aug-changes li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:var(--radius-sm);background:#0e0b0866;border:1px solid var(--line)}
.aug-changes li img{width:36px;height:36px;object-fit:contain}
.aug-changes li p{margin:2px 0 0;font-size:.9rem;color:var(--muted)}
.aug-changes li.aug-empty{display:block;color:var(--dim);font-size:.9rem;border-style:dashed;background:none}
.aug-links{margin:12px 2px 0;font-size:.9rem}
.aug-links a{color:var(--gold);text-decoration:none;font-weight:700}
.aug-stones .section-head{margin-bottom:8px}
.aug-stones .side-title{margin:0}
.aug-reset{font-size:.82rem;color:var(--muted);padding:4px 10px;border-radius:999px;border:1px solid var(--line-2)}
.aug-stone{display:grid;grid-template-columns:38px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:6px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.aug-stone>img{grid-row:1/3;width:38px;height:38px;object-fit:contain}
.aug-stone-text{min-width:0}
.aug-stone-text strong{display:block;font-size:.95rem}
.aug-stone-text small{display:block;font-size:.76rem;color:var(--dim);line-height:1.3}
.aug-cap{grid-column:3;grid-row:1;font-size:.75rem;color:var(--dim);justify-self:end}
.aug-pips{grid-column:2/4;grid-row:2;display:flex;gap:5px}
.aug-pip{min-width:34px;height:28px;padding:0 8px;border-radius:7px;border:1px solid var(--line-2);background:#0e0b08;font:700 .78rem var(--display);color:var(--muted)}
.aug-pip:hover:not(:disabled){border-color:var(--gold);color:var(--text)}
.aug-pip.on{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
.aug-pip:disabled{opacity:.35;cursor:default}
.aug-stone.unavailable{opacity:.45}
.aug-stone.active .aug-cap{color:var(--gold)}
.aug-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.aug-summary-row{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.aug-summary-row img{width:34px;height:34px;object-fit:contain}
.aug-summary-row strong{font-size:.92rem}
.aug-summary-row p{margin:4px 0 0;font-size:.84rem;color:var(--muted);display:flex;gap:8px}
.aug-summary-row p span{flex-shrink:0;min-width:24px;font:700 .72rem/1.6 var(--display);color:var(--gold)}

/* ---------- Creature comparison ---------- */
.card-slot{position:relative}
.compare-toggle{position:absolute;z-index:4;top:5%;right:4%;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;background:#0d0a07e6;border:1px solid var(--line-2);font-size:.74rem;font-weight:700;color:var(--text);opacity:0;transition:opacity .15s,background-color .15s}
.card-slot:hover .compare-toggle,.card-slot:focus-within .compare-toggle,.compare-toggle.on{opacity:1}
.compare-toggle.on{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
@media(hover:none){.compare-toggle{opacity:1}.compare-label{display:none}.compare-toggle{width:30px;height:30px;padding:0;justify-content:center}}
#entry-compare-slot .compare-toggle{position:static;opacity:1;height:auto;padding:8px 14px;font-size:.88rem;border-color:var(--line-2);background:none;color:var(--muted)}
#entry-compare-slot .compare-toggle.on{background:var(--gold);color:var(--cta-ink);border-color:var(--gold)}
.compare-tray{position:fixed;z-index:40;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100vw - 24px)}
.tray-inner{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 18px;border-radius:999px;background:#1b1611f5;border:1px solid var(--line-2);box-shadow:0 20px 50px -10px #000;backdrop-filter:blur(10px)}
.tray-title{font-weight:700;font-size:.9rem}
.tray-slots{display:flex;gap:6px}
.tray-slot{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;overflow:hidden;background:#0e0b08;border:1.5px solid var(--gold)}
.tray-slot img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.tray-slot.empty{border:1.5px dashed var(--line-2);color:var(--dim)}
.tray-x{position:absolute;inset:0;display:grid;place-items:center;background:#000a;color:#fff;font-size:.8rem;opacity:0;transition:opacity .15s}
.tray-slot:hover .tray-x,.tray-slot:focus-visible .tray-x{opacity:1}
.tray-clear{font-size:.82rem;color:var(--muted);padding:6px 8px}
.tray-clear:hover{color:var(--text)}
body.has-tray .site-footer{padding-bottom:100px}
.compare-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.compare-head h2{font-size:1.6rem;margin:0 0 4px}
.compare-head p{margin:0;font-size:.9rem}
.compare-head .empty-hint{margin:0}
.compare-actions{display:flex;gap:8px;align-items:center}
.compare-add select{min-width:240px}
.compare-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.compare-table{width:100%;min-width:calc(170px + var(--cols) * 190px);border-collapse:collapse;table-layout:fixed;font-size:.92rem}
.compare-table thead th:first-child{width:170px}
.compare-table th,.compare-table td{padding:9px 14px;border-top:1px solid var(--line);text-align:center}
.compare-table thead th{border-top:0;vertical-align:bottom;padding-top:18px}
.compare-table tbody th{text-align:left;font-weight:400;color:var(--muted);white-space:nowrap;width:170px}
.compare-table tbody th img{width:20px;height:20px;object-fit:contain;margin-right:8px;vertical-align:-4px}
.compare-table tbody tr:nth-child(even){background:#ffffff04}
.compare-table td{font-variant-numeric:tabular-nums}
.compare-table td.best{color:var(--gold);font-weight:700;background:var(--gold-soft)}
.compare-card{width:min(170px,100%);margin:0 auto}
.compare-card .card-caption{display:none}
.compare-remove{margin-top:6px;font-size:.78rem;color:var(--dim);text-decoration:underline}
.compare-remove:hover{color:var(--text)}
.compare-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}
.compare-skills a{display:block;width:34px;height:34px;border-radius:7px;overflow:hidden;background:#0e0b08;border:1px solid var(--line-2)}
.compare-skills img{width:100%;height:100%;object-fit:contain}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid var(--line);background:#100d0a;padding:36px 0}
.footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:20px 32px}
.footer-studio img{width:170px;height:auto;padding:8px 12px;background:#efe0c2;border-radius:10px;display:block}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin-right:auto}
.footer-links a{text-decoration:none;color:var(--muted);font-size:.95rem}
.footer-links a:hover{color:var(--text)}
.footer-note{margin:0;font-size:.85rem;color:var(--dim);width:100%}

/* ---------- Compendium shell ---------- */
.on-compendium main{padding-top:var(--header-h)}
.compendium-header,.page-header{background:linear-gradient(180deg,#241b13,var(--bg));border-bottom:1px solid var(--line);padding-top:40px}
.on-subpage main{padding-top:var(--header-h)}
.page-header{padding-bottom:28px}
.page-header h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:8px}
.page-intro{color:var(--muted);max-width:680px;margin:0}
.media-body{padding-top:32px;padding-bottom:88px}
.trailer-frame{border-radius:var(--radius);overflow:hidden;background:#000;border:1px solid var(--line-2);box-shadow:0 30px 80px -30px #000;margin-bottom:48px}
.trailer-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gallery-item{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line);background:#000}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gallery-item:hover img{transform:scale(1.04)}
.gallery-caption{position:absolute;inset:auto 0 0;padding:28px 12px 10px;font-size:.82rem;font-weight:700;text-align:left;background:linear-gradient(transparent,#000d)}
.press-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding:22px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.press-note h2{font-size:1.4rem;margin:0 0 4px}
.press-note p{margin:0;color:var(--muted);font-size:.92rem}
.compendium-header h1{font-size:clamp(2.2rem,4vw,3.2rem);margin-bottom:8px}
.compendium-intro{color:var(--muted);max-width:680px;margin-bottom:10px}
.build-note{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.8rem;color:var(--muted)}
.build-note::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--gold);flex-shrink:0}
.compendium-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin-bottom:-1px}
.compendium-tabs::-webkit-scrollbar{display:none}
.compendium-tabs a{display:flex;align-items:center;gap:8px;padding:12px 18px;text-decoration:none;font-weight:700;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s}
.compendium-tabs a:hover{color:var(--text)}
.compendium-tabs a.active{color:var(--text);border-bottom-color:var(--gold)}
.compendium-tabs small{font-size:.72rem;padding:2px 7px;border-radius:999px;background:var(--surface-3);color:var(--muted)}
.compendium-tabs a.active small{background:var(--gold-soft);color:var(--gold)}
.compendium-body{padding-top:28px;padding-bottom:80px;min-height:60vh}

.filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.search-field{position:relative;flex:1 1 280px;min-width:0}
.search-field svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;pointer-events:none}
.search-field input{width:100%;height:46px;padding:0 14px 0 42px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);color:var(--text);font-size:1rem}
.search-field input::placeholder{color:var(--dim)}
.search-field input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px var(--gold-soft)}
.select-wrap select{height:46px;padding:0 38px 0 14px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23bba98b' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center/12px no-repeat;appearance:none;-webkit-appearance:none;font-size:.95rem}
.select-wrap select:focus{border-color:var(--gold);outline:none}
.reset-filters{height:46px;padding:0 16px;border-radius:var(--radius-sm);color:var(--muted);font-size:.92rem}
.reset-filters:hover{color:var(--text);background:var(--surface)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:.9rem;font-weight:700;color:#e8dcc4;transition:background-color .15s,border-color .15s,color .15s}
.chip img{width:22px;height:22px;object-fit:contain;margin-left:-4px}
.chip small{font-weight:400;font-size:.76rem;color:var(--dim)}
.chip:hover{border-color:var(--line-2);background:var(--surface-2)}
.chip.active{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
.chip.active small{color:#2b1804aa}
.result-count{font-size:.85rem;color:var(--dim);margin:0 0 18px}

/* ---------- Catalog grids ---------- */
.catalog-grid{display:grid;gap:18px;align-items:start}
.units-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.classes-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.items-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}
.abilities-grid,.statuses-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.catalog-card{display:block;text-decoration:none;min-width:0;position:relative;transition:transform .15s,filter .15s,border-color .15s,box-shadow .15s}
a.catalog-card:hover{transform:translateY(-4px)}
.empty-state{grid-column:1/-1;padding:56px 24px;text-align:center;background:var(--surface);border:1px dashed var(--line-2);border-radius:var(--radius)}
.empty-state p{color:var(--muted);margin:0}

/* Creature cards keep the in-game frame */
.creature-card:hover{filter:brightness(1.1) drop-shadow(0 10px 18px #000a)}
.creature-art{position:relative;aspect-ratio:4/5;isolation:isolate}
.creature-portrait{position:absolute;top:19%;left:12%;width:76%;height:56%;object-fit:contain;background:#080807;border-radius:12% 12% 0 0}
.creature-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:1}
.creature-name{position:absolute;z-index:2;top:75%;left:12%;right:12%;height:11%;display:grid;place-items:center;text-align:center;color:#f7eccf;text-shadow:0 2px 2px #000;font:700 clamp(.8rem,1.05vw,1.02rem)/1.05 var(--display);overflow-wrap:anywhere}
.creature-card .card-caption{position:absolute;bottom:4.5%;left:13%;right:13%;z-index:2;display:flex;justify-content:center;gap:10px;font-size:.72rem;color:#dccaa8;text-transform:capitalize}

/* Class cards */
.class-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
a.class-card:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.class-art{position:relative;aspect-ratio:1/1;background:radial-gradient(ellipse at 50% 85%,#e9b95c26,transparent 65%),#0e0b08;overflow:hidden}
.class-art img{width:100%;height:100%;object-fit:contain;transition:transform .25s}
a.class-card:hover .class-art img{transform:scale(1.04)}
.class-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px 12px;border-top:1px solid var(--line)}
.class-body h2{font-size:1.05rem;line-height:1.15;margin:0;min-width:0;overflow-wrap:break-word;hyphens:auto}
.pill{flex-shrink:0;font-size:.72rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--gold-soft);color:var(--gold);white-space:nowrap}
.class-card.locked .pill{background:var(--surface-3);color:var(--dim)}
.class-card.locked h2{color:var(--muted)}

/* Item cards */
.item-card{--r:var(--common);display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:inset 0 3px 0 var(--r)}
.item-card.rarity-rare{--r:var(--rare)}.item-card.rarity-legendary{--r:var(--legendary)}.item-card.rarity-mythic{--r:var(--mythic)}
a.item-card:hover{border-color:var(--r);box-shadow:inset 0 3px 0 var(--r),0 16px 32px -16px color-mix(in srgb,var(--r) 60%,#000)}
.item-art{aspect-ratio:1.15;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,color-mix(in srgb,var(--r) 22%,transparent),transparent 68%),#110d0a}
.item-art img{width:62%;height:78%;object-fit:contain;filter:drop-shadow(0 8px 10px #000b);transition:transform .25s}
a.item-card:hover .item-art img{transform:scale(1.08) rotate(-3deg)}
.item-body{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.item-body h2{font:700 .98rem/1.3 var(--body);margin:0 0 3px}
.item-type{font-size:.8rem;color:var(--muted);margin:0 0 10px;text-transform:capitalize}
.item-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.rarity-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--r)}

/* Ability / effect cards */
.effect-card{--c:var(--passive);display:grid;grid-template-columns:60px minmax(0,1fr);gap:16px;align-items:start;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%}
.effect-card.cat-heal{--c:var(--heal)}.effect-card.cat-damage{--c:var(--damage)}.effect-card.cat-utility{--c:var(--utility)}.effect-card.cat-shield{--c:var(--shield)}.effect-card.cat-debuff{--c:var(--debuff)}.effect-card.cat-buff{--c:var(--buff)}
a.effect-card:hover{border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:var(--shadow)}
.effect-icon{width:60px;height:60px;border-radius:12px;padding:5px;background:#0e0b08;border:1.5px solid color-mix(in srgb,var(--c) 55%,var(--line-2));box-shadow:0 0 18px -6px color-mix(in srgb,var(--c) 70%,transparent)}
.effect-icon img{width:100%;height:100%;object-fit:contain;border-radius:7px}
.effect-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.cat-chip,.variant-chip{font:700 .68rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border-radius:999px}
.cat-chip{color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent)}
.variant-chip{color:var(--muted);background:var(--surface-3)}
.effect-body h2{font-size:1.25rem;margin:0 0 6px}
.effect-body p{font-size:.9rem;color:var(--muted);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

/* ---------- Detail dialog ---------- */
dialog{width:min(1000px,94vw);max-height:90dvh;padding:0;border:1px solid var(--line-2);border-radius:18px;background:var(--bg-2);color:var(--text);box-shadow:0 40px 120px #000;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
dialog::backdrop{background:#0a0806d9;backdrop-filter:blur(4px)}
.dialog-toolbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;padding:10px 12px;background:#1b1611f2;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.dialog-toolbar button{padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:700;color:var(--muted);border:1px solid var(--line-2)}
.dialog-toolbar button:hover{color:var(--text);border-color:var(--text)}
#entry-content{padding:32px}
.detail-lead{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;margin-bottom:24px}
.detail-portrait{width:150px;height:150px;object-fit:contain;background:radial-gradient(ellipse at 50% 80%,#e9b95c2e,transparent 70%),#0e0b08;border:1px solid var(--line-2);border-radius:var(--radius);padding:10px}
.detail-lead h2{font-size:clamp(2rem,3.4vw,2.6rem);margin-bottom:10px}
.rich{font-size:1.06rem;line-height:1.6;color:#e7dac0;overflow-wrap:anywhere}
.detail-lead .rich span[style]{color:inherit!important}
.inline-stat{display:inline-flex;align-items:center;gap:3px}
.inline-stat img{width:1.1em;height:1.1em;object-fit:contain}
.detail-facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.detail-facts>span{display:flex;flex-direction:column;gap:2px;padding:10px 16px;min-width:110px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.detail-facts strong{font-size:1.15rem;letter-spacing:0;text-transform:none;color:var(--text)}
.detail-section{margin:28px 0 0}
.detail-section h3{font-size:1.4rem}
.detail-section>p.muted{font-size:.92rem}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.related-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none;font-size:.93rem}
.related-entry>img{width:36px;height:36px;object-fit:contain;flex-shrink:0}
.related-entry>span:first-of-type{flex:1}
.related-entry:hover{border-color:var(--gold)}
.unlinked-entry{padding:10px;display:block;font-size:.9rem;color:var(--muted)}
.variant-list{display:grid;gap:8px}
.variant-row{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);text-decoration:none}
.variant-row:hover{border-color:var(--gold)}
.variant-row img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#0e0b08}
.variant-row .rich{font-size:.95rem}
.variant-row small{color:var(--dim);font-size:.8rem}
.stat-list{margin:0}
.stat-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.stat-list img{width:24px;height:24px;object-fit:contain}
.stat-list dd{margin:0;font-variant-numeric:tabular-nums;font-weight:700}
.stat-list dd small{font-weight:400;display:block;font-size:.75rem;text-align:right;color:var(--muted)}
.advanced{margin-top:22px;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:12px 16px}
.advanced>summary{font-weight:700}
.advanced[open]>summary{margin-bottom:14px}
.missing-art{display:grid;place-items:center;font-size:2rem;color:var(--dim)}
.image-unavailable{object-fit:contain;border:1px dashed currentColor;font:12px var(--body)}

/* Class folio */
.folio-columns{display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:14px}
.folio-columns>section,.restriction-scroll{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);padding:16px;min-width:0}
.restriction-scroll{overflow-x:auto}
.restriction-table{width:100%;border-collapse:separate;border-spacing:3px;font-size:.82rem}
.restriction-table caption,.armor-restrictions h3,.growth-panel h3{font:700 1.25rem var(--display);text-align:left;margin-bottom:12px;white-space:nowrap}
.restriction-table th{font-weight:400;text-align:left;white-space:nowrap}
.restriction-table th img{width:22px;height:22px;object-fit:contain;margin-right:6px}
.restriction-table th[scope=col]{font-size:.7rem;text-align:center;color:var(--muted)}
.restriction-table th[scope=col]:first-child{text-align:left}
.restriction-table td{text-align:center;background:#0e0b08;min-width:30px;height:32px;border-radius:6px;color:var(--dim)}
.restriction-table td.allowed{background:#3f6b2c;color:#eaffd8;font-weight:700}
.allowed{color:var(--heal);font-weight:700}
.not-allowed{color:var(--dim)}
.armor-restrictions>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;text-transform:capitalize}
.growth-panel table{width:100%;font-size:.86rem;border-collapse:collapse}
.growth-panel th{text-align:left;font-weight:400}
.growth-panel thead th{color:var(--muted);font-size:.75rem}
.growth-panel th.num{text-align:right}
.growth-panel td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.growth-panel td,.growth-panel th{padding:7px 3px;border-bottom:1px solid var(--line)}
.growth-panel img{width:20px;height:20px;object-fit:contain;margin-right:6px}
.progression{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.progression>li{display:flex;gap:14px;border:1px solid var(--line);background:var(--surface);padding:14px;border-radius:var(--radius-sm);align-items:flex-start}
.progression>li>div{flex:1;min-width:0}
.level-medallion{display:grid;place-items:center;flex:0 0 36px;height:36px;border:1.5px solid var(--gold);border-radius:50%;background:#0e0b08;color:var(--gold);font:700 .95rem var(--display)}
.progression-reward small{display:block;font-size:.82rem;margin-top:4px;color:var(--muted)}
.reward-type{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;color:var(--gold)}
.progression-reward+.progression-reward{margin-top:10px}
.progression .related-entry{padding:6px 10px}

/* Class progression timeline */
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head h3{margin:0}
.section-head .muted{font-size:.85rem}
.timeline{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface)}
.timeline>li{display:grid;grid-template-columns:64px minmax(0,1fr);border-top:1px solid var(--line)}
.timeline>li:first-child{border-top:0}
.timeline>li:nth-child(even){background:#ffffff05}
.tl-level{display:flex;align-items:center;justify-content:center;gap:3px;font:700 1.05rem var(--body);color:var(--gold);border-right:1px solid var(--line);background:#0e0b0866}
.tl-level small{font-size:.62rem;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}
.tl-rewards{padding:6px 14px}
.tl-reward{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:12px;min-height:42px}
.tl-kind{--k:var(--muted);justify-self:start;font:700 .64rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent)}
.kind-ability{--k:var(--damage)}.kind-passive{--k:var(--passive)}.kind-potion{--k:var(--heal)}.kind-augment{--k:var(--debuff)}.kind-slot{--k:var(--utility)}
.tl-text{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;font-size:.95rem}
.tl-text small{color:var(--dim);font-size:.8rem}
.tl-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:700}
.tl-link img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#0e0b08}
.tl-link:hover span{color:var(--gold)}

/* Item detail keeps the in-game leather panels */
dialog[data-kind=items]{background:#2e2015 url('assets/wood_texture.webp') center/850px;max-width:790px}
dialog[data-kind=items] #entry-content{padding:22px}
.equipment-detail{border:24px solid transparent;border-image:url('assets/game/ui/leather-detail-frame.webp') 85 fill stretch;padding:12px 17px;color:#f3e4c3}
.equipment-detail>header{text-align:center;border-bottom:1px solid #98713f;padding-bottom:18px}
.equipment-detail .eyebrow.common{color:var(--common)}.equipment-detail .eyebrow.rare{color:var(--rare)}.equipment-detail .eyebrow.legendary{color:var(--legendary)}.equipment-detail .eyebrow.mythic{color:var(--mythic)}
.equipment-detail header h2{font:700 1.8rem/1.25 Baskerville,Georgia,serif}
.equipment-detail header p:last-child{font-family:Crimson,serif;font-size:1.16rem;margin:0}
.equipment-body{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;padding:20px 0}
.equipment-body:has(.stat-list:empty){grid-template-columns:1fr}
.equipment-body:has(.stat-list:empty) .stat-list{display:none}
.equipment-art{position:relative;min-height:190px;display:grid;place-items:center}
.equipment-art>img{width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 5px 9px #0007)}
.range-badge{position:absolute;top:0;right:0;padding:3px 8px;font-size:.82rem;border:1px solid #af8e5b;background:#2b1e13;border-radius:6px}
.equipment-description{border:14px solid transparent;border-image:url('assets/game/ui/leather-description-panel.webp') 50 fill stretch;padding:10px;margin:10px -10px}
.equipment-description h3{font-size:1.5rem}
.equipment-description .rich{font-family:Crimson,serif;font-size:1.25rem;color:#f3e4c3}
.equipment-detail .stat-list{font-family:Crimson,serif;font-size:1.18rem}
.equipment-detail .stat-list>div{border-bottom-color:#ae8d5555}
.equipment-detail .advanced{border-color:#826039}
.equipment-detail .advanced p{font-size:.9rem}
.equipment-detail .related-entry{background:#352619;border-color:#a2814c}
.stone-effects{display:grid;gap:6px}
.stone-effects details{border:1px solid #816139;border-radius:8px;padding:10px}
.stone-effects summary{font-size:.92rem}
.stone-effects summary small{float:right;color:#d9bc87}
.stone-effects .rich{font-size:1.05rem;margin:12px 0}
.equipment-detail .detail-section>p{font-size:.9rem}

/* ---------- Screenshot lightbox ---------- */
dialog.media-lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:64px 72px 24px;border:0;border-radius:0;background:#080605f5;overflow:hidden}
.lightbox-bar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:16px;padding:12px 16px 12px 24px}
.lightbox-caption{margin:0;font-weight:700;flex:1}
.lightbox-count{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}
.lightbox-close{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);font-size:1rem}
.lightbox-close:hover{border-color:var(--text)}
.lightbox-stage{height:100%;display:grid;place-items:center}
.lightbox-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;background:#1b1611cc;border:1px solid var(--line-2);font-size:2rem;line-height:1}
.lightbox-nav:hover{border-color:var(--gold);color:var(--gold)}
.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
 .aug-layout{grid-template-columns:1fr}
 .aug-stones{order:2}.aug-main{order:3}
 .aug-stones{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
 .aug-stones>.section-head{grid-column:1/-1}
 .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .store-hero,.store-body{grid-template-columns:minmax(0,1fr) 290px}
 .units-grid,.items-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .classes-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .folio-columns{grid-template-columns:1.4fr .7fr}
 .growth-panel{grid-column:1/-1}
}
@media(max-width:860px){
 .aug-layout{grid-template-columns:1fr}
 .aug-cards{grid-template-columns:1fr}
 .aug-arrow{transform:rotate(90deg);justify-self:center;line-height:1}
 .aug-picker{order:1}.aug-stones{order:2}.aug-main{order:3}
 .aug-stones{display:block}
 .aug-stone{grid-template-columns:38px minmax(0,1fr) auto auto;grid-template-rows:auto}
 .aug-stone>img{grid-row:auto}
 .aug-pips{grid-column:3;grid-row:1}
 .aug-cap{grid-column:4;grid-row:1}
 .aug-stone-text small{display:none}
 .aug-steps{grid-template-columns:1fr;gap:6px}
 .aug-steps li{padding:8px 12px}
 .req-panel{grid-template-columns:1fr}
 .aug-summary{grid-template-columns:1fr}
 .press-body{grid-template-columns:1fr}
 .press-facts{position:static}
 .asset-grid.shots{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery-item:last-child:nth-child(odd){grid-column:1/-1}
 .store-hero{grid-template-columns:1fr}
 .store-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px 18px;align-items:start}
 .summary-capsule{grid-row:span 3}
 .store-body{grid-template-columns:1fr}
 .store-side{display:grid;grid-template-columns:1fr 1fr}
 .units-grid,.items-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .abilities-grid,.statuses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .progression{grid-template-columns:1fr}
}
@media(max-width:760px){
 .compare-add select{min-width:0;width:100%}
 .compare-table{min-width:calc(104px + var(--cols) * 122px);font-size:.85rem}
 .compare-table thead th:first-child,.compare-table tbody th{width:104px}
 .compare-table th,.compare-table td{padding:8px 6px}
 .compare-table tbody th{position:sticky;left:0;z-index:1;background:var(--surface);white-space:normal;font-size:.8rem}
 .compare-table tbody th img{display:none}
 .compare-card{width:112px}
 .compare-actions{width:100%}
 .compare-actions .select-wrap{flex:1}
 .tray-title{display:none}
 .tray-inner{padding-left:10px}
 .news-empty{flex-direction:column;align-items:flex-start}
 .press-actions .btn{width:100%}
 .asset-grid{gap:8px}
 .global-search input{font-size:.95rem}
 .global-search input::placeholder{font-size:.85rem}
 .gallery-grid{gap:8px}
 .gallery-caption{font-size:.72rem;padding:20px 8px 6px}
 .press-note{flex-direction:column;align-items:stretch;text-align:center}
 .trailer-frame{margin-bottom:32px}
 .store-top{padding-top:18px}
 .store-title{flex-direction:column;align-items:stretch;gap:14px}
 .store-hero{padding:10px;margin-inline:-6px}
 .store-summary{display:flex}
 .media-strip button{flex-basis:92px}
 .strip-nav{display:none}
 .wishlist-box{flex-direction:column;align-items:stretch;text-align:center;padding:20px}
 .wishlist-action{justify-content:center;flex-direction:column;gap:12px}
 .wishlist-action .btn{width:100%}
 .store-side{display:flex}
 .store-body{padding-top:20px}
 :root{--header-h:60px}
 .header-inner{gap:12px;padding:0 12px 0 16px}
 .brand img{height:36px}
 .menu-toggle{display:flex;order:3}
 .header-cta{margin-left:auto}
 .hide-sm{display:none}
 .main-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;flex-direction:column;gap:0;padding:8px 12px 16px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 30px -10px #000}
 .menu-open .main-nav{display:flex}
 .main-nav a{padding:14px 12px;border-radius:10px;font-size:1.05rem}
 .container{padding-inline:16px}
 .compendium-header{padding-top:28px}
 .compendium-intro{font-size:.95rem;margin-bottom:18px}
 .compendium-tabs{margin-inline:-16px;padding-inline:8px}
 .compendium-tabs a{padding:12px 12px}
 .filter-bar{gap:8px}
 .search-field{flex-basis:100%}
 .filter-bar:not(:has(select)) .search-field{flex-basis:0}
 .select-wrap{flex:1}
 .select-wrap select{width:100%}
 .chip-row{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 4px;scrollbar-width:none}
 .chip-row::-webkit-scrollbar{display:none}
 .chip{flex-shrink:0}
 .units-grid,.items-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .classes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .abilities-grid,.statuses-grid{grid-template-columns:1fr;gap:10px}
 .effect-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:14px}
 .effect-icon{width:48px;height:48px;padding:4px}
 .effect-body h2{font-size:1.12rem}
 .creature-name{font-size:.9rem}
 .item-body{padding:10px 12px 12px}
 .item-body h2{font-size:.9rem}
 .class-body{padding:8px 9px 10px;gap:5px}
 .class-body h2{font-size:.9rem}
 .class-body .pill{font-size:.64rem;padding:3px 7px}
 dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0}
 #entry-content{padding:20px 16px 32px}
 .detail-lead{grid-template-columns:88px 1fr;gap:16px;align-items:start}
 .detail-portrait{width:88px;height:88px;padding:6px}
 .detail-lead>div{display:contents}
 .detail-lead>.detail-portrait{grid-row:1/3}
 .detail-lead .eyebrow{grid-column:2;align-self:end;margin:0}
 .detail-lead h2{font-size:1.8rem;grid-column:2}
 .detail-lead .rich{grid-column:1/-1}
 .folio-columns{grid-template-columns:1fr}
 .growth-panel{grid-column:auto}
 .armor-restrictions{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
 .armor-restrictions h3{grid-column:1/-1}
 .related-grid{grid-template-columns:1fr}
 dialog[data-kind=items] #entry-content{padding:8px}
 .equipment-detail{padding:12px 5px;border-width:15px}
 .equipment-detail header h2{font-size:1.5rem}
 .equipment-body{gap:10px;grid-template-columns:1fr 110px}
 .equipment-art>img{width:110px;height:140px}
 .equipment-art{min-height:140px}
 .equipment-detail .stat-list{font-size:1rem}
 .stone-effects summary small{float:none;display:block}
 dialog.media-lightbox{padding:64px 8px 72px}
 .lightbox-nav{top:auto;bottom:12px;transform:none}
 .lightbox-nav.prev{left:calc(50% - 64px)}.lightbox-nav.next{right:calc(50% - 64px)}
 .footer-inner{flex-direction:column;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{transition:none!important;animation:none!important}
}

/* ---------- Pitch deck ---------- */
.pitch-page{padding-bottom:40px}
.pitch-toolbar{position:sticky;top:var(--header-h);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1400px;margin:0 auto;padding:12px 24px;background:#15110de6;backdrop-filter:blur(8px)}
.pitch-label{margin:0;font-family:var(--display);font-size:1.15rem}
.pitch-label .eyebrow{display:block;margin:0;font-size:.68rem}
.pitch-right{display:flex;align-items:center;gap:10px}
.pitch-controls{display:flex;align-items:center;gap:10px}
.pitch-pdf{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:var(--text);white-space:nowrap}
.pitch-pdf svg.i{width:15px;height:15px}
.pitch-nav{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);font-size:1.5rem;line-height:1;color:var(--text);background:var(--surface)}
.pitch-nav:hover,.pitch-fullscreen:hover{border-color:var(--gold)}
.pitch-count{min-width:64px;text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem}
.pitch-fullscreen{padding:9px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-weight:700;font-size:.9rem}
.pitch-hint{text-align:center;color:var(--dim);font-size:.85rem;margin:14px 0 0}
.pitch-deck{display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding-inline:24px;--slide-w:100%}
.pitch-page:not(.presenting) .pitch-controls{display:none}

.slide{position:relative;display:flex;flex-direction:column;overflow:hidden;font-size:16px;line-height:1.45;padding:2.4em 2.8em;border-radius:var(--radius);border:1px solid var(--line-2);background:radial-gradient(120% 90% at 100% 0%,#3a2a1a88,transparent 60%),linear-gradient(180deg,var(--surface),var(--bg-2));box-shadow:var(--shadow)}
.present .slide{width:var(--slide-w);aspect-ratio:16/9;margin-inline:auto;font-size:calc(var(--slide-w) / 62)}
.present .slide:not(.is-current){display:none}
.pitch-deck.present{--slide-w:min(1400px - 48px,100vw - 48px,(100dvh - var(--header-h) - 132px) * 16 / 9)}
.slide h2{font-size:2.3em;line-height:1.08;margin:0 0 .55em;text-wrap:balance}
.slide h3{font-size:1.2em;margin:0 0 .35em}
.slide p{margin:0 0 .8em}
.slide-kicker{font:700 .72em/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 .6em!important}
.slide-split{display:grid;grid-template-columns:1fr 1.2fr;gap:2.4em;align-items:center}
.slide-copy{min-width:0}
.slide-media{position:relative;margin:0;border-radius:.7em;overflow:hidden;border:1px solid var(--line-2);background:#000}
.slide-media video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.slide-media .clip-toggle{font-size:.8em}
.media-caption{margin:0!important;padding:.5em .8em;font-size:.75em;color:var(--muted);background:var(--bg)}
.slide-quote{font-family:var(--display);font-size:1.25em;color:var(--gold);margin-top:1em!important}
.slide-link{display:inline-block;margin-top:.6em;color:var(--gold);font-weight:700;text-decoration:none;font-size:.95em}
.slide-link:hover{text-decoration:underline}
.note{color:var(--dim);font-size:.8em;margin-top:auto!important}

/* Title and contact slides */
.slide-title{justify-content:flex-end;align-items:center;text-align:center;padding:2em 2em 1.8em}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;z-index:0}
.slide-title::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#15110df2 0%,#15110dcc 22%,transparent 48%)}
.slide-title-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.75em;max-width:52em}
.title-line{font-size:1.35em;margin:0!important;text-wrap:balance;text-shadow:0 2px 12px #000}
.title-seek{margin:.6em 0 0!important;font-weight:700;color:var(--gold);letter-spacing:.04em}
.pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5em;list-style:none;margin:0;padding:0}
.pill-row li{padding:.35em .9em;border-radius:999px;border:1px solid #f4e8d044;background:#15110dcc;font-size:.85em;font-weight:700}
.pill-row.small{justify-content:flex-start}
.pill-row.small li{font-size:.8em}
.pill-row :lang(ja){font-family:'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP',sans-serif}
.pill-row :lang(ko){font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif}
.pill-row :lang(zh-Hans){font-family:'Hiragino Sans GB','Heiti SC','PingFang SC','Microsoft YaHei','Noto Sans SC',sans-serif}
.pill-row :lang(zh-Hant){font-family:'Heiti TC','PingFang TC','Microsoft JhengHei','Noto Sans TC',sans-serif}
.slide-contact h2{font-size:2.6em;margin:0}
.contact-mail{font-size:1.5em;font-weight:700;color:var(--gold);margin:0!important;user-select:all}
.contact-site{margin:-.4em 0 0!important;color:var(--muted);font-weight:700;letter-spacing:.04em}
.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7em;margin-top:.4em}
.contact-actions .btn{font-size:.95em;padding:.8em 1.3em}

/* Pillars and comparables */
.pillar-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin-bottom:1.6em}
.pillar{padding:1.3em 1.4em;border-radius:.7em;background:var(--surface-2);border:1px solid var(--line)}
.pillar-num{display:block;font-family:var(--display);font-size:1.8em;color:var(--gold);line-height:1;margin-bottom:.35em}
.pillar h3{font-size:1.45em}
.pillar p{margin:0;color:var(--muted)}
.comps{margin-top:auto}
.comps-title{font:700 .72em/1.4 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .7em!important}
.comps ul{display:grid;grid-template-columns:repeat(4,1fr);gap:1em;list-style:none;margin:0;padding:0}
.comps li{padding-left:.9em;border-left:2px solid var(--gold)}
.comps strong{display:block;font-size:1em}
.comps span{color:var(--muted);font-size:.85em}

/* Loop */
.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6em;list-style:none;margin:auto 0;padding:0;counter-reset:loop}
.loop li{position:relative;counter-increment:loop}
.loop li:not(:last-child)::after{content:'→';position:absolute;top:2.2em;right:-1.25em;color:var(--gold);font-size:1.3em}
.loop img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.6em;border:1px solid var(--line-2);margin-bottom:.8em}
.loop h3::before{content:counter(loop) '. ';color:var(--gold)}
.loop p{color:var(--muted);font-size:.92em;margin:0}
.loop-back{margin:1.2em 0 0!important;color:var(--gold);font-weight:700;font-size:.95em}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:1em;flex:1;align-content:start}
.mode{padding:1em 1.2em;border-radius:.7em;background:var(--surface-2);border:1px solid var(--line)}
.mode h3{display:flex;align-items:center;gap:.5em;color:var(--gold)}
.mode p{margin:0;color:var(--muted);font-size:.95em;line-height:1.45}
.mode-tag{font:700 .6em/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:.35em .6em}

/* Stats */
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;margin:1.2em 0 .6em}
.stat-row div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.2em;padding:.7em .8em;border-radius:.6em;background:var(--surface-2);border:1px solid var(--line)}
.stat-row dt{font-size:.72em;color:var(--muted);line-height:1.3}
.stat-row dd{margin:0;font-family:var(--display);font-size:1.9em;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}

/* Portraits and collage */
.portrait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7em}
.portrait{display:flex;flex-direction:column;align-items:center;gap:.3em;padding:.5em .4em .6em;border-radius:.6em;background:radial-gradient(circle at 50% 40%,var(--surface-3),var(--surface));border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.portrait:hover{border-color:var(--gold)}
.portrait img{width:80%;aspect-ratio:1;object-fit:contain}
.portrait span{font-size:.75em;font-weight:700;text-align:center;line-height:1.2}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:.7em}
.collage img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:.6em;border:1px solid var(--line-2)}

/* Columns and lists */
.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:2.6em;flex:1}
.two-col>div{display:flex;flex-direction:column}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}
.col-title{font:700 .75em/1.4 var(--body)!important;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding-bottom:.6em;border-bottom:1px solid var(--line);margin:0 0 .8em!important}
.col-title:not(:first-child){margin-top:1.3em!important}
.slide-list,.check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6em}
.slide-list li{position:relative;padding-left:1.1em}
.slide-list li::before{content:'';position:absolute;left:0;top:.6em;width:.4em;height:.4em;border-radius:50%;background:var(--gold)}
.check-list li{position:relative;padding-left:1.5em}
.status-list{font-size:1.2em;gap:.8em;margin-top:.4em}
.check-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--heal);font-weight:700}
.platform-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6em}
.platform-steps li{display:flex;flex-direction:column;padding:.6em .9em;border-radius:.6em;background:var(--surface-2);border-left:3px solid var(--gold)}
.platform-steps span{color:var(--muted);font-size:.9em}

/* Timeline */
.gantt{position:relative;display:grid;grid-template-columns:17em 3fr repeat(15,1fr) 2fr;grid-template-rows:auto repeat(6,auto) auto;column-gap:0;row-gap:.15em;margin:1.3em 0 .3em}
.slide-roadmap h2{margin-bottom:.15em}
.slide-roadmap .gantt{font-size:.93em}
.slide-roadmap .g-legend{font-size:.62em}
.g-axis.g-plan{text-align:left;letter-spacing:.04em;text-transform:none;font-weight:400;color:var(--dim)}
.g-band{grid-row:1 / -1;background:#f4e8d00a;border-inline:1px solid #f4e8d00f;z-index:0}
.g-axis{grid-row:1;font:700 .6em/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:center;padding:.3em 0 .7em;border-bottom:1px solid var(--line-2);z-index:1}
.g-label{grid-column:1;padding:.3em 1em .3em 0;z-index:1}
.g-label h3{display:flex;align-items:center;gap:.45em;font-size:.9em;margin:0 0 .15em;line-height:1.1}
.g-n{flex:none;display:grid;place-items:center;width:1.45em;height:1.45em;border-radius:50%;border:1px solid var(--line-2);font:700 .7em/1 var(--body);color:var(--muted)}
.g-label.done .g-n{background:var(--gold);border-color:var(--gold);color:var(--cta-ink)}
.g-label.now .g-n{background:var(--cta-1);border-color:var(--cta-1);color:var(--cta-ink)}
.g-d{margin-left:auto;font:700 .68em/1 var(--body);letter-spacing:.04em;color:var(--gold);white-space:nowrap}
.g-label.now h3{color:var(--cta-1)}
.g-desc{font-size:.62em;line-height:1.3;color:var(--muted);margin:0 0 0 2.2em!important}
.g-bar{align-self:center;height:1.8em;margin:0 2px;border-radius:.5em;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#4a3a26,#3a2d1f);border:1px solid var(--line-2);z-index:1;overflow:hidden}
.g-bar span{font:700 .6em/1.1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--text);white-space:nowrap;padding:0 .5em}
.g-bar.done{background:linear-gradient(180deg,#8a6424,#6e4f1c);border-color:var(--gold)}
.g-bar.now{background:linear-gradient(180deg,var(--cta-1),var(--cta-2));border-color:#ffe39a;box-shadow:0 0 1.2em -.2em #f2a33a99}
.g-bar.now span{color:var(--cta-ink)}
.g-bar.launch{background:linear-gradient(90deg,#b8531f,#6e2f14);border-color:#f08a4b}
.g-today{grid-row:1 / -1;grid-column:3;border-left:2px dashed var(--cta-1);z-index:2;position:relative;pointer-events:none}
.g-today span{position:absolute;top:-1.7em;left:-1.4em;font:700 .55em/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--cta-1);background:var(--bg-2);padding:.2em .3em}
.g-ms{grid-row:8;justify-self:center;display:grid;place-items:center;width:1.4em;height:1.4em;margin-top:.35em;transform:rotate(45deg);background:var(--gold);border-radius:.2em;z-index:3}
.g-ms i{transform:rotate(-45deg);font:700 .62em/1 var(--body);font-style:normal;color:var(--cta-ink)}
.g-ms.opt i{color:var(--gold)}
.g-ms.opt{background:var(--bg-2);border:2px dashed var(--gold)}
.g-ms.launch{background:var(--cta-1);box-shadow:0 0 0 .25em #ffd46633}
.g-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:.35em 1.2em;list-style:none;margin:.4em 0 0;padding:0;font-size:.66em;color:var(--muted)}
.g-legend li{display:flex;align-items:center;gap:.6em}
.g-legend b{flex:none;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:.3em;background:var(--gold);color:var(--cta-ink);font-size:.9em}
.g-legend li.opt b{background:none;border:2px dashed var(--gold);color:var(--gold)}
.g-legend li.launch b{background:var(--cta-1)}
.g-legend li.launch{color:var(--text)}

/* Team */
.team{display:grid;grid-template-columns:1.4fr 1fr;gap:1.2em;margin-bottom:1.2em}
.team article{padding:1.3em 1.4em;border-radius:.7em;background:var(--surface-2);border:1px solid var(--line)}
.team .team-lead{border-color:var(--gold)}
.team h3{font-size:1.35em}
.team .role{color:var(--gold);font-weight:700;font-size:.85em}
.team p:last-child{margin:0;color:var(--muted)}

/* Ask */
.slide-ask h2{margin-bottom:.2em}
.ask-lead{color:var(--muted);margin-bottom:1em!important}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;margin-bottom:1em}
.tier{padding:1.1em 1.3em;border-radius:.7em;background:var(--surface-2);border:1px solid var(--line)}
.tier-full{border-color:var(--gold);background:linear-gradient(180deg,#3a2b1a,var(--surface-2))}
.tier-price{font-family:var(--display);font-size:1.5em;color:var(--gold);margin:0!important;line-height:1.1}
.tier h3{font-size:1.05em;color:var(--muted);margin-bottom:.7em}
.tier .check-list{gap:.4em;font-size:.9em}
.milestones{margin:auto 0 0!important;font-size:.85em;color:var(--muted)}
.milestones strong{color:var(--text)}
.budget-wrap{display:grid;grid-template-columns:1.7fr 1fr;gap:2em;align-items:start}
.budget{width:100%;border-collapse:collapse;font-size:.78em;font-variant-numeric:tabular-nums}
.budget th,.budget td{padding:.32em .6em;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.budget td{text-align:right;white-space:nowrap;color:var(--gold)}
.budget thead th{font-size:.85em;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.budget thead th:not(:first-child){text-align:right}
.budget tfoot th,.budget tfoot td{font-weight:700;border-bottom:0;border-top:2px solid var(--line-2);font-size:1.1em;color:var(--text)}
.budget tfoot td{color:var(--cta-1)}
.budget-notes .check-list,.budget-notes .slide-list{font-size:.85em}

/* Fullscreen presenting */
#page-pitch:fullscreen{background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:0}
#page-pitch:fullscreen .pitch-toolbar{position:static;order:2;background:none;padding-block:6px}
#page-pitch:fullscreen .pitch-label,#page-pitch:fullscreen .pitch-hint{display:none}
#page-pitch:fullscreen .pitch-toolbar{justify-content:center}
#page-pitch:fullscreen .pitch-deck{--slide-w:min(100vw - 32px,(100vh - 72px) * 16 / 9);padding:0}

/* Phones and short windows: the deck becomes a scrolling page */
@media screen and (max-width:959px),screen and (max-height:539px){
 .pitch-toolbar{position:static}
 .pitch-hint{display:none}
 .pitch-deck{padding-inline:16px;gap:16px}
 .slide{padding:1.6em 1.3em;scroll-margin-top:calc(var(--header-h) + 12px)}
 .slide h2{font-size:1.75em}
 .slide-title{min-height:0;padding:0}
 .slide-title .slide-bg{position:static;height:auto;aspect-ratio:1232/706}
 .slide-title::after{display:none}
 .slide-title-inner{padding:1.2em 1.2em 1.6em;max-width:none}
 .title-line{font-size:1.1em}
 .slide-split,.two-col,.three-col,.team,.tiers{grid-template-columns:1fr;gap:1.4em}
 .pillar-row,.loop,.modes{grid-template-columns:1fr;gap:1em}
 .loop li::after{display:none}
 .comps ul{grid-template-columns:1fr 1fr}
 .portrait-grid{grid-template-columns:repeat(3,1fr)}
 .stat-row{grid-template-columns:1fr 1fr}
 .gantt{display:flex;flex-direction:column;gap:.7em}
 .g-band,.g-axis,.g-bar,.g-today,.g-ms{display:none}
 .g-label{padding:.8em 1em;border-radius:.6em;background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--line-2)}
 .g-label.done{border-left-color:var(--gold)}
 .g-label.now{border-color:var(--gold);border-left-color:var(--cta-1)}
 .g-label.launch{border-left-color:#f08a4b}
 .g-label h3{font-size:1.1em}
 .g-desc{font-size:.9em;margin-left:0!important}
 .g-legend,.slide-roadmap .g-legend{grid-template-columns:1fr;font-size:.9em}
 .g-axis.g-plan{display:block;order:9;font-size:.8em;padding:0;border:0}
 .budget-wrap{grid-template-columns:1fr}
 .budget-wrap{overflow-x:auto}
 .note{margin-top:1em!important}
}
@media screen and (max-width:420px){.comps ul{grid-template-columns:1fr}.portrait-grid{grid-template-columns:repeat(2,1fr)}.pitch-label{font-size:1rem}}

/* Print / Save as PDF: one 16:9 slide per page */
@media print{
 @page{size:1280px 720px;margin:0}
 html,body{background:var(--bg)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 body::before,.site-header,.site-footer,.skip-link,.pitch-toolbar,.pitch-hint,.compare-tray,.clip-toggle,.page-section:not(#page-pitch){display:none!important}
 .on-subpage main{padding:0}
 .pitch-page{padding:0}
 .pitch-deck,.pitch-deck.present{--slide-w:1280px;padding:0;gap:0;max-width:none;display:block}
 .slide,.present .slide,.present .slide:not(.is-current){display:flex!important;width:1280px;height:720px;aspect-ratio:auto;font-size:calc(1280px / 62);border-radius:0;border:0;box-shadow:none;break-after:page;page-break-after:always;margin:0}
 .slide-split{display:grid!important;grid-template-columns:1fr 1.2fr!important}
 .slide-title{min-height:0}
 .slide *{text-shadow:none!important;box-shadow:none!important}
}