@media (max-width:760px){
  :root{
    --ab-orange:#f28a2e;
    --ab-orange-2:#ff9f43;
    --ab-bg:#061012;
    --ab-panel:#0d171a;
    --ab-panel-2:#111e22;
    --ab-line:#33464c;
    --ab-text:#f5f7f8;
    --ab-muted:#aebbc0;
    --ab-green:#38c878;
    --ab-radius:18px;
  }

  body.app-mode{
    background:var(--ab-bg)!important;
    color:var(--ab-text)!important;
  }

  body.app-mode .ab-premium-home,
  body.app-mode .ab-mobile-hub,
  body.app-mode main#top>section.ab-mobile-screen-active{
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  }

  /* Remove emoji presentation from selected premium Home. */
  .ab-ph-stats span,
  .ab-ph-categories span,
  .ab-ph-go-round{
    font-size:0!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:72%!important;
  }
  .ab-ph-go-round{background-image:url("icons/w26/satnav.svg")!important}
  .ab-ph-stats button:nth-child(1) span{background-image:url("icons/w26/adventure.svg")!important}
  .ab-ph-stats button:nth-child(2) span{background-image:url("icons/w26/passport.svg")!important}
  .ab-ph-stats button:nth-child(3) span{background-image:url("icons/w26/adventure.svg")!important}
  .ab-ph-stats button:nth-child(4) span{background-image:url("icons/w26/vanlife.svg")!important}
  .ab-ph-categories .adventure span{background-image:url("icons/w26/adventure.svg")!important}
  .ab-ph-categories .vanlife span{background-image:url("icons/w26/vanlife.svg")!important}
  .ab-ph-categories .create span{background-image:url("icons/w26/create.svg")!important}
  .ab-ph-categories .community span{background-image:url("icons/w26/community.svg")!important}
  .ab-ph-categories .tools span{background-image:url("icons/w26/tools.svg")!important}

  .ab-ph-stats span,
  .ab-ph-categories span{
    display:block!important;
    width:28px!important;height:28px!important;
  }
  .ab-ph-go-round{
    display:grid!important;
    place-items:center!important;
  }
  .ab-ph-bell{
    font-size:0!important;
    background:rgba(5,10,12,.84) url("icons/w26/bell.svg") center/72% no-repeat!important;
  }

  /* Dedicated module hubs */
  .ab-mobile-hub{
    background:
      radial-gradient(circle at 90% 0,rgba(242,138,46,.14),transparent 34%),
      linear-gradient(180deg,#0b1518,#050b0d)!important;
    color:var(--ab-text)!important;
  }
  .ab-mobile-hub>header{
    min-height:54px!important;
    padding:0 2px!important;
  }
  .ab-mobile-hub>header small{
    color:var(--ab-orange)!important;
    letter-spacing:.08em;
    text-transform:uppercase;
    font-weight:850!important;
  }
  .ab-mobile-hub>header h2{
    color:#fff!important;
    font-style:italic;
    letter-spacing:-.02em;
  }
  .ab-module-back{
    background:#0d171a!important;
    border:1px solid var(--ab-line)!important;
    padding:6px!important;
  }
  .ab-module-back img{width:100%;height:100%;display:block}

  .ab-mobile-hub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .ab-mobile-hub-grid>a,.ab-mobile-hub-grid>button{
    min-height:104px!important;
    justify-content:flex-start!important;
    background:linear-gradient(160deg,#132125,#091113)!important;
    border:1px solid #34474d!important;
    border-radius:18px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
    padding:12px!important;
  }
  .ab-mobile-hub-grid img{
    width:34px!important;height:34px!important;
    object-fit:contain!important;
    margin-bottom:2px;
  }
  .ab-mobile-hub-grid strong{font-size:.88rem!important}
  .ab-mobile-hub-grid small{font-size:.67rem!important;color:var(--ab-muted)!important}

  /* Stage 3 unified bottom navigation: Home / Explore / Plan / My Adventures / More */
  .mobile-nav.build137-mobile-nav{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    height:calc(var(--ab-nav-h,68px) + env(safe-area-inset-bottom,0px))!important;
    background:rgba(4,9,11,.98)!important;
    border-top:1px solid #31434a!important;
    padding:4px 4px max(4px,env(safe-area-inset-bottom,0px))!important;
  }
  .mobile-nav.build137-mobile-nav>*{
    min-width:0!important;
    min-height:54px!important;
  }
  .mobile-nav .ab-w26-navbtn{
    border:0!important;
    background:transparent!important;
    color:var(--ab-muted)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    font-size:.58rem!important;
    padding:2px!important;
  }
  .mobile-nav .ab-w26-navbtn img{width:25px!important;height:25px!important}
  .mobile-nav .ab-w26-navbtn.is-primary img{
    width:39px!important;height:39px!important;
    filter:drop-shadow(0 0 9px rgba(242,138,46,.35));
  }
  .mobile-nav .ab-w26-navbtn.is-primary small{color:var(--ab-orange)!important}
  .mobile-nav .ab-w26-navbtn.is-active small{color:#fff!important}

  /* Consistent module menu */
  .ab-w26-menu{
    position:fixed;inset:0;z-index:2147483200;
    display:none;
  }
  .ab-w26-menu.is-open{display:block}
  .ab-w26-menu-backdrop{
    position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px);
    border:0;width:100%;height:100%;
  }
  .ab-w26-menu-panel{
    position:absolute;left:8px;right:8px;bottom:calc(var(--ab-nav-h,68px) + env(safe-area-inset-bottom,0px) + 7px);
    max-height:min(76dvh,720px);overflow:auto;
    background:linear-gradient(180deg,#111d20,#081012);
    border:1px solid #3a4b50;border-radius:22px;padding:12px;
    box-shadow:0 -18px 50px rgba(0,0,0,.48);
  }
  .ab-w26-menu-panel header{
    display:flex;align-items:center;justify-content:space-between;margin-bottom:10px
  }
  .ab-w26-menu-panel header div{display:grid}
  .ab-w26-menu-panel header small{color:var(--ab-orange);font-weight:850}
  .ab-w26-menu-panel header strong{font-size:1.2rem}
  .ab-w26-menu-panel header button{
    width:38px;height:38px;border-radius:50%;border:1px solid var(--ab-line);background:#172226;color:#fff
  }
  .ab-w26-menu-groups{display:grid;gap:10px}
  .ab-w26-menu-group{border:1px solid #304147;border-radius:16px;padding:8px;background:#0d171a}
  .ab-w26-menu-group>strong{
    display:block;color:var(--ab-orange);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px
  }
  .ab-w26-menu-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .ab-w26-menu-group button,.ab-w26-menu-group a{
    min-height:46px;border:1px solid #35474d;border-radius:11px;background:#121f23;color:#fff;
    display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;padding:7px;text-decoration:none;text-align:left;font:inherit
  }
  .ab-w26-menu-group img{width:26px;height:26px}
  .ab-w26-menu-group span{font-size:.68rem;font-weight:750}

  /* Focus mode for Studio and focused tools: bottom nav hidden. */
  body.ab-studio-focus .mobile-nav.build137-mobile-nav{display:none!important}
  body.ab-studio-focus main#top{
    bottom:env(safe-area-inset-bottom,0px)!important;
  }

  /* Consistent mobile page surface for old feature screens */
  body.ab-mobile-shell-active main#top>section.ab-mobile-screen-active:not(#home-dashboard):not(.ab-mobile-hub):not(#photo-studio):not(#adventure-video-studio){
    background:
      radial-gradient(circle at 90% 0,rgba(242,138,46,.08),transparent 32%),
      linear-gradient(180deg,#0a1417,#061012)!important;
    color:#f6f7f8!important;
  }
  body.ab-mobile-shell-active main#top>section.ab-mobile-screen-active:not(#home-dashboard):not(.ab-mobile-hub) .card,
  body.ab-mobile-shell-active main#top>section.ab-mobile-screen-active:not(#home-dashboard):not(.ab-mobile-hub) [class*="-card"],
  body.ab-mobile-shell-active main#top>section.ab-mobile-screen-active:not(#home-dashboard):not(.ab-mobile-hub) [class*="-panel"]{
    border-radius:16px!important;
  }

  /* Transition between mini-app screens */
  main#top>section.ab-mobile-screen-active{
    animation:abW26In .22s ease-out both;
  }
  @keyframes abW26In{
    from{opacity:.55;transform:translateX(12px)}
    to{opacity:1;transform:translateX(0)}
  }

  @media (prefers-reduced-motion:reduce){
    main#top>section.ab-mobile-screen-active{animation:none!important}
  }
}

/* Stage 3: keep the five unified primary labels readable on small phones. */
@media(max-width:760px){
  .mobile-nav .ab-w26-navbtn small{font-size:clamp(.54rem,2.25vw,.69rem)!important;line-height:1.05!important;text-align:center!important}
  .mobile-nav .ab-w26-navbtn[data-ab-primary="my-adventures"] small{max-width:68px}
}