/* All existing-page layout changes are confined to signed-in phones. */
.mb-only,.mb-bottom{display:none}
.mb-you{max-width:760px;margin:32px auto;padding:0 22px 40px;font-family:Inter,system-ui,sans-serif}
.mb-you-profile{display:flex;gap:16px;align-items:center;text-decoration:none;color:#f5f3f8;padding:18px 0 26px}
.mb-you-profile h1{font:700 26px/1.2 Georgia,serif;margin:0 0 8px;overflow-wrap:anywhere}
.mb-you-profile small{color:#ff77b6;font-size:13px}
.mb-avatar{flex:none;width:62px;height:62px;border:2px solid #ff2d95;border-radius:50%;display:grid;place-items:center;background:#251324;color:#ff8ac1;font-weight:700;overflow:hidden}
.mb-avatar img{width:100%;height:100%;object-fit:cover}
.mb-you-group{padding:18px;margin-bottom:18px;border:1px solid #2b2633;background:#11121a;border-radius:18px}
.mb-you-group h2{font:600 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ae9caf;margin:0 0 12px}
.mb-you-link{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:13px 0;border:0;border-bottom:1px solid #ffffff0c;text-decoration:none;text-align:left;color:#f2eef5;background:transparent;font:500 14px/1.4 Inter,system-ui,sans-serif;cursor:pointer}
.mb-you-link:last-child{border-bottom:0}.mb-you-link b{font-weight:600}.mb-you-link small{display:block;color:#a5a0b0;font-size:12px;margin-top:3px}.mb-you-link>span:last-child:not(:first-child){color:#ff6cad;font-size:21px}
.mb-you-link:hover{color:#ff80bb}.mb-you-link.mb-soon{color:#898390;cursor:default}.mb-soon small{text-transform:uppercase;font-size:10px;letter-spacing:.08em}.mb-logout{color:#ff80ad}
.mb-install-help{color:#c7bfcd;font-size:13px;line-height:1.7;margin:8px 0}.mb-identity{display:block;font-size:12px;color:#afa4b6;margin:0 0 22px}.mb-identity select{display:block;width:100%;margin-top:8px;padding:12px;color:#fff;background:#15121b;border:1px solid #493244;border-radius:10px;font:inherit}
@media(max-width:767px){
  html body.mb-member{--mb-bar:68px;--mb-top:62px;padding-bottom:calc(var(--mb-bar) + env(safe-area-inset-bottom,0px) + 18px)!important;background:#09090e}
  html body.mb-member nav.bar{position:sticky!important;top:0!important;left:0!important;width:100%!important;height:calc(var(--mb-top) + env(safe-area-inset-top,0px))!important;min-height:0!important;padding:env(safe-area-inset-top,0px) 16px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#09090ef5!important;border-bottom:1px solid #ffffff0b!important;z-index:100!important;box-sizing:border-box}
  html body.mb-member nav.bar .navlogo{width:140px!important;max-height:39px!important;height:auto!important;object-fit:contain}
  html body.mb-member nav.bar .navauth{margin-left:auto!important;gap:7px!important}
  html body.mb-member nav.bar .ow-nav-ic{width:42px!important;height:44px!important;color:#e0d9e6!important}
  html body.mb-member nav.bar :is(.links,.ow-burger,.ow-pwrap,.navlogin){display:none!important}
  html body.mb-member .ow-bellpanel{position:fixed!important;right:12px!important;left:12px!important;top:calc(var(--mb-top) + env(safe-area-inset-top,0px) + 6px)!important;width:auto!important;max-height:calc(100dvh - 170px)!important}
  html body.mb-member .mb-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;z-index:90;min-height:var(--mb-bar);padding:7px max(8px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:#101017f5;backdrop-filter:blur(18px);border-top:1px solid #ffffff12;box-sizing:border-box;font-family:Inter,system-ui,sans-serif}
  .mb-bottom a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:52px;color:#a7a2b2;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:0}
  .mb-bottom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;padding:4px 13px;box-sizing:content-box;border-radius:14px}
  .mb-bottom a[aria-current]{color:#ff70b0}.mb-bottom a[aria-current] svg{background:#ff2d951a;stroke:#ff51a1}
  html body.mb-member.mb-keyboard .mb-bottom{display:none}
  html body.mb-member .mb-only{display:block}
  html body.mb-member .mb-desktop-label{display:none}
  html body.mb-member :is(.nz-side,.rail.left,.rail.right){display:none!important}
  html body.mb-member :is(.wrap,.community-wrap,.gwrap){width:100%!important;max-width:none!important;margin:0!important;padding:22px 16px 28px!important;box-sizing:border-box;min-width:0}
  html body.mb-member .dash{padding:0!important;margin:0!important;display:block!important}
  html body.mb-member :is(input,textarea,select){font-size:16px!important;max-width:100%;box-sizing:border-box}
  html body.mb-member :is(button,a,input,textarea,select):focus-visible{outline:2px solid #ff80bc;outline-offset:3px}
  html body.mb-member [id]{scroll-margin-top:90px}
  html body.mb-member #memberView main.feed{display:flex;flex-direction:column;min-width:0}
  html body.mb-member #memberView main.feed>#nameBar{order:-2}
  html body.mb-member #memberView main.feed>.composer{order:-1;padding:16px!important;margin-bottom:22px;border-color:#59304b!important}
  html body.mb-member #memberView main.feed>.nz-hero{min-height:150px!important;height:150px!important;padding:20px!important;margin-bottom:20px!important}
  html body.mb-member #memberView main.feed>.nz-hero h1{font-size:26px!important;max-width:70%}
  html body.mb-member #memberView main.feed>.nz-hero .hi{font-size:14px!important}
  html body.mb-member #memberView main.feed>.nz-hero .scr{display:none!important}
  html body.mb-member #memberView main.feed>.nz-tiles{display:none!important}
  html body.mb-member .card.composer #cPost{min-height:44px;padding:10px 20px!important}
  html body.mb-member .card.composer .cbtn{min-width:36px;min-height:44px}
  html body.mb-member .card.composer textarea{min-height:78px!important;padding:12px!important}
  html body.mb-member .card.post{padding:16px!important;margin-bottom:18px!important}
  html body.mb-member[data-mobile-page=members] .mhead,html body.mb-member[data-mobile-page=community] .community-hero{display:none!important}
  /* ---- the shared phone controls ----------------------------------
     One underline tab row and one chip row, used on Home, Community and
     Calendar. The segmented pill box these replaced read as a desktop
     control dropped onto a phone: heavy, boxed, and different on every
     screen. */
  html body.mb-member .mb-tabs{display:flex!important;gap:22px;align-items:stretch;
    margin:0 -16px 18px!important;padding:0 16px!important;border:0!important;
    border-bottom:1px solid #ffffff12!important;background:none!important;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body.mb-member .mb-tabs::-webkit-scrollbar{display:none}
  html body.mb-member .mb-tabs>*{flex:none;position:relative;border:0;background:none;
    padding:0 0 11px;margin:0;color:#8f8a9c;text-decoration:none;cursor:pointer;
    font:600 15px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;min-height:40px;
    display:flex;align-items:flex-start}
  html body.mb-member .mb-tabs>[aria-current]{color:#fff}
  html body.mb-member .mb-tabs>[aria-current]::after{content:'';position:absolute;
    left:0;right:0;bottom:-1px;height:2px;background:#ff2d95;border-radius:2px}

  html body.mb-member .mb-chips{display:flex!important;gap:8px;flex-wrap:wrap;margin:0 0 18px!important}
  html body.mb-member .mb-chips button{min-height:38px;padding:9px 18px;border-radius:999px;
    border:1px solid #ffffff1a;background:transparent;color:#aca6b6;cursor:pointer;
    font:600 13.5px Inter,system-ui,sans-serif}
  html body.mb-member .mb-chips button[aria-pressed=true]{color:#fff;background:#6b2748;border-color:#a33b6d}
  html body.mb-member .mb-hide{display:none!important}

  /* ---- the one-line composer ---------------------------------------
     The full card is still there; it is collapsed until you tap. */
  html body.mb-member .mb-compose{display:flex!important;align-items:center;gap:12px;width:100%;
    min-height:56px;margin:0 0 18px;padding:11px 16px;border:1px solid #2b2633;border-radius:999px;
    background:#121119;color:#8f8a9c;cursor:pointer;text-align:left;
    font:500 14.5px Inter,system-ui,sans-serif}
  .mb-compose-av{flex:none;width:34px;height:34px;border-radius:50%;background:#2a1a2a center/cover;
    display:grid;place-items:center;color:#ff8ac1;font:700 11.5px Inter,system-ui,sans-serif}
  .mb-compose-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mb-compose-p{flex:none;color:#ff6cad;font-size:21px;line-height:1}
  html body.mb-member .composer.mb-shut{display:none!important}

  /* The desktop greeting banner. On a phone it is a third of the screen
     spent telling you your own name, directly above the feed you came
     for. */
  html body.mb-member .nz-hero{display:none!important}

  /* .nbanner is the photo banner that sits above the feed under the
     after-dark theme. bz-neon.js is supposed to hide it on this page,
     but it identifies the page with
     location.pathname.split("/").pop() -- and the site serves clean
     URLs, so on /feed that returns "feed" and the "feed.html" lookup
     misses. The banner is therefore never hidden, and on a phone it
     renders as an empty dark band above everything: the gap at the top
     of the Home feed.

     Hidden here because a phone should not carry a 230px photo banner
     above the feed either way. The lookup bug itself is a separate
     thing and also breaks the header's current-page underline. */
  html body.mb-member .nbanner{display:none!important}

  html body.mb-member .mb-filter-button{display:block;width:100%;min-height:44px;margin:0 0 16px;padding:12px;border:1px solid #493343;border-radius:12px;color:#f4d9e7;background:#17121c;text-align:left;font:600 13px Inter,system-ui,sans-serif;cursor:pointer}
  html body.mb-member .mb-filters{display:none!important}
  html body.mb-member .mb-filters.mb-filters-open{display:block!important;margin:0 0 18px!important;width:100%!important;box-sizing:border-box}
  html body.mb-member[data-mobile-page=members] .layout,html body.mb-member .community-layout{display:block!important}
  html body.mb-member #results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  html body.mb-member .community-grid{grid-template-columns:1fr!important}
  html body.mb-member #exploreView .community-head .community-tabs{display:none!important}
  html body.mb-member[data-mobile-page=events] .muhero{height:auto!important;min-height:0!important;margin:0 0 18px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  html body.mb-member[data-mobile-page=events] .muhero :is(.mubg,.mutxt,.sub,.nz-scr){display:none!important}
  html body.mb-member[data-mobile-page=events] .muhero::before{display:none!important}
  html body.mb-member[data-mobile-page=events] .muhero .muin{padding:0!important;min-height:0!important}
  html body.mb-member[data-mobile-page=events] .eacts{display:flex!important;gap:10px;flex-wrap:wrap;margin:0!important}
  html body.mb-member[data-mobile-page=events] .eacts .btn{min-height:46px;flex:1;justify-content:center}
  html body.mb-member[data-mobile-page=events] .muwrap .tabs{display:flex!important;gap:22px;
    padding:0 16px!important;margin:0 -16px 18px!important;border:0!important;
    border-bottom:1px solid #ffffff12!important;background:none!important;border-radius:0!important}
  html body.mb-member[data-mobile-page=events] .muwrap .tabs button{flex:none;position:relative;
    min-height:40px;border:0!important;border-radius:0!important;background:none!important;
    padding:0 0 11px!important;color:#8f8a9c!important;box-shadow:none!important;
    font:600 15px/1.2 Inter,system-ui,sans-serif!important}
  html body.mb-member[data-mobile-page=events] .muwrap .tabs button.on{color:#fff!important}
  html body.mb-member[data-mobile-page=events] .muwrap .tabs button.on::after{content:'';
    position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ff2d95;border-radius:2px}
  html body.mb-member[data-mobile-page=events] .muwrap .tabs button.on{color:#fff;background:#793655}
  html body.mb-member .rdvgrid{display:flex!important;flex-direction:column;gap:24px!important}
  html body.mb-member .rdvside{order:1!important}.mb-member .rdvside .rpromo{display:none!important}
  html body.mb-member .ghero{padding:0!important;margin:4px 0 20px!important;min-height:0!important;
    border:0!important;background:none!important;border-radius:0!important}
  html body.mb-member .ghero h1{font-size:30px!important;line-height:1.15!important;margin:0 0 8px!important}
  html body.mb-member .ghero p{font-size:13.5px!important;line-height:1.55!important}
  /* Play uses the same underline row as every other screen rather than
     its own pill chips. One control, five tabs, one app. */
  html body.mb-member .gtabs{display:flex!important;gap:22px;flex-wrap:nowrap;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:0 -16px 18px!important;padding:0 16px!important;
    border:0!important;border-bottom:1px solid #ffffff12!important;background:none!important}
  html body.mb-member .gtabs::-webkit-scrollbar{display:none}
  html body.mb-member .gtabs a{flex:none;position:relative;white-space:nowrap;min-height:40px;
    display:flex;align-items:flex-start;padding:0 0 11px!important;margin:0!important;
    border:0!important;border-radius:0!important;background:none!important;
    color:#8f8a9c!important;font:600 15px/1.2 Inter,system-ui,sans-serif!important}
  html body.mb-member .gtabs a.on{color:#fff!important}
  html body.mb-member .gtabs a.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;
    height:2px;background:#ff2d95;border-radius:2px}
  html body.mb-member .gcards{grid-template-columns:1fr!important;gap:18px!important}
  html body.mb-member .mb-you{margin:0;padding:14px 16px 28px}
  html body.mb-member #msgModal{padding:0!important}
  html body.mb-member #msgModal .sbox{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
  html body.mb-member #msgModal .sx{min-width:44px;min-height:44px;top:calc(6px + env(safe-area-inset-top,0px))}
  html body.mb-member .nz-foot{padding:28px 16px!important}
}