/* V22.1 — adaptation mobile uniquement du lobby / connexion / inscription. */
@media (max-width: 760px), (pointer: coarse) and (max-width: 920px) {
  html, body { width:100%; min-width:0 !important; overflow-x:hidden; }
  body.ogx-phone-login { min-height:100dvh; -webkit-text-size-adjust:100%; }
  .lobby-shell { min-width:0 !important; width:100%; min-height:100dvh; }
  .lobby-topbar, .lobby-topbar-modern {
    position:sticky; top:0; z-index:30; min-height:54px; height:auto; padding:8px 12px;
    display:flex; align-items:center; gap:8px; box-sizing:border-box;
  }
  .lobby-brand { min-width:0; flex:1 1 auto; font-size:18px; }
  .lobby-brand-icon { transform:scale(.86); transform-origin:left center; }
  .lobby-topnav { display:none !important; }
  .lobby-topbar-right { margin-left:auto; display:flex; align-items:center; gap:6px; min-width:0; }
  .lobby-topbar-stat { display:none !important; }
  .lobby-topbar-lang-select { max-width:105px; }
  .lobby-topbar-select { width:100%; min-height:38px; font-size:14px; }
  .lobby-anchor-btn { min-height:38px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; }

  .lobby-main, .lobby-main-modern { width:100%; max-width:none; padding:14px 10px 26px; box-sizing:border-box; }
  .lobby-guest-layout, .lobby-register-layout, .lobby-connected-dashboard {
    display:flex !important; flex-direction:column !important; grid-template-columns:none !important;
    width:100%; gap:12px; margin:0;
  }
  .lobby-home-side, .lobby-guest-login { order:-2; width:100%; }
  .lobby-guest-hero { order:-1; min-height:0 !important; padding:8px 0 0; }
  .lobby-hero-ship { display:none !important; }
  .lobby-logo-stage { min-height:86px; transform:scale(.78); transform-origin:center top; margin-bottom:-15px; }
  .lobby-hero-intro { margin:0 4px 10px; text-align:center; }
  .lobby-hero-intro p, .lobby-hero-text { font-size:14px; line-height:1.45; }
  .lobby-guest-news { order:3; }

  .lobby-card { width:100%; min-width:0; margin:0; border-radius:8px; box-sizing:border-box; }
  .lobby-card-inner { padding:15px 13px; box-sizing:border-box; }
  .lobby-title-row { display:flex; align-items:flex-start; gap:8px; flex-wrap:wrap; }
  .lobby-section-title, .lobby-hero-title.small { font-size:20px; line-height:1.2; }
  .lobby-page-header { margin:0 2px 10px; }
  .lobby-side-summary { float:none !important; width:100% !important; margin:8px 0 0 !important; }

  .lobby-form, .lobby-register-form-grid { display:grid; grid-template-columns:1fr !important; gap:11px; width:100%; }
  .lobby-form .field, .lobby-register-form-grid .field, .lobby-register-form-grid .full { grid-column:1 !important; width:100%; min-width:0; }
  .lobby-form label { display:block; margin-bottom:5px; }
  .lobby-form input[type="text"], .lobby-form input[type="email"], .lobby-form input[type="password"],
  .lobby-form select, .lobby-form textarea, .lobby-register-form-grid input, .lobby-register-form-grid select {
    width:100% !important; max-width:100%; min-height:46px; padding:10px 12px; box-sizing:border-box;
    font-size:16px !important; border-radius:5px;
  }
  .lobby-check { display:flex; align-items:flex-start; gap:8px; line-height:1.35; }
  .lobby-check input { flex:0 0 auto; width:20px; height:20px; margin-top:1px; }
  .lobby-inline-row, .lobby-btn-row, .lobby-social-row { display:flex; flex-direction:column; gap:9px; width:100%; }
  .lobby-btn, .lobby-social-btn, button.lobby-btn, a.lobby-btn {
    width:100% !important; min-height:46px; box-sizing:border-box; display:flex; align-items:center; justify-content:center;
    font-size:15px; touch-action:manipulation;
  }
  .lobby-muted-divider { margin:12px 0; }
  .g-recaptcha { max-width:100%; overflow:hidden; transform-origin:left top; }

  .lobby-universe-list { display:flex; flex-direction:column; gap:9px; }
  .lobby-universe-row { display:flex !important; flex-direction:column; align-items:stretch !important; gap:8px; padding:12px; }
  .lobby-universe-row-main { display:grid !important; grid-template-columns:1fr 1fr; width:100%; gap:7px; }
  .lobby-universe-row-item { min-width:0; overflow-wrap:anywhere; }
  .lobby-universe-row .lobby-btn, .lobby-universe-row form { width:100%; }
  .js-lobby-universe-picker { width:100%; }
  .lobby-picker-toggle { width:100%; min-height:48px; }
  .lobby-picker-menu { position:fixed !important; left:10px !important; right:10px !important; top:64px !important; max-height:calc(100dvh - 84px); overflow:auto; z-index:80; }
  .lobby-picker-option { min-height:54px; padding:10px 12px; }

  .lobby-news-entry { display:grid; grid-template-columns:48px 1fr; gap:10px; }
  .lobby-news-thumb { width:48px; height:48px; }
  .lobby-footer, .lobby-footer-inner { width:100%; box-sizing:border-box; text-align:center; }
}

@media (max-width: 390px) {
  .lobby-topbar { padding-left:8px; padding-right:8px; }
  .lobby-brand { font-size:16px; }
  .lobby-anchor-btn { padding:0 7px; font-size:12px; }
  .lobby-main { padding-left:7px; padding-right:7px; }
  .lobby-card-inner { padding:13px 10px; }
  .lobby-universe-row-main { grid-template-columns:1fr; }
}