@media(max-width:700px){
  body{background:#f5f4fb}
  main{padding:18px 16px 104px}
  .topbar{align-items:flex-start;gap:12px}
  .topbar h1{font-size:25px}
  .header-actions{gap:8px}
  .icon-button{display:none}
  .header-actions #addItem,.add-button{font-size:12px;padding:11px 13px;border-radius:12px;white-space:nowrap}
  .welcome{
    height:auto;
    min-height:142px;
    margin-top:20px;
    padding:22px;
    border-radius:20px;
    box-shadow:0 18px 38px rgba(88,73,215,.18)
  }
  .welcome h2{font-size:24px;line-height:1.14;margin:8px 0}
  .welcome small{font-size:11px}
  .pokeball{width:170px;height:170px;right:-66px;top:-24px;border-width:16px;opacity:.9}
  .pokeball:before{width:205px;height:16px;top:62px;left:-28px}
  .pokeball b{width:45px;height:45px;border-width:12px;top:48px;left:48px}
  .pokeball i{width:16px;height:16px;top:62px;left:62px}
  .quick-actions{
    margin:16px 0;
    padding:14px;
    border-radius:18px;
    display:block;
    box-shadow:0 10px 24px rgba(50,38,84,.07)
  }
  .quick-actions>div:first-child{margin-bottom:12px}
  .quick-actions>div>strong{font-size:16px}
  .quick-action-buttons{display:grid;grid-template-columns:1fr;gap:10px}
  .quick-button{
    width:100%;
    min-width:0;
    border-radius:14px;
    padding:13px;
    box-shadow:none
  }
  .quick-button>span{width:40px;height:40px;border-radius:12px;font-size:20px}
  .quick-button b{font-size:13px}
  .quick-button small{font-size:11px}
  .stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:16px 0 28px
  }
  .stats article{
    border-radius:16px;
    padding:14px;
    gap:10px;
    align-items:flex-start;
    box-shadow:0 10px 24px rgba(50,38,84,.06)
  }
  .stats article:nth-child(1),.stats article:nth-child(2){grid-column:1/-1}
  .stat-icon{width:36px;height:36px;border-radius:11px;font-size:18px;flex:0 0 auto}
  .stats p{font-size:9px;line-height:1.2}
  .stats strong{font-size:18px}
  .stats small{font-size:9px;line-height:1.25}
  .section-heading{align-items:flex-end;margin-bottom:12px}
  .section-heading h2{font-size:18px}
  .text-button{font-size:11px;text-decoration:none}
  .collection-grid{display:grid;grid-template-columns:1fr;gap:12px}
  .collection-card{
    height:150px;
    border-radius:18px;
    padding:18px;
    box-shadow:0 14px 28px rgba(24,20,50,.13)
  }
  .collection-card p{margin:8px 0 4px}
  .collection-card h3{font-size:24px;line-height:1}
  .collection-card small{font-size:11px;margin-top:7px}
  .card-footer{margin-top:12px}
  .art{width:45%;opacity:.9}
  .raw-art,.graded-art,.master-art,.trade-art{background-size:100% 100%,auto 145px;background-position:center,right 8px bottom -6px}
  .sealed-art{opacity:.55}
  .recent-section{margin-top:28px}
  .recent-list{display:grid;grid-template-columns:1fr;gap:10px}
  .recent-item{
    min-width:0;
    border-radius:15px;
    padding:13px;
    box-shadow:0 10px 22px rgba(50,38,84,.06)
  }
  .mini-art{width:42px;height:48px;border-radius:11px;flex:0 0 auto}
  .recent-item strong{font-size:13px}
  .recent-item small{font-size:11px}
  .recent-item>span{font-size:12px}
  .sealed-screen,.category-list{padding-bottom:96px}
}

@media(max-width:380px){
  .stats{grid-template-columns:1fr}
  .stats article:nth-child(1),.stats article:nth-child(2){grid-column:auto}
  .collection-card{height:142px}
}