.details-main [hidden]{display:none!important}
.details-main{padding-bottom:60px;min-height:70vh}.breadcrumbs{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-block:28px;color:var(--muted);font-size:13px}.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px}.breadcrumbs a:hover{color:var(--gold)}.breadcrumbs [aria-current]{color:var(--text);overflow-wrap:anywhere}.detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:64px;padding-block:26px 64px;border-bottom:1px solid var(--line)}.detail-intro{min-width:0}.detail-kind{display:inline-block;border:1px solid #d9b97066;padding:5px 12px;color:var(--gold);font-size:13px;margin:10px 0 18px}.detail-intro h1{font-size:clamp(34px,4.1vw,58px);font-weight:600;line-height:1.24;letter-spacing:-1px;margin:0 0 25px;overflow-wrap:anywhere;text-wrap:balance}.detail-summary{font-size:18px;line-height:1.9;color:var(--muted);max-width:36em}.detail-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.detail-fact{padding:8px 13px;background:var(--surface);border:1px solid var(--line);font-size:14px;color:var(--text)}.detail-figure{margin:0;min-width:0}.detail-art{position:relative;aspect-ratio:1.22;background-color:var(--surface);border:1px solid var(--line);overflow:hidden;background-repeat:no-repeat}.detail-art.armory{background-image:url('assets/home-armory-v2.webp');background-size:300% auto;aspect-ratio:8/7}.detail-art.ring{background-position:0 0}.detail-art.crest{background-position:50% 0}.detail-art.crystal{background-position:100% 0}.detail-art.pet{background-position:100% 100%;aspect-ratio:1}.detail-art.armor{background-position:0 100%;aspect-ratio:1}.detail-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.detail-art.has-fallback:after{content:'FREE WAR';position:absolute;inset:0;display:grid;place-items:center;font:700 56px var(--display);letter-spacing:4px;color:var(--gold)}.detail-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.8}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:64px;padding-top:48px}.detail-reading{min-width:0}.detail-toc{padding:22px 24px;background:var(--surface);border-left:2px solid var(--gold);margin-bottom:42px}.detail-toc p{font-size:13px;color:var(--gold);margin:0 0 8px}.detail-toc>div{display:flex;flex-wrap:wrap;gap:2px 24px}.detail-toc a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted)}.detail-toc a:hover{color:var(--text)}.detail-section{margin-bottom:44px;scroll-margin-top:110px}.detail-section h2{font-size:25px;font-weight:600;line-height:1.5;margin:0 0 20px;text-wrap:balance}.detail-section p,.detail-section li{font-size:16px;line-height:1.9;color:var(--muted)}.detail-section p{margin:0 0 16px}.detail-section ul,.detail-section ol{padding-left:24px}.detail-section li{padding-left:6px;margin-block:12px}.detail-section li::marker{color:var(--gold)}.detail-section .detail-note{background:var(--surface);border-left:2px solid var(--blue);padding:18px 22px;color:var(--text);margin-top:24px}.detail-table{border:1px solid var(--line);background:var(--surface);margin:0}.detail-table>div{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(100px,1fr);gap:16px;padding:17px 20px}.detail-table>div+div{border-top:1px solid var(--line)}.detail-table dt{font-size:15px;overflow-wrap:anywhere}.detail-table dd{margin:0;color:var(--gold);font-size:15px;text-align:right;overflow-wrap:anywhere}.detail-sidebar{min-width:0}.detail-action{position:sticky;top:112px;padding:26px;background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--gold)}.detail-action h2{font-size:22px;line-height:1.5;margin:15px 0}.detail-action p{color:var(--muted);font-size:15px;line-height:1.85}.detail-action .eyebrow{color:var(--gold);font-size:11px}.detail-action .button{width:100%;margin-top:12px;font-size:14px;white-space:normal;text-align:center;min-height:52px}.detail-action .detail-action-note{font-size:12px;margin-top:17px;margin-bottom:0}.detail-back{display:flex;gap:12px;align-items:center;min-height:48px;font-size:14px;color:var(--muted);margin-top:20px}.detail-related{padding-top:45px;border-top:1px solid var(--line);margin-top:30px}.detail-related .section-heading{margin-bottom:24px}.detail-related h2{font-size:30px}.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.related-link{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px;border:1px solid var(--line);background:var(--surface);min-height:110px;transition:background .2s,border-color .2s}.related-link:hover{background:var(--raised);border-color:var(--gold)}.related-link small{display:block;color:var(--gold);font-size:12px;margin-bottom:6px}.related-link strong{font-size:18px;font-weight:500}.related-link>span{color:var(--gold)}.details-state{padding-block:90px;min-height:55vh}.details-state h1{font-size:36px;line-height:1.5}.details-state p{color:var(--muted)}.details-state .button{margin:18px 16px 0 0}.event-guide-link{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;margin-top:32px;border:1px solid var(--line);background:var(--surface)}.event-guide-link img{width:100%;height:240px;object-fit:cover}.event-guide-link .guide-copy{padding:25px 30px 25px 0}.event-guide-link h3{font-size:26px;line-height:1.4;margin:10px 0}.event-guide-link p{color:var(--muted);margin:0 0 16px}.event-guide-link .eyebrow{color:var(--gold)}.event-guide-link a{display:inline-flex;align-items:center;min-height:44px;gap:22px;color:var(--gold)}
@media(max-width:1100px){.detail-hero{gap:35px}.detail-layout{gap:35px;grid-template-columns:minmax(0,1fr) 275px}.detail-action{padding:22px}.detail-toc{padding:18px}.detail-table>div{padding:15px}}
@media(max-width:900px){.detail-hero{gap:30px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr;gap:10px}.detail-action{position:static}.detail-hero{padding-bottom:40px}.detail-summary{font-size:16px}.detail-intro h1{font-size:40px}.detail-related{margin-top:40px}.event-guide-link{gap:20px}.event-guide-link .guide-copy{padding-right:20px}}
@media(max-width:760px){.breadcrumbs{font-size:12px;gap:8px;padding-block:14px}.detail-hero{grid-template-columns:1fr;padding-top:16px;gap:28px}.detail-intro h1{font-size:38px;letter-spacing:-.6px;margin-bottom:18px}.detail-intro .eyebrow{font-size:10px;letter-spacing:1.8px}.detail-summary{margin-bottom:0}.detail-kind{margin-bottom:16px}.detail-figure{max-width:450px;width:100%;justify-self:center}.detail-art{aspect-ratio:1.6}.detail-art.armory{aspect-ratio:8/7}.detail-art.pet,.detail-art.armor{aspect-ratio:1}.detail-facts{gap:8px;margin-top:22px}.detail-fact{font-size:13px}.detail-layout{padding-top:28px;gap:10px}.detail-toc{margin-bottom:32px}.detail-toc>div{display:grid;grid-template-columns:1fr;gap:0}.detail-section{margin-bottom:34px}.detail-section h2{font-size:23px}.detail-table>div{grid-template-columns:minmax(0,1.2fr) minmax(90px,1fr);gap:10px;padding:15px}.detail-table dt,.detail-table dd{font-size:14px}.detail-action{padding:24px}.related-links{grid-template-columns:1fr;gap:14px}.related-link{padding:20px;min-height:100px}.details-state h1{font-size:28px}.event-guide-link{grid-template-columns:1fr;gap:0}.event-guide-link img{height:auto;aspect-ratio:16/9}.event-guide-link .guide-copy{padding:24px}.event-guide-link h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.related-link{transition:none}}
.detail-art.item-gallery{aspect-ratio:auto;overflow:visible;padding:12px;background:var(--bg)}
.item-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;margin:0;list-style:none}
.item-art-tile{min-width:0}
.item-art-tile a{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:100%;padding:6px 4px 11px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,var(--raised),var(--surface) 75%);text-align:center}
.item-art-tile a:hover{border-color:var(--gold)}
.item-art-picture{width:100%;aspect-ratio:1;display:grid;place-items:center}
.item-gallery .item-art-picture img{position:static;width:100%;height:auto;object-fit:contain}
.item-art-tile strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.item-art-count,.item-art-missing{font-size:12px;color:var(--gold)}
@media(min-width:1101px){.detail-hero:has(.item-gallery){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px}}
@media(max-width:1100px){.item-art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.item-art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}