/* =========================================================
   RHYTHM SLIDE · MOBILE POLISH PASS
   ========================================================= */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:hidden}
 body{padding-bottom:env(safe-area-inset-bottom)}
 button,.btn,a[role="button"],input,select,textarea{min-height:44px}
 input,select,textarea{font-size:16px!important}
 .app,.wrap,.shell,main{max-width:100%!important}
 .panel,.card{border-radius:16px!important}
 .top,.nx-navbar{padding-left:max(10px,env(safe-area-inset-left))!important;padding-right:max(10px,env(safe-area-inset-right))!important}
 .nav,.nx-nav-center{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .nav::-webkit-scrollbar,.nx-nav-center::-webkit-scrollbar{display:none}
 .modal,.rs-shop-modal,.campaign-help-modal,.cv-modal{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))!important}
}
@media(max-width:620px){
 body[data-rs-page="shop"] .app{padding:10px!important}
 body[data-rs-page="shop"] .top{gap:8px!important;flex-wrap:wrap!important}
 body[data-rs-page="shop"] .top .nav{order:3;width:100%!important;display:flex!important;gap:6px!important}
 body[data-rs-page="shop"] .hero{padding:20px 4px 12px!important}
 body[data-rs-page="shop"] .hero h1{font-size:clamp(36px,13vw,58px)!important}
 body[data-rs-page="shop"] .panel{padding:12px!important}
 body[data-rs-page="shop"] .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body[data-rs-page="shop"] .item{padding:9px!important;min-width:0!important}
 body[data-rs-page="shop"] .item h3{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body[data-rs-page="shop"] .item .preview{height:116px!important}
 body[data-rs-page="shop"] .price{font-size:11px!important}
 body[data-rs-page="shop"] .rs-shop-tools{display:grid!important;grid-template-columns:1fr 1fr!important;position:sticky;top:4px;z-index:20;background:rgba(8,11,18,.94);backdrop-filter:blur(14px);padding:8px;border-radius:14px;margin:0 0 10px!important}
 body[data-rs-page="shop"] .rs-shop-tools .rs-shop-search{grid-column:1/-1}
 body[data-rs-page="shop"] .raritybar,body[data-rs-page="shop"] .cats{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none}
 body[data-rs-page="shop"] .raritybar::-webkit-scrollbar,body[data-rs-page="shop"] .cats::-webkit-scrollbar{display:none}
 body[data-rs-page="shop"] .raritybar button,body[data-rs-page="shop"] .cats button{flex:0 0 auto;scroll-snap-align:start}
 body[data-rs-page="shop"] .rs-shop-modal{align-items:end!important}
 body[data-rs-page="shop"] .rs-shop-card{width:100%!important;max-height:90dvh!important;overflow:auto!important;border-radius:24px 24px 0 0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
 body[data-rs-page="shop"] .rs-shop-preview-big{height:190px!important}

 body[data-rs-page="campaign"] .shell{padding:10px!important}
 body[data-rs-page="campaign"] .maps{grid-template-columns:1fr!important;gap:10px!important}
 body[data-rs-page="campaign"] .mapcard{min-height:150px!important;padding:15px!important}
 body[data-rs-page="campaign"] .graphwrap{min-height:68dvh!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
 body[data-rs-page="campaign"] .graph{min-width:720px!important;min-height:640px!important}

 body[data-rs-page="social"] .app{padding:10px!important}
 body[data-rs-page="social"] .layout{display:block!important}
 body[data-rs-page="social"] .sidebar{position:static!important;display:flex!important;overflow-x:auto!important;gap:6px!important;margin-bottom:10px!important;padding:8px!important;scrollbar-width:none}
 body[data-rs-page="social"] .sidebar button,body[data-rs-page="social"] .sidebar .tab{flex:0 0 auto!important;min-height:44px!important}
 body[data-rs-page="social"] .panel{padding:13px!important;min-width:0!important}
 body[data-rs-page="social"] .grid,body[data-rs-page="social"] .grid3{grid-template-columns:1fr!important}
 body[data-rs-page="social"] .friend-chat-log{height:52dvh!important}

 body[data-rs-page="user"] .wrap,body[data-rs-page="user"] .app{padding:10px!important}
 body[data-rs-page="user"] .banner{height:150px!important}
 body[data-rs-page="user"] .profile-body{padding:14px!important}
 body[data-rs-page="user"] .stats,body[data-rs-page="user"] .grid,body[data-rs-page="user"] .users{grid-template-columns:1fr!important}

 body[data-rs-page="daily"] .app,body[data-rs-page="help"] .app{padding:10px!important}
 body[data-rs-page="admin"] .wrap{padding:10px!important}
 body[data-rs-page="admin"] .tabs{display:flex;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
 body[data-rs-page="admin"] .campaign-map-head{grid-template-columns:1fr!important}
 body[data-rs-page="admin"] .cv-shell{height:calc(100dvh - 10px)!important;border-radius:16px!important}
 body[data-rs-page="admin"] .cv-top{overflow-x:auto!important;flex-wrap:nowrap!important}
 body[data-rs-page="admin"] .cv-body{grid-template-columns:1fr!important}
 body[data-rs-page="admin"] .cv-side{position:absolute!important;right:8px!important;top:70px!important;bottom:8px!important;width:min(340px,92vw)!important;z-index:80!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important}

 body[data-rs-page="editor"] .app{grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr) minmax(230px,38dvh)!important}
 body[data-rs-page="editor"] .library,body[data-rs-page="editor"] .inspector{position:fixed!important;top:56px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:min(330px,88vw)!important;z-index:150!important;box-shadow:0 20px 70px rgba(0,0,0,.65)!important;background:#0c1018!important}
 body[data-rs-page="editor"] .library{left:58px!important}
 body[data-rs-page="editor"] .inspector{right:8px!important}
 body[data-rs-page="editor"] .center{grid-column:2!important;min-width:0!important}
 body[data-rs-page="editor"] .timeline{grid-column:1/-1!important;min-width:0!important}
 body[data-rs-page="editor"] .transport{overflow-x:auto!important;gap:6px!important;padding:5px 8px!important}
 body[data-rs-page="editor"] .transport button,body[data-rs-page="editor"] .transport input{flex:0 0 auto!important}
 body[data-rs-page="editor"] .timeline-toolbar{overflow-x:auto!important;flex-wrap:nowrap!important}
}