@charset "UTF-8";
.catalogue-page .handbook-hero { padding:30px 0 24px; }
.catalogue-page .handbook-hero h1 { margin-bottom:14px; font-size:clamp(30px,3.3vw,43px); }
.catalogue-page .handbook-hero .guide-lead { margin-bottom:18px; }
.catalogue-quick-links { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:18px 0; border-block:1px solid #89acbd30; margin:8px 0 22px; }
.catalogue-quick-links>span { color:#7396aa; font-size:11px; margin-right:5px; }
.catalogue-quick-links a { display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:10px 16px; font-size:12px; color:#b7d9e8; background:#132a39; border:1px solid #779fb63b; }
.catalogue-quick-links a:hover { border-color:#a4d3e5; background:#1d3b4e; }
.catalogue-page .reference-content h3[id] { scroll-margin-top:20px; }
.catalogue-page .reference-content p { max-width:80ch; }
.catalogue-page .reference-content table { isolation:isolate; }
.catalogue-page .reference-content caption { text-align:left; padding:8px 0 13px; color:#7f9fb3; font-size:11px; }
.catalogue-page .reference-content tbody tr:nth-child(even)>* { background:#10202c; }
.catalogue-page .reference-content tbody tr> :first-child { position:sticky; left:0; background:#0c1722; z-index:1; }
.catalogue-page .reference-content tbody tr:nth-child(even)> :first-child { background:#10202c; }
.catalogue-page .reference-content thead tr> :first-child { position:sticky; left:0; background:#142738; z-index:2; }
.catalogue-page .handbook-table-wrap.is-scrolled tr> :first-child { box-shadow:6px 0 10px -8px #02070e; }
.table-scroll-tools { position:sticky; left:0; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:10px 0; background:#080e17; }
.table-scroll-tools[hidden] { display:none; }
.table-scroll-tools p { color:#819fb3; margin:0; font-size:11px; }
.table-scroll-tools>div { display:flex; gap:6px; flex-shrink:0; }
.table-scroll-tools button { min-height:44px; padding:8px 13px; font:inherit; font-size:11px; color:#acd3e6; border:1px solid #7299af52; background:#132a3a; }
.table-scroll-tools button:disabled { opacity:.35; cursor:default; }
.catalogue-page .handbook-table-wrap { scrollbar-color:#547e94 #0c1a27; }
.belt-art-frame { position:relative; width:min(100%,480px); aspect-ratio:2/1; overflow:hidden; margin:20px auto; }
.catalogue-page .reference-content .belt-art-frame img { position:absolute; width:100%; height:auto; max-width:none; max-height:none; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; }
.belt-art-frame:focus-within { outline:2px solid #a6d3e2; outline-offset:3px; }
.catalogue-page .reference-content img.companion-art { width:min(100%,360px); height:auto; max-height:none; object-fit:contain; }
.catalogue-page .p1-art-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:22px 0; }
.catalogue-page .p1-art-card { --p1-accent:#97bdcd; min-width:0; margin:0; padding:12px 8px 16px; border:1px solid #8eb2c326; border-radius:8px; background:linear-gradient(180deg,#13263360,#10202b30); text-align:center; }
.catalogue-page .p1-art-card:hover { border-color:var(--p1-accent); }
.catalogue-page .reference-content img.p1-item-art { display:block; width:100%; height:auto; max-width:220px; max-height:none; aspect-ratio:1; object-fit:contain; margin:0 auto 8px; }
.catalogue-page .p1-item-link { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-height:44px; padding:4px; color:#c3dce8; font-size:13px; line-height:1.65; text-decoration:none; }
.catalogue-page .p1-item-link:hover { color:var(--p1-accent); text-decoration:underline; text-underline-offset:4px; }
.catalogue-page .p1-item-link:focus-visible,.catalogue-page .p1-item-art:focus-visible { outline:2px solid var(--p1-accent); outline-offset:4px; }
.catalogue-page .p1-item-link>.el { color:var(--p1-accent); font-size:11px; }
.catalogue-page .p1-item-link>.label { font-size:12px; overflow-wrap:anywhere; }
.catalogue-page .p1-melee,.catalogue-page .p1-fire { --p1-accent:#e39b91; }
.catalogue-page .p1-ranged,.catalogue-page .p1-water { --p1-accent:#90c6e4; }
.catalogue-page .p1-recovery,.catalogue-page .p1-wind { --p1-accent:#9dc9ae; }
.catalogue-page .p1-defense { --p1-accent:#b7a2db; }
.catalogue-page .p1-earth { --p1-accent:#d6bc8c; }
.catalogue-page .reference-content img.p1-heart-art { display:block; width:min(100%,360px); height:auto; max-width:360px; max-height:none; object-fit:contain; margin:20px auto; }
@media(max-width:700px) { .catalogue-page .p1-art-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.catalogue-page .p1-art-card { padding:8px 5px 12px; } }
@media(max-width:640px) {
 .catalogue-page .handbook-hero { padding:24px 0 18px; }.catalogue-page .handbook-hero h1 { font-size:31px; }
 .catalogue-quick-links { gap:8px; margin-bottom:18px; padding:14px 0; }.catalogue-quick-links>span { width:100%; }.catalogue-quick-links a { padding:9px 12px; font-size:11px; gap:10px; }
 .catalogue-page .reference-content table tr> :first-child { width:116px; min-width:116px; max-width:150px; overflow-wrap:anywhere; }
 .catalogue-page .reference-content th,.catalogue-page .reference-content td { padding:12px; line-height:1.8; }
 .table-scroll-tools { gap:10px; }.table-scroll-tools p { max-width:155px; font-size:10px; }.table-scroll-tools button { padding-inline:11px; }
}
@media print { .catalogue-quick-links,.table-scroll-tools { display:none!important; }.catalogue-page .reference-content table tr> :first-child { position:static; box-shadow:none; } }