/* BLINKBUN v3.0.5 — Mobile Header & Responsive Polish
   Additive, mobile-first overrides only. Desktop layout remains unchanged. */

@media (max-width:760px){
  /* Two-row mobile header: brand + account controls / horizontally scrollable primary nav */
  .v230-header.v260-header{
    display:grid!important;
    grid-template-columns:minmax(118px,.72fr) minmax(0,1.55fr)!important;
    grid-template-areas:
      "brand actions"
      "nav nav"!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:9px!important;
    min-height:0!important;
    padding:11px 10px 7px!important;
    overflow:visible!important;
    border-bottom:1px solid rgba(107,177,228,.16)!important;
  }

  .v260-header>.v230-brand{
    grid-area:brand!important;
    min-width:0!important;
    width:max-content!important;
    max-width:100%!important;
    gap:7px!important;
    margin:0!important;
  }
  .v260-header>.v230-brand img{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  .v260-header>.v230-brand span{min-width:0!important}
  .v260-header>.v230-brand b{
    display:block!important;
    font-size:12px!important;
    line-height:1.05!important;
    letter-spacing:.055em!important;
    white-space:nowrap!important;
  }
  .v260-header>.v230-brand small{
    display:block!important;
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1!important;
    letter-spacing:.095em!important;
    white-space:nowrap!important;
  }

  .v260-header>.v260-actions{
    grid-area:actions!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    min-width:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .v260-actions .v260-language-select,
  .v260-actions select{
    width:84px!important;
    min-width:84px!important;
    max-width:84px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 25px 0 8px!important;
    border-radius:9px!important;
    font-size:10px!important;
    line-height:34px!important;
  }
  .v260-actions .v291-auth-link{
    min-height:34px!important;
    height:34px!important;
    padding:0 9px!important;
    border-radius:9px!important;
    font-size:9.5px!important;
    line-height:1!important;
  }
  .v260-actions .v260-game{
    display:inline-flex!important;
    align-items:center!important;
    min-height:34px!important;
    margin:0!important;
    padding:0 2px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
  }

  /* Logged-in control stays compact while its dropdown remains above content. */
  .v260-actions .v291-account{min-width:0!important;z-index:6002!important}
  .v260-actions .v291-account>summary{
    min-height:34px!important;
    height:34px!important;
    padding:4px 7px!important;
    gap:5px!important;
    border-radius:9px!important;
  }
  .v260-actions .v291-account-text{max-width:72px!important}
  .v260-actions .v291-account-text b{font-size:9.5px!important}
  .v291-account-menu{z-index:6003!important}

  /* Nav gets its own clean row. No wrapping; swipe horizontally on narrow phones. */
  .v260-header>.v260-nav{
    grid-area:nav!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:8px 2px 7px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    border-top:1px solid rgba(105,171,219,.10)!important;
  }
  .v260-header>.v260-nav::-webkit-scrollbar{display:none!important}
  .v260-header>.v260-nav a{
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin:0!important;
    padding:4px 0!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .v260-header>.v260-nav a:after{
    bottom:-7px!important;
    height:2px!important;
  }

  /* The account helper bar below the header should read as one compact component. */
  .v291-session-strip{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px 8px!important;
    align-items:center!important;
    margin:8px 0 14px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    font-size:9.5px!important;
    line-height:1.45!important;
  }
  .v291-session-strip>.v291-session-dot{display:none!important}
  .v291-session-strip>strong{
    grid-column:1 / -1!important;
    min-width:0!important;
    font-size:10px!important;
    line-height:1.35!important;
  }
  .v291-session-strip>span:not(.v291-session-dot){
    grid-column:1!important;
    min-width:0!important;
  }
  .v291-session-strip>.v291-session-actions{
    grid-column:2!important;
    width:auto!important;
    margin:0!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    align-self:center!important;
  }
  .v291-session-strip>.v291-session-actions a{
    min-height:29px!important;
    display:inline-flex!important;
    align-items:center!important;
    padding:0 8px!important;
    font-size:9px!important;
    white-space:nowrap!important;
  }
}

/* Very narrow phones: use three deliberate rows instead of accidental wrapping. */
@media (max-width:390px){
  .v230-header.v260-header{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "brand"
      "actions"
      "nav"!important;
    row-gap:7px!important;
    padding:10px 9px 6px!important;
  }
  .v260-header>.v230-brand{width:auto!important}
  .v260-header>.v230-brand small{display:none!important}
  .v260-header>.v260-actions{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .v260-actions .v260-language-select,
  .v260-actions select{margin-right:auto!important}
  .v260-header>.v260-nav{gap:16px!important;padding-top:7px!important}
  .v291-session-strip{grid-template-columns:1fr!important}
  .v291-session-strip>strong,
  .v291-session-strip>span:not(.v291-session-dot),
  .v291-session-strip>.v291-session-actions{grid-column:1!important}
  .v291-session-strip>.v291-session-actions{justify-content:flex-start!important;margin-top:2px!important}
}