.game-layout{
  max-width:var(--wrap); margin:0 auto;
  padding:clamp(14px,2.6vw,26px) clamp(12px,3vw,26px) 90px;
  display:grid; gap:clamp(14px,2.4vw,26px);
  grid-template-columns:minmax(0,420px) minmax(0,1fr);
  align-items:start;
}
.stage{ min-width:0; position:sticky; top:clamp(14px,2.6vw,26px); }
.sheet-col{ min-width:0; }

@media (max-width:900px){
  .game-layout{ grid-template-columns:1fr; }
  .stage{ position:static; order:1; }
  .sheet-col{ order:2; }
}
/* mini-HUD collant sur mobile */
.hud{
  display:none; position:sticky; top:0; z-index:20;
  gap:.5em; padding:.55em .8em; margin:-8px -12px 12px;
  background:rgba(11,11,18,.88); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.hud-i{ display:flex; align-items:center; gap:.35em; font-size:var(--fs-sm); font-weight:700; font-family:var(--f-title); }
.hud-i span{ color:var(--txt-3); font-size:.74rem; letter-spacing:.08em; text-transform:uppercase; }
@media (max-width:900px){ .hud{ display:flex; justify-content:space-around; } }

/* --- sur ordinateur, la fiche défile dans sa propre colonne :
       la page elle-même ne bouge plus jamais pendant une partie --- */
@media (min-width:900px){
  .game-layout{ height:100dvh; overflow:hidden; padding-bottom:clamp(14px,2.6vw,26px); }
  .sheet-col{
    position:sticky; top:0; max-height:calc(100dvh - 2.6rem);
    overflow-y:auto; overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .sheet-col::-webkit-scrollbar{ width:6px; }
  .stage{ max-height:calc(100dvh - 2.6rem); overflow-y:auto; overscroll-behavior:contain; }
  .stage::-webkit-scrollbar{ width:6px; }
}

/* fiche resserrée pour tenir dans un écran d'ordinateur */
@media (min-width:900px){
  .sheet-head{ padding:.95em 1.1em .8em; }
  .sheet-sec{ padding:.85em 1.1em; }
  .sheet-sec-t{ margin-bottom:.6em; }
  .stat-row{ padding:.1em 0; }
  .chart{ height:78px; }
  .sheet-meters{ padding:.15em 1.1em .75em; }
}