/* Brand assets and accessible preview states, layered on the captured reference. */
[hidden]{display:none!important}
main{min-height:calc(100vh - 210px)}
.hero .hero-in{min-width:0}
.hero-text,.catalog-content,.item-grid>div{min-width:0}
img{height:auto}
.brand img{height:34px}
.feature img{object-fit:cover;opacity:1}
.feature img.fading{opacity:0}
.feature-cap{transition:opacity .3s}
.avatar{object-fit:cover;height:116px}
.banner img{height:110px}
.hero .lead{max-width:620px}
.hero .newpill{max-width:100%;font-size:12px}
.preview-note{font-size:12px;color:var(--muted);margin-top:15px}
.preview-banner{display:flex;gap:10px;padding:10px 14px;background:#b48cff0b;border:1px solid #b48cff26;border-radius:10px;color:var(--violet);font:600 11px var(--mono);margin-top:18px}
.preview-banner span{font:13px/1.5 -apple-system,Segoe UI,sans-serif;color:var(--muted)}
.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.active-filters:empty{display:none}
.leader-title{margin-top:30px}
.positive{color:var(--green)}
.error-text{color:#ff8e8e}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip-link{position:fixed;left:12px;top:-70px;z-index:100;background:var(--gold);color:#111;padding:10px 16px;border-radius:8px}
.skip-link:focus{top:10px}
.foot-links{flex-wrap:wrap}
.foot-in>.muted{font-size:13px}
#catalog-root{padding-bottom:80px}
.gallery #catalog-root{width:100%;padding-bottom:0}
.gallery #search{flex:0 1 190px;min-width:0}
.side .tgroup{min-width:0}
.table-scroll{max-width:100%}
.sample-chart{height:200px;margin:20px 4px 10px;display:flex;align-items:end;gap:8px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent,transparent 49px,var(--line) 50px)}
.sample-chart>div{flex:1;height:var(--bar);background:var(--gold);border-radius:3px 3px 0 0;opacity:.72;transition:height .4s}
.sample-chart>div:hover{opacity:1;background:var(--violet)}
.purchase-item{display:flex;align-items:center;gap:18px;margin:24px 0}
.purchase-item img{width:88px;height:88px;border-radius:12px}
.sweep-images{display:flex;gap:6px;overflow:hidden;margin:20px 0}
.sweep-images img{width:calc((100% - 42px)/8);height:auto;border-radius:6px;object-fit:cover}
#agent-panels>div{scroll-margin-top:90px}
dialog{width:min(490px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:26px;border:1px solid #3a4066;border-radius:20px;background:var(--bg2);color:var(--text);box-shadow:0 30px 100px #0009;animation:dialog-in .18s ease-out}
dialog::backdrop{background:#05060bbd;backdrop-filter:blur(7px)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dialog-head h2{font-size:24px;margin:0}
.dialog-head button{font-size:22px;padding:0 9px}
@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:960px){.hero-art.solo{justify-self:center}.side{overflow:visible;max-height:none}.item-grid{gap:24px}.hero-in{gap:32px}}
@media(max-width:640px){
 .avatar{height:84px}.banner img{height:70px}
 .hero .newpill{font-size:12px;gap:8px;padding-right:10px;line-height:1.5}
 .hero .lead{font-size:17px}.mint-head b{font-size:14px}
 .feature-cap{left:8px;right:8px;bottom:8px}
 .gallery{padding-top:36px}.gallery #search{width:190px;flex:0 1 190px}
 #sort{min-width:0}.side .tgroup{flex:0 1 auto}
 .item h1{font-size:27px}.item .btns{flex-wrap:wrap}
 .preview-banner{flex-wrap:wrap}.pts-form input{min-width:0;flex-basis:100%}
 .col-head{align-items:center}.col-head h1{font-size:25px}
 .sweep{gap:8px}.foot-in{gap:16px}.lead{max-width:100%}
 .guide-sec{scroll-margin-top:90px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.marquee .row{animation:none!important}}
#live-market{padding:0 0 80px}.live-card-actions{padding:0 12px 12px;display:flex;gap:6px;flex-wrap:wrap}.live-card-actions:empty{display:none}.market-refresh{margin-left:auto;align-self:center}#deploy-panel dd{overflow-wrap:anywhere}#deploy-panel dl{grid-template-columns:140px minmax(0,1fr)}#tx-progress{margin:16px 0;max-width:100%;overflow-wrap:anywhere}#export-config{margin-top:12px}.notice a{color:var(--gold)}.notice a.primary,.notice button.primary{color:#1a1300}#local-account{margin-left:6px}
@media(max-width:640px){#deploy-panel dl{grid-template-columns:1fr}#deploy-panel dd{text-align:left}#live-token .item-grid{grid-template-columns:1fr}.live-card-actions .small{font-size:12px}}