/* StormFlix mobile shell v2 — phone-safe navigation, overlays and touch layout. */
@media(max-width:800px){
  :root{--sf-bottom-nav:calc(66px + env(safe-area-inset-bottom))}html{width:100%;min-height:100%;overflow-x:hidden}body{width:100%;min-height:100dvh;overflow-x:hidden;padding-bottom:var(--sf-bottom-nav)!important}#shell{width:100%;min-height:100dvh}#main{width:100%;min-width:0}.topbar{height:58px!important;padding:0 12px!important;gap:8px!important;background:rgba(5,6,9,.96)!important;backdrop-filter:blur(16px)}.topbar .brand{font-size:19px!important;flex:0 0 auto}.header-actions{min-width:0;gap:1px!important}.header-actions .admin-link,.header-actions .logout-btn,#user-label{display:none!important}.header-actions .icon-btn{width:36px;height:36px;font-size:22px}.profile-space-link{width:34px;height:34px;padding:3px!important;display:grid!important;place-items:center}.profile-space-link>span:last-child{display:none!important}.profile-space-icon{width:27px!important;height:27px!important}.profile-btn{padding:2px!important}.profile-btn .header-profile-avatar,.profile-btn>span:first-child{width:28px!important;height:28px!important;border-radius:7px!important}.main-nav{display:grid!important;position:fixed!important;z-index:500!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:var(--sf-bottom-nav)!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:5px max(6px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;background:rgba(7,9,13,.98)!important;border-top:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(18px)}.main-nav button{min-width:0!important;padding:7px 2px!important;font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:8px!important}.main-nav button.active{background:rgba(255,255,255,.09)!important}.hero{min-height:500px!important;height:68dvh!important}.hero-content{width:calc(100vw - 28px)!important;margin-left:14px!important;margin-right:14px!important;margin-bottom:64px!important}.hero-content h1{font-size:38px!important;letter-spacing:-1.4px!important}.hero-logo{max-width:78%!important}.hero-overview{max-width:100%!important;font-size:13px!important}.catalog-view{margin-top:-28px!important}.content-row{padding-left:14px!important}.row-track{padding-right:14px!important}.row-head{padding-right:14px!important}.row-track .media-tile{flex-basis:124px!important;width:124px!important}.search-view{padding:76px 12px calc(32px + var(--sf-bottom-nav))!important}.search-head{gap:6px!important}.search-head input{font-size:16px!important;min-width:0}.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 7px!important}.profile-picker{padding:16px!important;align-items:flex-start!important;padding-top:max(34px,env(safe-area-inset-top))!important}.profile-picker-inner{padding-bottom:24px}.profile-picker .brand{margin-bottom:26px!important}.profile-picker h1{font-size:30px!important;margin-bottom:24px!important}.profile-grid{gap:14px!important}.profile-choice-wrap,.profile-choice{width:104px!important}.profile-avatar{width:100px!important;height:100px!important}.profile-editor-overlay,.profile-pin-overlay{padding:0!important;align-items:end!important}.profile-editor-card{width:100%!important;max-height:94dvh!important;border-radius:20px 20px 0 0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}.profile-pin-card{width:calc(100% - 24px)!important;margin-bottom:max(12px,env(safe-area-inset-bottom))}.profile-hub{padding:0!important}.profile-hub-shell{min-height:100dvh!important}.detail-page{padding-bottom:var(--sf-bottom-nav)}.detail-card{width:100%!important;min-height:100dvh!important}.player-modal{height:100dvh}.player-modal.sf-player-ready{height:100dvh}.music-player{z-index:650!important}
}
@media(max-width:380px){.topbar .brand{font-size:17px!important}.header-actions .icon-btn{width:32px}.profile-space-link{width:31px}.profile-btn .header-profile-avatar,.profile-btn>span:first-child{width:26px!important;height:26px!important}.main-nav button{font-size:9px!important}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.row-track .media-tile{flex-basis:116px!important;width:116px!important}}