/* === APP NAVIGATION + MOBILE INDUSTRY LAYOUT FIX === */
.app-back{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--text);font-size:30px;line-height:1;font-weight:900;flex:0 0 auto}
.app-back.is-home{opacity:.42;pointer-events:none}
.bottom-nav{box-shadow:0 12px 40px rgba(0,0,0,.45)}
@media(min-width:769px){.app-back{display:none}}
@media(max-width:768px){
  body{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
  .topbar{display:flex!important}.brand .logo{width:42px;height:42px;border-radius:15px}
  .nav-actions .btn,.nav-actions .btn.gold{display:none!important}
  .bottom-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;left:12px!important;right:12px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;height:54px;border-radius:24px;padding:6px;z-index:170}
  .bottom-nav button{font-size:10.5px;padding:9px 4px}
  .player-shell{left:12px!important;right:12px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;transform:none!important;width:auto!important;max-width:none!important;z-index:155}
  .player-shell.expanded{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important}
  .mini-player{grid-template-columns:50px minmax(0,1fr) auto;border-radius:24px;padding:9px}.mini-actions{gap:7px}.mini-actions button{width:40px;height:40px}
  .full-player{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.app-back{width:38px;height:38px;font-size:28px}.bottom-nav{left:8px!important;right:8px!important}.player-shell{left:8px!important;right:8px!important}}