/* Mobile-only color palette aligned with the administration dashboard.
   Color overrides only: no sizing, spacing, positioning, or layout changes. */
@media(max-width:900px){
  :root{
    --hero-deep:#04353a;
    --hero-deeper:#02282d;
    --hero-panel:#073a40;
    --hero-panel-2:#0a454c;
    --hero-gold:#ddb96d;
    --hero-gold-2:#f0ce86;
    --hero-cream:#f3eee3;
    --hero-muted:#9fb6b2;
    --hero-line:rgba(221,185,109,.20);
    --hero-cyan-line:rgba(255,255,255,.07);
  }

  html{background:#02282d!important}
  body{
    background:linear-gradient(145deg,#02282d 0%,#04353a 45%,#064047 100%)!important;
    color:var(--hero-cream)!important;
  }

  .home-header{
    background:rgba(2,35,39,.96)!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
  }
  .home-header .brand,
  .nav-account,
  .nav-logout,
  .header-member-link{color:var(--hero-cream)!important}
  .brand-mark,
  .header-member-fallback,
  .header-member-copy b,
  .nav-account{color:var(--hero-gold-2)!important}
  .nav-account,
  .nav-logout,
  .header-member-link{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.07)!important;
  }
  .header-member-avatar{background:#073a40!important;border-color:rgba(221,185,109,.28)!important}
  .header-member-copy small{color:#9fb6b2!important}

  .welcome-ticker,
  #welcomeTicker,
  #tournamentResultsTicker{
    background:#073a40!important;
    border-color:rgba(255,255,255,.07)!important;
    color:var(--hero-cream)!important;
  }
  #welcomeTicker .welcome-ticker-label,
  #tournamentResultsTicker .welcome-ticker-label{color:var(--hero-gold-2)!important}

  .hero-kicker{
    background:rgba(221,185,109,.08)!important;
    border-color:rgba(221,185,109,.20)!important;
    color:var(--hero-gold-2)!important;
  }
  .home-hero h1,
  .home-hero h1 span{
    color:var(--hero-gold-2)!important;
    -webkit-text-fill-color:var(--hero-gold-2)!important;
  }
  .home-hero p{color:#dce7e4!important}

  html body .home-hero .hero-stat{
    background:linear-gradient(180deg,rgba(9,65,72,.78),rgba(5,50,56,.78))!important;
    border-color:rgba(255,255,255,.07)!important;
    color:var(--hero-cream)!important;
  }
  .hero-stat-icon{color:var(--hero-gold)!important}
  .hero-stat strong{color:#fff!important}
  .hero-stat small{color:#a7b9b6!important}

  .btn{
    background:#073a40!important;
    border-color:rgba(255,255,255,.07)!important;
    color:#e7efed!important;
  }
  .home-hero .hero-play-btn,
  .btn.gold{
    background:linear-gradient(135deg,var(--hero-gold-2),#d5aa4d)!important;
    border-color:#eed284!important;
    color:#173536!important;
  }
  .home-hero .home-invite-wrap>.btn{
    background:rgba(7,58,64,.92)!important;
    border-color:rgba(221,185,109,.28)!important;
    color:#e7efed!important;
  }

  input,
  select,
  .home-invite-search,
  .home-invite-result{
    background:#052f34!important;
    border-color:rgba(255,255,255,.07)!important;
    color:#fff!important;
  }
  input::placeholder{color:#8fa7a3!important}
  select option{background:#073a40!important;color:#fff!important}
  .home-invite-panel{
    background:#06373d!important;
    border-color:rgba(221,185,109,.20)!important;
  }
  .home-invite-title,
  .home-invite-name,
  .home-invite-result{color:#e7efed!important}
  .home-invite-meta,
  .home-invite-empty{color:#8fa7a3!important}
  .home-invite-send{color:var(--hero-gold-2)!important}

  #ranking .head,
  #ranking .table-card{
    background:rgba(6,52,58,.68)!important;
    border-color:rgba(255,255,255,.07)!important;
  }
  #ranking .table-card{border-top-color:rgba(221,185,109,.14)!important}
  #rankingTitle{color:var(--hero-gold-2)!important}
  #ranking thead th{background:#07383e!important;color:#cfb579!important}
  #ranking th,
  #ranking td{
    color:var(--hero-cream)!important;
    border-bottom-color:rgba(255,255,255,.07)!important;
  }
  #ranking .player-name{color:var(--hero-cream)!important}
  #ranking .rating{color:var(--hero-gold-2)!important}

  .home-features,
  #register{background:rgba(2,40,45,.38)!important}
  .home-feature-card,
  #register .form-card,
  .account-stat{
    background:rgba(6,52,58,.68)!important;
    border-color:rgba(255,255,255,.07)!important;
    color:var(--hero-cream)!important;
  }
  .feature-icon,
  .account-stat strong{color:var(--hero-gold-2)!important}
  .home-feature-card small,
  .form-info p,
  .auth-note,
  .username-status,
  .account-stat small{color:#9fb6b2!important}
  .auth-tab{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.07)!important;
    color:#e7efed!important;
  }
  .auth-tab.active{
    background:var(--hero-gold)!important;
    border-color:var(--hero-gold)!important;
    color:#173536!important;
  }

  footer{
    background:#02282d!important;
    border-top-color:rgba(221,185,109,.14)!important;
    color:var(--hero-cream)!important;
  }
  .footer-tagline{color:#cfb579!important}
}

/* Mobile unified interface frames 20260911 */
@media(max-width:900px){
  :root{
    --mobile-frame-border:1px solid rgba(216,182,101,.42);
    --mobile-frame-bg:linear-gradient(145deg,rgba(8,62,64,.86),rgba(7,49,51,.82));
    --mobile-frame-radius:14px;
    --mobile-frame-shadow:0 8px 20px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.025);
  }

  .compact-member-nav .header-tile,
  .compact-member-nav .site-notification-bell,
  .compact-member-nav .header-tournaments,
  .compact-member-nav .nav-logout,
  .compact-member-nav .nav-account,
  .home-hero .hero-stat,
  .home-feature-card{
    border:var(--mobile-frame-border)!important;
    background:var(--mobile-frame-bg)!important;
    border-radius:var(--mobile-frame-radius)!important;
    box-shadow:var(--mobile-frame-shadow)!important;
  }

  #ranking .head{
    border:var(--mobile-frame-border)!important;
    border-bottom:0!important;
    background:var(--mobile-frame-bg)!important;
    border-radius:var(--mobile-frame-radius) var(--mobile-frame-radius) 0 0!important;
    box-shadow:var(--mobile-frame-shadow)!important;
  }

  #ranking .table-card{
    border:var(--mobile-frame-border)!important;
    border-top:1px solid rgba(216,182,101,.18)!important;
    background:var(--mobile-frame-bg)!important;
    border-radius:0 0 var(--mobile-frame-radius) var(--mobile-frame-radius)!important;
    box-shadow:var(--mobile-frame-shadow)!important;
  }
}

/* Mobile signed-in header four equal controls 20260911 */
.compact-member-nav .header-tournaments{display:none!important}
@media(max-width:600px){
  body.home-signed-in .compact-member-nav .nav-user{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:6px!important;
    row-gap:6px!important;
    align-items:stretch!important;
    overflow:visible!important;
    direction:rtl!important;
  }

  body.home-signed-in .compact-member-nav .header-member{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
  }

  body.home-signed-in .compact-member-nav .dashboard-link,
  body.home-signed-in .compact-member-nav .nav-account{
    display:none!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link,
  body.home-signed-in .compact-member-nav .header-notification-host,
  body.home-signed-in .compact-member-nav .header-tournaments,
  body.home-signed-in .compact-member-nav .nav-logout{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link{
    display:inline-flex!important;
    grid-column:1!important;
    grid-row:2!important;
  }
  body.home-signed-in .compact-member-nav .header-notification-host{
    display:flex!important;
    grid-column:2!important;
    grid-row:2!important;
  }
  body.home-signed-in .compact-member-nav .header-tournaments{
    display:inline-flex!important;
    grid-column:3!important;
    grid-row:2!important;
  }
  body.home-signed-in .compact-member-nav .nav-logout{
    display:inline-flex!important;
    grid-column:4!important;
    grid-row:2!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link,
  body.home-signed-in .compact-member-nav .header-tournaments,
  body.home-signed-in .compact-member-nav .nav-logout,
  body.home-signed-in .compact-member-nav .site-notification-bell{
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 6px!important;
    border:var(--mobile-frame-border)!important;
    border-radius:14px!important;
    background:var(--mobile-frame-bg)!important;
    box-shadow:var(--mobile-frame-shadow)!important;
    color:var(--hero-cream)!important;
    font-family:Arial,sans-serif!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  body.home-signed-in .compact-member-nav .site-notification-bell{
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
  }

  body.home-signed-in .compact-member-nav .header-tile-icon,
  body.home-signed-in .compact-member-nav .site-notification-bell{
    font-size:18px!important;
  }

  body.home-signed-in .compact-member-nav .header-tile-icon{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px!important;
    display:inline-grid!important;
    place-items:center!important;
    color:var(--hero-gold-2)!important;
  }
}

/* Mobile signed-in header compact controls 20260911 */
@media(max-width:600px){
  body.home-signed-in .compact-member-nav .nav-user{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    column-gap:7px!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link{
    grid-column:1!important;
    grid-row:2!important;
  }

  body.home-signed-in .compact-member-nav .header-notification-host{
    grid-column:2!important;
    grid-row:2!important;
  }

  body.home-signed-in .compact-member-nav .nav-logout{
    grid-column:3!important;
    grid-row:2!important;
  }

  body.home-signed-in .compact-member-nav .header-tournaments{
    display:none!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link,
  body.home-signed-in .compact-member-nav .header-notification-host,
  body.home-signed-in .compact-member-nav .nav-logout{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
  }

  body.home-signed-in .compact-member-nav .mobile-dashboard-link,
  body.home-signed-in .compact-member-nav .nav-logout,
  body.home-signed-in .compact-member-nav .site-notification-bell{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 8px!important;
    border:var(--mobile-frame-border)!important;
    border-radius:14px!important;
    background:var(--mobile-frame-bg)!important;
    box-shadow:var(--mobile-frame-shadow)!important;
    color:var(--hero-cream)!important;
    font-family:Arial,sans-serif!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.home-signed-in .compact-member-nav .site-notification-bell{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
  }

  body.home-signed-in .compact-member-nav .header-tile-icon,
  body.home-signed-in .compact-member-nav .site-notification-bell .header-tile-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    display:inline-grid!important;
    place-items:center!important;
    font-size:21px!important;
    line-height:1!important;
    color:var(--hero-gold-2)!important;
  }
}

/* Final mobile header balance: admin + notification label */
@media(max-width:600px){
  html body.home-signed-in.home-admin-enabled .compact-member-nav .nav-user{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:7px!important;
  }

  html body.home-signed-in.home-admin-enabled .compact-member-nav .home-admin-link{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border:var(--mobile-frame-border)!important;
    border-radius:14px!important;
    background:var(--mobile-frame-bg)!important;
    box-shadow:var(--mobile-frame-shadow)!important;
    color:var(--hero-cream)!important;
    font:800 14px/1 Arial,sans-serif!important;
    white-space:nowrap!important;
  }

  html body.home-signed-in.home-admin-enabled .compact-member-nav .home-admin-link .header-tile-icon{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
    display:inline-grid!important;
    place-items:center!important;
    font-size:21px!important;
    line-height:1!important;
  }

  body.home-signed-in .compact-member-nav .site-notification-bell{
    font-size:0!important;
  }

  body.home-signed-in .compact-member-nav .site-notification-bell::before{
    content:'🔔';
    display:inline-grid;
    place-items:center;
    width:22px;
    height:22px;
    flex:0 0 22px;
    font-size:21px!important;
    line-height:1;
  }

  body.home-signed-in .compact-member-nav .site-notification-bell::after{
    content:'الإشعارات';
    font:800 14px/1 Arial,sans-serif;
    color:var(--hero-cream);
    white-space:nowrap;
  }
}