/* Final mobile-home cleanup: text-only game actions and a clear notification bell. */
@media(max-width:900px){
  /* Keep the mobile header open: no outer frame around the whole header group. */
  html body .home-header .compact-member-nav{
    border:0!important;
    box-shadow:none!important;
  }

  /* Game action cards are text only. Kill every generated before/after symbol,
     regardless of the exact signed-in/body class combination. */
  html body #homeBoardActions :is(.btn,a,button)::before,
  html body #homeBoardActions :is(.btn,a,button)::after,
  html body .home-board-actions :is(.btn,a,button)::before,
  html body .home-board-actions :is(.btn,a,button)::after,
  html body #homeInviteToggle::before,
  html body #homeInviteToggle::after,
  html body .home-invite-wrap :is(.btn,a,button)::before,
  html body .home-invite-wrap :is(.btn,a,button)::after{
    content:none!important;
    display:none!important;
    width:0!important;
    min-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:none!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  html body #homeBoardActions :is(.btn,a,button),
  html body .home-board-actions :is(.btn,a,button),
  html body #homeInviteToggle,
  html body .home-invite-wrap :is(.btn,a,button){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    background-image:none!important;
  }

  /* Remove any real icon node if one is injected by JavaScript. */
  html body #homeBoardActions :is(.btn,a,button)>:is(svg,img,.play-icon,.action-icon,.game-icon,.piece,.button-icon,.icon),
  html body .home-board-actions :is(.btn,a,button)>:is(svg,img,.play-icon,.action-icon,.game-icon,.piece,.button-icon,.icon),
  html body #homeInviteToggle>:is(svg,img,.play-icon,.action-icon,.game-icon,.piece,.button-icon,.icon){
    display:none!important;
  }

  /* Notification: use one clean gold bell, not the old overlapping/broken glyph. */
  html body .compact-member-nav .site-notification-bell .header-tile-icon{
    display:none!important;
  }

  html body .compact-member-nav .site-notification-bell::before{
    content:""!important;
    display:block!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    flex:0 0 20px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#343230!important;
    box-shadow:none!important;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2.2 2.2 0 0 0-2.1 1.55A7 7 0 0 0 5 10.2v3.15c0 1.25-.42 2.47-1.2 3.45L2.9 18a1 1 0 0 0 .78 1.62h16.64A1 1 0 0 0 21.1 18l-.9-1.2a5.55 5.55 0 0 1-1.2-3.45V10.2a7 7 0 0 0-4.9-6.65A2.2 2.2 0 0 0 12 2Zm-2.35 19a2.65 2.65 0 0 0 4.7 0h-4.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a2.2 2.2 0 0 0-2.1 1.55A7 7 0 0 0 5 10.2v3.15c0 1.25-.42 2.47-1.2 3.45L2.9 18a1 1 0 0 0 .78 1.62h16.64A1 1 0 0 0 21.1 18l-.9-1.2a5.55 5.55 0 0 1-1.2-3.45V10.2a7 7 0 0 0-4.9-6.65A2.2 2.2 0 0 0 12 2Zm-2.35 19a2.65 2.65 0 0 0 4.7 0h-4.7Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  }

  html body .compact-member-nav .site-notification-bell{
    gap:7px!important;
  }


  /* Guest mobile header: keep only the two auth actions and give them equal width. */
  body.v2-route-home:not(.home-signed-in) .compact-member-nav .header-member,
  body.v2-route-home:not(.home-signed-in) .compact-member-nav .mobile-dashboard-link,
  body.v2-route-home:not(.home-signed-in) .compact-member-nav .header-notification-host,
  body.v2-route-home:not(.home-signed-in) .compact-member-nav .nav-logout{
    display:none!important;
  }

  body.v2-route-home:not(.home-signed-in) .compact-member-nav .nav-user{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
  }

  body.v2-route-home:not(.home-signed-in) .compact-member-nav .dashboard-link,
  body.v2-route-home:not(.home-signed-in) .compact-member-nav .nav-account{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:12px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
}