/* V8.2 — header réellement uniforme, pseudo lisible et paliers utilisables */
@media (max-width:767px){
  /* Accueil/Jouer : même composition et même bouton info que les autres pages */
  .lsg-unified-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}
  .lsg-unified-mobile-brand{display:flex;align-items:center;flex:0 0 38px;width:38px;height:38px}
  .lsg-unified-mobile-brand img{display:block;width:38px;height:38px}
  .lsg-unified-mobile-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;flex:1 1 auto}
  .lsg-unified-user-pill,
  .lsg-mobile-user-pill{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
    width:auto!important;max-width:calc(100vw - 112px)!important;min-width:0!important;height:40px!important;
    padding:0 9px!important;border-radius:14px!important;background:#eef2ff!important;color:#4338ca!important;
    text-decoration:none!important;font-weight:900!important;overflow:visible!important;box-sizing:border-box!important
  }
  .lsg-unified-user-name,
  .lsg-mobile-user-name{
    display:block!important;min-width:0!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;
    white-space:nowrap!important;font-size:clamp(10px,3vw,13px)!important;line-height:1!important;letter-spacing:-.02em!important
  }
  .lsg-unified-user-badge,.lsg-mobile-user-badge{display:inline-flex!important;flex:0 0 auto!important}
  .lsg-unified-user-badge svg,.lsg-mobile-user-badge svg{width:19px!important;height:19px!important}
  .lsg-icon-button{display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;color:#4f46e5!important;box-shadow:0 6px 18px rgba(15,23,42,.08)!important;pointer-events:auto!important;z-index:10!important}
  .lsg-icon-button svg{width:24px!important;height:24px!important}
}
@media(max-width:360px){
  .lsg-unified-user-name,.lsg-mobile-user-name{font-size:9.5px!important;letter-spacing:-.04em!important}
  .lsg-unified-user-pill,.lsg-mobile-user-pill{padding-inline:7px!important;gap:4px!important;max-width:calc(100vw - 104px)!important}
}

/* Carte paliers compacte et entièrement cliquable */
.lsg-goals-compact{position:relative;overflow:visible!important}
.lsg-goals-compact-top{align-items:flex-start!important}
.lsg-goals-compact-top>div{min-width:0;flex:1 1 auto}
.lsg-goals-compact h2,.lsg-goals-compact p{overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
.lsg-goals-more{position:relative;z-index:3;cursor:pointer;touch-action:manipulation;white-space:nowrap}
.lsg-goals-card-hit{position:absolute;inset:0;z-index:2;border:0;background:transparent;cursor:pointer;border-radius:inherit}
.lsg-goals-compact-top,.lsg-goals-progress-line,.lsg-goals-meta{position:relative;z-index:1}
.lsg-goals-more{z-index:4}
.lsg-goals-modal{z-index:2147483646!important}
.lsg-goals-sheet{box-sizing:border-box;width:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
.lsg-goal-row{min-width:0!important;grid-template-columns:34px minmax(0,1fr) auto!important}
.lsg-goal-row>div{min-width:0!important}
.lsg-goal-row strong,.lsg-goal-row p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
@media(max-width:480px){
  .lsg-goals-compact{padding:12px 13px!important}
  .lsg-goals-compact-top{gap:8px!important}
  .lsg-goals-compact h2{font-size:14px!important;line-height:1.25!important}
  .lsg-goals-compact p{font-size:10.5px!important;line-height:1.35!important;margin-top:3px!important}
  .lsg-goals-more{font-size:10px!important;padding:7px 8px!important}
  .lsg-goals-sheet{left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;padding:14px!important;max-height:82vh!important}
  .lsg-goal-row{padding:10px!important;gap:8px!important;grid-template-columns:30px minmax(0,1fr)!important}
  .lsg-goal-state{grid-column:2;justify-self:start;margin-top:3px}
}