/* Shared narrow-layout fixes. Intrinsic artwork and trading values stay unchanged. */
.main,.sheet,.hero>div,.mgrid>*,.discovery-heading>div,.token-heading>div{min-width:0}
.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr))}
.profile-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.two>*{min-width:0}
.sheet{overflow-wrap:anywhere}
.sheet p{margin:10px 0}
.canvaswrap{width:min(100%,var(--paint-size,400px));max-width:100%}
.canvaswrap canvas{width:100%;height:auto;aspect-ratio:1}
.canvaswrap canvas.over{width:100%;height:100%}
.tools{min-width:0;flex:1 1 205px;max-width:100%}
.sizes{min-width:0}.sizes input{min-width:0;width:100%}.swatchbig{flex:none}
.pal{grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}.pal button{min-height:44px}
.chip,.tabs button,.mtabs button,.mintbtn,.qty button{min-height:44px}
.qty button{min-width:44px}
.colrow .info{min-width:min(100%,230px)}
.colrow h3,.mhead h2,.profile-head h1,.profile-head h2,.profile-grid h3,.log b,.cm p{overflow-wrap:anywhere}
.reveal img{max-width:100%;height:auto;aspect-ratio:1}
.log div{flex-wrap:wrap}.log .ago{margin-left:0}
.empty{padding:clamp(18px,5vw,44px)}
@media(max-width:900px){
  .shell{display:block}
  .shell>.side{display:flex;flex-direction:row;flex-wrap:wrap;width:auto;gap:8px;padding:12px 16px;border-right:0;border-bottom:2px solid var(--ink)}
  .shell>.side .item{flex:1 1 140px;width:auto;min-width:0;min-height:48px;font-size:18px;padding:10px 12px}
  .shell>.side .hint{display:none}
}
@media(max-width:600px){
  .top{position:static;gap:12px;padding:12px 16px}
  .brand{font-size:23px}
  .topnav{order:3;flex-wrap:nowrap;overflow-x:auto;width:100%;margin-left:0;gap:14px;padding-bottom:4px}
  .topnav button{flex:none;white-space:nowrap}
  .top .right{width:100%;margin-left:0;gap:10px}
  .wallet{font-size:15px;padding:6px 10px}
  .top .right .btn{font-size:14px;padding:7px 10px}
  .account-bar{padding:12px 16px}
  .account-bar #accountControls{gap:10px;width:100%}
  .hero{padding:20px}.hero h1{font-size:32px}.hero .art{display:none}
  .hero .cta .btn{font-size:15px;padding:9px 12px}
  .rowhead{align-items:flex-start}.chips{margin-left:0}
  .veil{padding:12px 8px;overscroll-behavior:contain}
  .sheet{padding:18px 14px}.sheet h2{font-size:23px}
  .two{grid-template-columns:1fr}
  .sheetfoot .btn{max-width:100%;justify-content:center}
  .warn{margin-left:0;text-align:left}
  .cbox input{min-width:0;width:100%;flex-basis:100%}
  .save-recovery{margin:14px 16px;padding:16px}
  .mhead{padding:12px}.cdown{margin-left:0;gap:6px;flex-wrap:wrap}
  .profile-card,.post-card{padding:16px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}