/* Marvion installed-app shell — activated only in standalone display mode */
.marvion-appbar,.marvion-appnav,.marvion-network{display:none}
@media (display-mode:standalone){
  body{padding-bottom:78px;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}
  header{top:0;padding-top:env(safe-area-inset-top);min-height:62px}
  header #menu{display:none!important}
  header nav{display:none!important}
  .marvion-appbar{display:flex;position:sticky;top:0;z-index:90;align-items:center;gap:10px;padding:8px 14px;background:rgba(8,17,38,.96);border-bottom:1px solid #294b78;backdrop-filter:blur(14px)}
  body>header + .marvion-appbar{margin-top:0}
  .marvion-appbar button,.marvion-appbar a{min-width:44px;height:44px;border:0;border-radius:12px;background:#14294b;color:#eef6ff;display:grid;place-items:center;text-decoration:none;font:inherit;font-weight:900;cursor:pointer}
  .marvion-appbar .app-title{flex:1;min-width:0;text-align:center;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .marvion-appbar .app-home{background:linear-gradient(135deg,#087cff,#8c3cff);color:#fff}
  .marvion-appnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:120;left:0;right:0;bottom:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:rgba(7,16,31,.97);border-top:1px solid #294b78;backdrop-filter:blur(16px)}
  .marvion-appnav a{min-width:0;min-height:54px;border-radius:12px;color:#aebbd4;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:800}
  .marvion-appnav a b{font-size:19px;line-height:1}.marvion-appnav a.active{color:#fff;background:#14294b}
  .marvion-network{display:block;position:fixed;z-index:150;left:50%;transform:translateX(-50%);bottom:82px;padding:8px 13px;border-radius:999px;background:#7c2d12;color:#fff;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.28)}
  .marvion-network[hidden]{display:none!important}
  .app-install-section{display:none}
}
@media (display-mode:standalone) and (min-width:900px){
  body{padding-bottom:0;padding-left:86px}
  .marvion-appnav{left:0;right:auto;top:0;bottom:0;width:78px;grid-template-columns:1fr;grid-template-rows:repeat(5,74px);align-content:center;border-top:0;border-right:1px solid #294b78;padding:12px 6px}
  .marvion-network{bottom:18px}
}