/* Mobile UI Quality Pass v1 — a final, mobile-only visual system. */
@media (max-width:800px) {
  :root {
    --mq-font:"Plus Jakarta Sans",Inter,sans-serif;
    --mq-radius-sm:12px;
    --mq-radius:18px;
    --mq-control:44px;
    --mq-control-sm:36px;
    --mq-space:14px;
    --mq-line:rgba(255,255,255,.08);
    --mq-panel:#111a15;
    --mq-text:#f2f7f3;
    --mq-muted:#92a098;
    --mq-green:#75ff55;
  }

  html,body,button,input,select,textarea { font-family:var(--mq-font)!important; }
  body { color:var(--mq-text);font-size:14px;line-height:1.4;overflow-x:hidden; }
  #app { min-height:calc(100dvh - 72px);padding-bottom:108px; }
  #app *,#app *::before,#app *::after { min-width:0; }
  img,svg { max-width:100%; }

  .wrap { width:min(100%,720px);padding-inline:var(--mq-space)!important; }
  .main-grid,.mobile-home-section,.gb-experience-page,.gb-account-content { gap:var(--mq-space)!important; }
  .card,.mobile-home-section,.gb-home-section,.gb-home-support,.gb-section-card,.gb-settings-card,
  .gb-account-panel,.gb-profile-card,.support-card,.support-widget,.modal,.notification-dropdown,
  .coupon-shell,.coupon-view,.gamblehub-casino,.slot-lobby-card {
    border-color:var(--mq-line)!important;
    border-radius:var(--mq-radius)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;
  }

  .btn,.gb-primary-btn,.gb-secondary-btn,.gb-setting-action,.section-see-all,.campaign-cta,
  .mobile-game-play,.mobile-home-support-card button,.gb-wallet-actions button,.gb-section-card header > button,
  .gamblehub-error button,.coupon-tabs button {
    min-height:var(--mq-control)!important;
    border-radius:var(--mq-radius-sm)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1!important;
  }
  button:not([disabled]),a[href],select,input[type="checkbox"],input[type="radio"] { touch-action:manipulation; }
  .btn:active,.gb-primary-btn:active,.gb-secondary-btn:active,.section-see-all:active,.campaign-cta:active,
  .mobile-game-card:active,.slot-lobby-card:active,.gb-section-card header > button:active { transform:scale(.98)!important; }
  .btn:hover,.gb-primary-btn:hover,.gb-secondary-btn:hover,.mobile-game-card:hover,.slot-lobby-card:hover { transform:none; }

  input:not([type="checkbox"]):not([type="radio"]),select,textarea,.search-input,.gb-search-input-row input {
    min-height:var(--mq-control)!important;
    border-radius:var(--mq-radius-sm)!important;
    font-size:16px!important;
  }
  input::placeholder,textarea::placeholder { color:#718078!important;opacity:1; }

  .topbar.mobile-header .header-user-summary strong { font-family:var(--mq-font)!important; }
  .topbar.mobile-header,.topbar.mobile-header .topbar-inner { box-shadow:0 7px 20px rgba(0,0,0,.18); }
  .topbar.mobile-header .mobile-header-actions .gb-mobile-auth-btn { min-height:44px!important;height:44px!important;font-family:var(--mq-font)!important; }
  .mobile-menu-button,.topbar.mobile-header .notification-bell,.topbar.mobile-header .header-gift-button,
  .topbar.mobile-header .header-account-trigger { min-width:44px!important;min-height:44px!important; }

  .bb-bottom-nav-real { left:10px!important;right:10px!important;bottom:max(10px,env(safe-area-inset-bottom))!important;height:70px!important;padding:7px!important;border-radius:20px!important; }
  .bb-bottom-nav-real button { min-height:56px!important;gap:3px!important; }
  .bb-bottom-nav-real button b { max-width:100%;overflow:hidden;font-size:9px!important;text-overflow:ellipsis;white-space:nowrap; }

  .gb-search-dock { min-height:52px!important;margin:10px 0!important;padding:6px!important;border-radius:var(--mq-radius-sm)!important; }
  .gb-search-box { min-height:40px!important; }
  .gb-search-dock > div { gap:4px!important; }
  .gb-search-dock > div > button { width:38px!important;min-width:38px!important;height:38px!important;padding:0!important; }
  .gb-search-dock > div > button span { display:none!important; }
  .gb-search-panel { width:100%!important;max-height:calc(100dvh - 32px)!important;border-radius:20px!important; }
  .gb-search-input-row { min-height:62px!important;height:auto!important;padding:10px 14px!important; }
  .gb-search-results { max-height:calc(100dvh - 190px)!important;padding:8px!important; }
  .gb-search-results article { min-height:70px!important;grid-template-columns:58px minmax(0,1fr) 36px!important;gap:8px!important;padding:7px!important; }
  .gb-search-results article > img { width:58px!important;height:52px!important; }
  .gb-result-open { display:none!important; }

  .slot-lobby-grid { gap:10px!important; }
  .slot-lobby-card { border-radius:16px!important; }
  .slot-lobby-meta { padding:8px 9px 9px!important; }
  .slot-lobby-card .gb-card-heart { width:30px!important;height:30px!important; }
  .mobile-horizontal-row,.gb-provider-grid,.gb-jackpot-grid,.gb-hero-glass-grid { overscroll-behavior-x:contain;scroll-padding-inline:var(--mq-space); }
  .mobile-game-card,.slot-lobby-card { scroll-snap-align:start; }

  .gb-account-shell { margin:12px 0 28px!important;display:block!important; }
  .gb-account-nav { position:static!important;margin-bottom:12px!important;padding:7px!important;border-radius:var(--mq-radius)!important; }
  .gb-account-nav nav { display:flex!important;gap:5px!important;overflow-x:auto!important;padding:3px!important;scrollbar-width:none; }
  .gb-account-nav nav::-webkit-scrollbar { display:none; }
  .gb-account-nav .gb-nav-item { flex:0 0 auto!important;min-height:40px!important;padding:0 10px!important;border-radius:10px!important; }
  .gb-account-nav .gb-nav-item span { white-space:nowrap; }
  .gb-account-nav .gb-nav-security,.gb-account-user { display:none!important; }
  .gb-profile-card { min-height:0!important;padding:16px!important;gap:14px!important; }
  .gb-profile-avatar { width:62px!important;height:62px!important;border-radius:18px!important; }
  .gb-profile-identity h2 { font-size:18px!important; }
  .gb-verify { min-width:0!important;padding:9px 10px!important; }
  .gb-stat-grid.four,.gb-balance-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important; }
  .gb-stat-grid article,.gb-balance-grid article { min-height:108px!important;padding:14px!important; }
  .gb-section-card > header,.gb-settings-card > header { min-height:60px!important;padding:14px!important; }
  .gb-activity-list { padding:3px 14px 7px!important; }
  .gb-activity-row { grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important;padding:11px 0!important; }
  .gb-activity-row time { display:none!important; }

  .gb-settings-avatar-grid,.profile-avatar-picker > div { grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important; }
  .gb-settings-avatar-grid button,.profile-avatar-picker button { min-height:0!important;border-radius:14px!important; }
  .gb-settings-avatar-grid img,.profile-avatar-picker img { aspect-ratio:1; }

  .mobile-modal,.modal,.notification-dropdown,.gb-toast { max-width:calc(100vw - 24px)!important; }
  .notification-dropdown { right:12px!important;left:12px!important;top:calc(72px + env(safe-area-inset-top))!important; }
  .gb-toast-host { top:calc(78px + env(safe-area-inset-top))!important;right:12px!important;left:12px!important; }
  .gb-toast { width:100%!important; }
  .login-modal,.auth-modal { padding:16px!important; }

  .gb-premium-footer { padding-bottom:calc(92px + env(safe-area-inset-bottom))!important; }
  .gb-footer-main { gap:22px!important; }
  .gb-footer-bottom { min-height:0!important;padding:15px 0!important; }
}

@media (max-width:380px) {
  .wrap { padding-inline:12px!important; }
  .slot-lobby-grid { gap:8px!important; }
  .slot-lobby-meta b { font-size:10px!important; }
  .slot-lobby-meta small { font-size:8px!important; }
  .gb-profile-card { align-items:flex-start!important;flex-direction:column!important; }
  .gb-verify { width:100%; }
  .bb-bottom-nav-real button b { font-size:8px!important; }
}