/* Vanilla Veterans v10.10: consistent, condensed home Character Chronicles shelf */
.vv-chronicles-gallery{background:linear-gradient(150deg,#10293a 0%,#071c2d 65%,#153744 100%);color:#f9ead0;padding:76px 0 82px;border-top:2px solid #ba8c54;border-bottom:2px solid #a17d50;scroll-margin-top:122px}
.vv-chronicles-head{display:flex;gap:28px;justify-content:space-between;align-items:end;margin-bottom:29px}
.vv-chronicles-head>div{max-width:780px}
.vv-chronicles-head .kicker{font-weight:800;letter-spacing:.12em;font-size:.72rem;color:#efc48a}
.vv-chronicles-head h2{font-size:clamp(2.15rem,4.4vw,3.9rem);color:#fff1d9;line-height:1.07;margin:11px 0 16px}
.vv-chronicles-head h2 em{color:#f1be85}
.vv-chronicles-head p{color:#cddce0;line-height:1.6;margin:0;max-width:67ch}
.vv-chronicles-head>.btn{flex:0 0 auto;max-width:270px;text-align:center;white-space:normal}
.vv-chronicles-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.vv-chronicle-card{min-width:0;border:1px solid #ad8559;border-radius:19px;overflow:hidden;background:#173445;box-shadow:0 16px 36px #0003;transition:transform .18s,border-color .18s}
.vv-chronicle-card:hover{transform:translateY(-4px);border-color:#ffe0a1}
.vv-chronicle-card>a{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.vv-chronicle-card>a:focus-visible{outline:3px solid #ffe5a4;outline-offset:-4px}
.vv-chronicle-photo{width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#132c3b}
.vv-chronicle-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 29%;transition:transform .2s}
.vv-chronicle-card:hover .vv-chronicle-photo img{transform:scale(1.045)}
.vv-chronicle-photo-brixie img{object-position:center 48%}
.vv-chronicle-copy{padding:17px 17px 21px;display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}
.vv-chronicle-copy small{font:800 .65rem/1.35 system-ui,sans-serif;letter-spacing:.085em;color:#f2be79}
.vv-chronicle-copy h3{font-size:clamp(1.15rem,1.65vw,1.65rem);margin:8px 0 8px;color:#fff0d5;line-height:1.2}
.vv-chronicle-copy p{font-size:.89rem;line-height:1.55;color:#d5e2df;margin:0 0 14px}
.vv-chronicle-copy span{font-size:.83rem;font-weight:800;color:#ffe1a1;display:inline-block;margin-top:auto;text-decoration:underline;text-underline-offset:4px}
.vv-chronicles-footnote{font-size:.78rem;color:#b8ced1;margin:18px 0 0}
body[data-mode="harmony"] .vv-chronicles-gallery{background:#0d2b35}
body[data-mode="focus"] .vv-chronicles-gallery{background:#f8f4e9;color:#173847}
body[data-mode="focus"] .vv-chronicles-head h2{color:#18384b}
body[data-mode="focus"] .vv-chronicles-head p,body[data-mode="focus"] .vv-chronicles-footnote{color:#395869}
body[data-mode="focus"] .vv-chronicle-card{background:#fefcf6;border-color:#b3a184;box-shadow:none}
body[data-mode="focus"] .vv-chronicle-copy h3{color:#153447}
body[data-mode="focus"] .vv-chronicle-copy small{color:#895c31}
body[data-mode="focus"] .vv-chronicle-copy p{color:#344f5a}
body[data-mode="focus"] .vv-chronicle-copy span{color:#285b78}
@media(max-width:1100px){.vv-chronicles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vv-chronicles-head{align-items:start;flex-direction:column}.vv-chronicles-head>.btn{max-width:none}}
@media(max-width:650px){.vv-chronicles-gallery{padding:56px 0 62px}.vv-chronicles-grid{gap:12px}.vv-chronicle-copy{padding:12px}.vv-chronicle-copy small{font-size:.58rem}.vv-chronicle-copy h3{font-size:1.16rem}.vv-chronicle-copy p{font-size:.82rem}.vv-chronicle-copy span{font-size:.76rem}}
@media(max-width:390px){.vv-chronicles-grid{grid-template-columns:1fr}.vv-chronicle-photo{aspect-ratio:5 / 3}.vv-chronicle-photo img{object-position:center 28%}.vv-chronicle-photo-brixie img{object-position:center 35%}}
@media(prefers-reduced-motion:reduce){.vv-chronicle-card,.vv-chronicle-photo img{transition:none}.vv-chronicle-card:hover,.vv-chronicle-card:hover .vv-chronicle-photo img{transform:none}}

@media(max-width:390px){
  .mods-feature .wrap,.kablooey-spotlight-grid{grid-template-columns:minmax(0,1fr)}
  .mods-intro{min-width:0}
  .kablooey-spotlight-art{transform:none}
  .hero h1,.mods-intro h2,.kablooey-spotlight h2{overflow-wrap:anywhere}
}

@media (min-width:981px) and (max-width:1600px){
  .qd-nav .masthead-inner{gap:10px}
  .qd-nav .brand{min-width:185px}
  .qd-nav .desktop-nav{gap:9px}
  .qd-nav .desktop-nav a{font-size:.72rem}
  .qd-nav .nav-discord{padding:10px 11px}
}
@media (min-width:981px) and (max-width:1250px){
  .qd-nav .desktop-nav,.qd-nav .masthead .nav-discord{display:none}
  .qd-nav .menu-toggle{display:block;margin-left:auto}
  .qd-nav .mobile-nav:not([hidden]){display:block;padding:4px 0 14px;max-height:80vh;overflow:auto}
}