/* ===================== ADAPTATION MOBILE / TABLETTE / ORDINATEUR ===================== */
  html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}
  button,[role="button"],a,summary,label,select,input[type="range"]{touch-action:manipulation;}
  body{-webkit-tap-highlight-color:transparent; overscroll-behavior-y:none;}
  @media (pointer:coarse){
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:16px;}
    .sub-btn,.btn-text,.btn-manage,.loy-chip{min-height:40px;}
    .sub-btn{display:inline-flex; align-items:center;}
    .gl-q::before{content:''; position:absolute; inset:-14px;}
    .gp-x{min-width:44px; min-height:44px;}
  }
  @media (hover:none){ button:hover,.sub-btn:hover{filter:none;} }
  @media (max-width:760px){
    .hud-stats{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px 10px; overflow:visible;}
    .hud-stat{min-width:0; max-width:100%;}
    .hud-val{font-size:.82rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
    .hud-key{font-size:.58rem; letter-spacing:.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
  }
  @media (max-width:760px){
    .topbar{position:static;}
    .actionbar{padding:6px 8px; gap:8px;}
    .actionbar > button:not(.btn-primary){flex:none; min-width:46px;}
    .bq-lb{display:none;}
    #actionbar #btn-endweek,.actionbar .btn-primary{white-space:nowrap; min-width:0; font-size:clamp(.72rem,3.4vw,.92rem); padding:8px 8px; min-height:44px; letter-spacing:0;}
  }
  @media (min-width:761px) and (max-width:1100px){
    .topbar-inner{display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px;}
    .topbar-inner .hud-btns{grid-column:2; grid-row:1;}
    .hud-stats{grid-column:1/-1; grid-row:2; flex-wrap:nowrap; justify-content:space-between; gap:12px; width:100%;}
    .mainnav{flex-wrap:wrap; overflow:visible; row-gap:4px;}
  }
  @media (max-width:430px){ .hud-key .bi{display:none;} }
  .hud-sub{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
  @media (max-width:430px){ .goal-h{flex-wrap:wrap;} .goal-h > *{min-width:0;} }
  @media (max-width:389px){ .hud-stats{grid-template-columns:repeat(2,minmax(0,1fr));} }
  @media (max-height:460px) and (orientation:landscape){
    #toast-wrap{max-width:60vw;}
  }