/* ============================================================
   MOBILE LAYOUT
============================================================ */


@media(max-width:700px){.top{padding:0 12px}.topnav{overflow:auto}.page{padding:12px}.grid2{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.album-card{border-radius:13px}.album-caption{padding:16px 10px 9px}.album-caption b{font-size:13px}.user-shell{display:block;height:100vh}.sidebar{display:block;position:fixed;left:0;top:0;bottom:0;z-index:120;width:min(82vw,300px);transform:translateX(-105%);transition:transform .22s ease;box-shadow:12px 0 32px rgba(0,0,0,.14)}.mobile-menu-open .sidebar{transform:translateX(0)}.mobile-close{display:inline-flex;position:absolute;right:12px;top:12px;z-index:2}.menu-overlay{display:block;position:fixed;inset:0;z-index:110;border:0;background:rgba(10,12,15,.42);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.mobile-menu-open .menu-overlay{opacity:1;visibility:visible}.user-head{height:66px;padding:11px 12px}.mobilebar{display:inline-flex}.album-home{height:calc(100vh - 66px);padding:12px}.wall-stage{height:calc(100vh - 66px)}.viewport{padding:25px 12px 40px}.wall{grid-template-rows:repeat(var(--wall-mobile-rows,2),calc((100vh - 125px)/var(--wall-mobile-rows,2)));grid-auto-columns:calc((100vh - 125px)/var(--wall-mobile-rows,2));gap:var(--wall-mobile-gap,9px);padding-right:90px}.viewer{position:fixed;inset:0;width:100%;padding:0}.viewer .viewer-card{width:94vw;height:88vh;padding:10px}.viewer-media{min-height:0;height:auto;flex:1}.table{display:block;overflow:auto}}

@media(max-width:700px){.viewer .viewer-card{width:96vw;height:92vh;padding:10px}.viewer-head{margin-bottom:7px}.viewer-toolbar{justify-content:center;gap:6px}.viewer-toolbar>.btn{flex:1 1 auto}.viewer-actions{width:100%;justify-content:center}.viewer-hint{display:none}.viewer-media{height:min(70vh,calc(100vh - 210px))}}