.reference-page-head--illustrated{grid-template-columns:minmax(0,1fr) 240px;align-items:center}.event-record-head{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:stretch}.event-record-head__art{isolation:isolate;border:1px solid var(--color-border);background:radial-gradient(circle at 50% 50%, color-mix(in oklch, var(--color-secondary) 15%, transparent), transparent 60%), var(--color-background-deep);min-height:310px;position:relative;overflow:hidden}.event-record-head__art:after{z-index:2;content:"";border:1px solid color-mix(in oklch, var(--color-primary) 24%, transparent);pointer-events:none;position:absolute;inset:10px}.event-record-head__art img{object-fit:contain;filter:drop-shadow(0 20px 28px #0000008a);filter:drop-shadow(0 20px 28px lab(0% 0 0/.54));padding:18px 18px 38px}.event-record-head__art>span{z-index:3;color:var(--color-primary-bright);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:.61rem;font-weight:760;position:absolute;bottom:13px;left:18px;right:18px}.event-route-brief{border-block:1px solid var(--color-border);grid-template-columns:120px minmax(0,1fr);gap:18px;margin-top:18px;padding:16px 0;display:grid}.event-route-brief span{color:var(--color-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:760}.event-route-brief p{color:var(--color-muted);font-size:.82rem}.event-table-link{align-items:center;gap:10px;display:inline-flex}.event-table-link__art{border:1px solid var(--color-border);background:var(--color-background-deep);flex:0 0 58px;width:58px;height:52px;position:relative;overflow:hidden}.event-table-link__art img{object-fit:contain;padding:3px}.shop-systems-strip{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 28px;display:grid}.shop-systems-strip article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(150deg, color-mix(in oklch, var(--color-secondary) 4%, var(--color-surface)), var(--color-background-deep));min-height:160px;padding:16px}.shop-systems-strip span{color:var(--color-secondary);font-family:var(--font-display);font-size:.66rem}.shop-systems-strip h4{margin-top:20px;font-size:1rem}.shop-systems-strip p{color:var(--color-muted);margin-top:7px;font-size:.75rem}.hero-taxonomy-rail{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));margin:-18px 0 32px;display:grid}.hero-taxonomy-rail a{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:color-mix(in oklch, var(--color-surface) 58%, var(--color-background-deep));min-height:138px;transition:background .16s var(--ease-out), border-color .16s var(--ease-out);align-content:center;padding:18px;display:grid}.hero-taxonomy-rail a:hover{border-color:color-mix(in oklch, var(--color-primary) 50%, var(--color-border));background:color-mix(in oklch, var(--color-primary) 6%, var(--color-surface))}.hero-taxonomy-rail span{color:var(--color-secondary);letter-spacing:.11em;text-transform:uppercase;font-size:.61rem;font-weight:760}.hero-taxonomy-rail strong{font-family:var(--font-display);margin-top:9px;font-size:1rem}.hero-taxonomy-rail small{color:var(--color-muted);margin-top:4px;font-size:.7rem}.hero-lore-ledger{border-top:1px solid var(--color-border);margin-top:22px}.hero-lore-ledger article{border-bottom:1px solid var(--color-border);grid-template-columns:130px minmax(0,1fr);gap:28px;padding:18px 0;display:grid}.hero-lore-ledger h3{color:var(--color-secondary);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:760}.hero-lore-ledger p{max-width:76ch;color:var(--color-muted);font-size:.86rem}.system-hero-art{isolation:isolate;border:1px solid color-mix(in oklch, var(--color-primary) 36%, var(--color-border));background:radial-gradient(circle at 50% 48%, color-mix(in oklch, var(--color-primary) 22%, transparent), transparent 48%), repeating-linear-gradient(135deg, transparent 0 12px, #ffffff05 12px 13px), var(--color-background-deep);min-height:210px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.system-hero-art{background:radial-gradient(circle at 50% 48%, color-mix(in oklch, var(--color-primary) 22%, transparent), transparent 48%), repeating-linear-gradient(135deg, transparent 0 12px, lab(100% 0 0/.018) 12px 13px), var(--color-background-deep)}}.system-hero-art:after{z-index:2;content:"";border:1px solid color-mix(in oklch, var(--color-secondary) 24%, transparent);pointer-events:none;position:absolute;inset:10px}.system-hero-art img{z-index:1;object-fit:contain;filter:drop-shadow(0 16px 22px #00000094);filter:drop-shadow(0 16px 22px lab(0% 0 0/.58));padding:26px 30px 42px}.system-hero-art>span{z-index:3;color:var(--color-primary-bright);letter-spacing:.14em;text-align:center;text-transform:uppercase;font-size:.65rem;font-weight:760;position:absolute;bottom:14px;left:20px;right:20px}.mastery-primer__layout{grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.mastery-primer__layout>p{max-width:58ch;color:var(--color-muted);font-size:1.02rem;line-height:1.75}.mastery-primer__layout ol{counter-reset:mastery-step;border-top:1px solid var(--color-border)}.mastery-primer__layout li{counter-increment:mastery-step;border-bottom:1px solid var(--color-border);grid-template-columns:34px minmax(110px,.55fr) minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 0;display:grid}.mastery-primer__layout li:before{content:"0" counter(mastery-step);color:var(--color-primary);font-family:var(--font-display);font-size:.72rem}.mastery-primer__layout li b{font-family:var(--font-display)}.mastery-primer__layout li span{color:var(--color-muted);font-size:.8rem}.mastery-ladder{border-top:1px solid var(--color-border)}.mastery-ladder>article{border-bottom:1px solid var(--color-border);min-height:108px;transition:background .18s var(--ease-out);grid-template-columns:62px minmax(190px,.7fr) minmax(0,1.3fr);align-items:center;gap:24px;padding:16px 0;display:grid}.mastery-ladder>article:hover{background:linear-gradient(90deg, color-mix(in oklch, var(--color-primary) 7%, transparent), transparent 72%)}.mastery-ladder__level{border:1px solid var(--color-primary);clip-path:polygon(50% 0,92% 22%,84% 82%,50% 100%,16% 82%,8% 22%);width:44px;height:44px;color:var(--color-primary-bright);font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;display:grid}.mastery-ladder small{color:var(--color-secondary);letter-spacing:.11em;text-transform:uppercase;font-size:.61rem;font-weight:760}.mastery-ladder h3{margin-top:4px;font-size:1.16rem}.mastery-ladder p{max-width:68ch;color:var(--color-muted);font-size:.85rem}.boss-token-flow{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0;display:grid}.boss-token-flow article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(155deg, color-mix(in oklch, var(--color-primary) 4%, var(--color-surface)), var(--color-background-deep));min-height:190px;padding:20px;position:relative}.boss-token-flow article:not(:last-child):after{z-index:2;content:"→";color:var(--color-primary);position:absolute;top:26px;right:-8px}.boss-token-flow span{color:var(--color-secondary);font-family:var(--font-display);font-size:.72rem}.boss-token-flow h3{margin-top:24px}.boss-token-flow p{color:var(--color-muted);margin-top:8px;font-size:.78rem}.formula-strip{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);grid-template-columns:1.15fr 1fr 1fr 1fr;margin-top:22px;display:grid}.formula-strip article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background-deep);min-height:170px;padding:18px}.formula-strip span{color:var(--color-secondary);letter-spacing:.11em;text-transform:uppercase;font-size:.62rem;font-weight:760}.formula-strip strong{color:var(--color-primary-bright);font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:30px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.1;display:block}.formula-strip p{color:var(--color-muted);margin-top:9px;font-size:.72rem}.stat-reference-list{border-top:1px solid var(--color-border);margin-top:20px}.stat-reference-list article{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(140px,.42fr) minmax(260px,1fr) minmax(260px,.9fr);align-items:baseline;gap:24px;padding:17px 0;display:grid}.stat-reference-list h3{color:var(--color-primary-bright);font-size:1rem}.stat-reference-list p{color:var(--color-text);font-size:.84rem}.stat-reference-list small{color:var(--color-muted);font-size:.73rem;line-height:1.55}.class-strata{border-top:1px solid var(--color-border)}.class-strata>section{border-bottom:1px solid var(--color-border);grid-template-columns:58px minmax(260px,.85fr) minmax(320px,1.15fr);align-items:center;gap:clamp(22px,4vw,54px);min-height:240px;padding:34px 0;display:grid;position:relative}.class-strata__index{color:var(--color-primary);font-family:var(--font-display);align-self:start;font-size:.78rem}.class-strata__copy>span{color:var(--color-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:760}.class-strata__copy h2{margin-top:4px;font-size:clamp(2rem,4vw,3.6rem)}.class-strata__copy p{max-width:54ch;color:var(--color-muted);margin-top:10px}.class-strata__copy .tag-links{margin-top:18px}.class-strata__heroes{gap:12px;display:grid}.class-strata__heroes>small{color:var(--color-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.65rem}.class-strata__heroes>div{flex-wrap:wrap;gap:8px;display:flex}.class-strata__heroes a,.guild-member-line a{border:1px solid var(--color-border);min-height:48px;color:var(--color-text);transition:border-color .16s var(--ease-out), background .16s var(--ease-out);align-items:center;gap:8px;padding:4px 11px 4px 4px;font-size:.72rem;display:inline-flex}.class-strata__heroes a:hover,.guild-member-line a:hover{border-color:var(--color-primary);background:color-mix(in oklch, var(--color-primary) 6%, var(--color-surface))}.class-strata__heroes a>span,.guild-member-line a>span{background:var(--color-surface);width:40px;height:40px;position:relative;overflow:hidden}.class-strata__heroes img,.guild-member-line img{object-fit:contain;object-position:center bottom;padding:3px 3px 0}.guild-chronicle{gap:clamp(44px,7vw,86px);display:grid}.guild-chronicle>section{grid-template-columns:minmax(300px,.76fr) minmax(340px,1.24fr);align-items:center;gap:clamp(28px,5vw,70px);display:grid}.guild-chronicle>section:nth-child(2n) .guild-chronicle__banner{order:2}.guild-chronicle__banner{border:1px solid var(--color-border);background:radial-gradient(circle at 50% 45%, color-mix(in oklch, var(--color-secondary) 14%, transparent), transparent 52%), var(--color-background-deep);min-height:360px;position:relative;overflow:hidden}.guild-chronicle__banner:after{z-index:2;content:"";border:1px solid color-mix(in oklch, var(--color-primary) 24%, transparent);pointer-events:none;position:absolute;inset:12px}.guild-chronicle__banner img{object-fit:contain;filter:drop-shadow(0 22px 26px #0009);filter:drop-shadow(0 22px 26px lab(0% 0 0/.6));padding:34px}.guild-chronicle__banner>span{z-index:3;color:var(--color-primary);font-family:var(--font-display);font-size:.72rem;position:absolute;top:20px;left:22px}.guild-chronicle__copy>small{color:var(--color-secondary);letter-spacing:.11em;text-transform:uppercase;font-size:.67rem;font-weight:760}.guild-chronicle__copy h2{margin-top:8px;font-size:clamp(2.4rem,5vw,4.5rem)}.guild-chronicle__copy>p{max-width:62ch;color:var(--color-muted);margin-top:14px;font-size:.95rem}.guild-member-line{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.modifier-toolbar{margin-bottom:0}.modifier-ledger{border-top:1px solid var(--color-border)}.modifier-ledger__row{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(190px,.56fr) minmax(300px,1fr) minmax(190px,.55fr);align-items:start;gap:28px;padding:20px 0;display:grid}.modifier-ledger__identity span{color:var(--color-secondary);letter-spacing:.1em;text-transform:uppercase;font-size:.6rem;font-weight:760}.modifier-ledger__identity h2{margin-top:4px;font-size:1.08rem}.modifier-ledger__row>p{color:var(--color-muted);font-size:.8rem}.modifier-ledger__heroes{flex-wrap:wrap;gap:5px 12px;display:flex}.modifier-ledger__heroes a{min-height:28px;color:var(--color-primary-bright);font-size:.68rem;font-weight:700}@media (max-width:1024px){.shop-systems-strip,.boss-token-flow,.formula-strip{grid-template-columns:1fr 1fr}.boss-token-flow article:nth-child(2):after{display:none}.class-strata>section{grid-template-columns:48px minmax(220px,.78fr) minmax(280px,1.22fr);gap:22px}.guild-chronicle__banner{min-height:300px}.modifier-ledger__row{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.modifier-ledger__heroes{grid-column:2}}@media (max-width:768px){.reference-page-head--illustrated,.event-record-head{grid-template-columns:1fr}.event-record-head__art{min-height:270px}.shop-systems-strip{grid-template-columns:1fr}.hero-taxonomy-rail{grid-template-columns:1fr;margin-top:-8px}.hero-taxonomy-rail a{min-height:112px}.hero-lore-ledger article{grid-template-columns:1fr;gap:7px}.system-hero-art{min-height:190px}.mastery-primer__layout,.class-strata>section,.guild-chronicle>section,.stat-reference-list article,.modifier-ledger__row{grid-template-columns:1fr}.mastery-primer__layout{gap:24px}.mastery-primer__layout li{grid-template-columns:32px minmax(0,1fr)}.mastery-primer__layout li span{grid-column:2}.mastery-ladder>article{grid-template-columns:50px minmax(0,1fr);gap:14px}.mastery-ladder>article>p{grid-column:2}.boss-token-flow,.formula-strip{grid-template-columns:1fr}.boss-token-flow article{min-height:0}.boss-token-flow article:after{display:none}.formula-strip article{min-height:140px}.formula-strip strong{margin-top:18px}.stat-reference-list article{gap:8px}.class-strata>section{gap:14px;padding:30px 0}.class-strata__index{position:absolute}.class-strata__copy,.class-strata__heroes{padding-left:40px}.guild-chronicle>section:nth-child(2n) .guild-chronicle__banner{order:initial}.guild-chronicle__banner{min-height:280px}.guild-chronicle__banner img{padding:24px}.modifier-ledger__row{gap:10px}.modifier-ledger__heroes{grid-column:auto}}@media (pointer:coarse){.modifier-ledger__heroes a{align-items:center;min-height:44px;display:inline-flex}}