/* Shared homepage/collector chrome. Keep approved gold artwork intact. */
html{color-scheme:dark}
header.lore-site-header.top{box-sizing:border-box;position:relative;display:grid;grid-template-columns:172px minmax(160px,280px) minmax(280px,1fr);align-items:center;gap:16px 24px;width:100%;max-width:1400px;margin:0 auto;padding:14px 24px;background:#080e19e8;border-bottom:1px solid #e6c88840;z-index:110}
header.lore-site-header.top .brand{margin:0;padding:0;background:none;border:0}
header.lore-site-header.top .tcg-header{width:100%;margin:0;line-height:0}
header.lore-site-header.top .tcg-header img{width:100%;height:auto;max-width:280px}
header.lore-site-header.top nav.simplified-nav{display:grid;grid-column:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0}
header.lore-site-header.top nav>a,header.lore-site-header.top nav>details>summary{display:flex!important;align-items:center;justify-content:center;min-height:44px!important;color:#f4e4bc;font:650 14px/1.4 system-ui;text-transform:uppercase;text-decoration:none;padding:0;cursor:pointer}
header.lore-site-header.top details{position:static}
header.lore-site-header.top summary{list-style:none}
header.lore-site-header.top summary::-webkit-details-marker{display:none}
header.lore-site-header.top .menu{position:absolute;right:16px;top:100%;width:min(340px,calc(100vw - 32px));max-height:60dvh;overflow:auto;padding:12px;background:#101b2b;border:1px solid #b89a5d;box-shadow:0 15px 35px #0008;z-index:111}
header.lore-site-header.top .menu a{display:block;padding:12px;color:#f4e4bc;font:14px/1.4 system-ui;text-decoration:none;min-height:44px}
header.lore-site-header a:focus-visible,header.lore-site-header summary:focus-visible{outline:2px solid #96e6ff;outline-offset:3px}
header.lore-site-header .lore-home-caption{display:block;color:#e8cd90;font:14px/1.2 system-ui;text-align:center;text-decoration:underline}
.lore-collector-page .app,.lore-collector-page .main{background:transparent!important;min-width:0}
.lore-collector-page .topbar{height:auto;min-height:64px;position:relative;top:auto;gap:16px;padding:12px 24px;background:#080e19!important;color:#f6efe1!important;border-bottom:1px solid #e6c88840}
.lore-collector-page .topbar h1{color:#f4d998!important;font:600 20px/1.4 system-ui;margin:0}
.lore-collector-page .topbar .pill,.lore-collector-page .topbar .share-app-button,.lore-collector-page .topbar .avatar{background:#132337!important;color:#f4d998!important;border:1px solid #b89a5d}
.lore-collector-page .sidebar{top:var(--lore-tracker-height,64px);height:calc(100dvh - var(--lore-tracker-height,64px));background:#080e19ee!important}
.lore-collector-page .sidebar>.brand{display:none}
@media(max-width:1000px){header.lore-site-header.top{grid-template-columns:minmax(0,172px) minmax(0,280px);justify-content:space-between;gap:8px 20px;padding:12px 18px}header.lore-site-header.top nav.simplified-nav{grid-column:1/-1}}
@media(max-width:600px){header.lore-site-header.top{grid-template-columns:126px minmax(0,220px);gap:4px 16px;padding:8px 12px}header.lore-site-header.top nav>a,header.lore-site-header.top nav>details>summary{font-size:13px;min-height:44px!important}.lore-collector-page .topbar{flex-wrap:wrap;padding:12px 16px}.lore-collector-page .top-actions{flex-wrap:wrap}.lore-collector-page .topbar .mobile-brand{display:none}}
header.lore-site-header.top a.lore-home-link{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;gap:2px}
.lore-collector-page .mobile-more-sheet{background:#101b2b!important;color:#f6efe1!important;border:1px solid #b89a5d}
.lore-collector-page .mobile-more-grid button{background:#132337!important;color:#f4d998!important;border-color:#b89a5d}