/* MOBILITY RESPONSIVE PLAYER X8 — live player density for desktop + touch-safe mobile controls */
.mobility-page #player{overflow:hidden}
.mobility-page #moveImage{width:100%;object-fit:contain}
.mobility-page #player>.row:last-child{gap:8px}
.mobility-page #feedback .quick-actions{align-items:stretch}

@media(min-width:1180px){
  .mobility-page #player{padding:28px}
  .mobility-page #player:has(#moveImage:not([hidden])){display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px 24px;align-items:center}
  .mobility-page #player:has(#moveImage:not([hidden]))>#moveImage{grid-column:1;grid-row:1/span 4;margin:0;max-height:520px;align-self:stretch}
  .mobility-page #player:has(#moveImage:not([hidden]))>.row:first-child{grid-column:2;grid-row:1}
  .mobility-page #player:has(#moveImage:not([hidden]))>#timer{grid-column:2;grid-row:2;margin:0;font-size:clamp(64px,6vw,92px)}
  .mobility-page #player:has(#moveImage:not([hidden]))>#moveMeta{grid-column:2;grid-row:3;margin:0}
  .mobility-page #player:has(#moveImage:not([hidden]))>.row:last-child{grid-column:2;grid-row:4;display:grid;grid-template-columns:1fr 1.2fr 1fr;width:100%}
  .mobility-page #player:has(#moveImage:not([hidden]))>.row:last-child .btn{width:100%;min-width:0}
  .mobility-page #feedback{padding:24px}
}

@media(max-width:640px){
  .mobility-page #player{padding:18px 17px}
  .mobility-page #player>.row:first-child{align-items:flex-start}
  .mobility-page #player>#moveImage{max-height:42vh}
  .mobility-page #player> .stat{font-size:clamp(52px,17vw,72px)}
  .mobility-page #player>.row:last-child{display:grid;grid-template-columns:1fr 1.2fr 1fr;width:100%;gap:8px}
  .mobility-page #player>.row:last-child .btn{width:100%;min-width:0;min-height:50px;padding-inline:8px}
  .mobility-page #feedback .quick-actions{grid-template-columns:1fr}
}
@media(max-width:380px){
  .mobility-page #player{padding:16px}
  .mobility-page #player>.row:last-child{gap:6px}
  .mobility-page #player>.row:last-child .btn{font-size:12px;padding-inline:6px}
}
@media(prefers-reduced-motion:reduce){
  .mobility-page #player,.mobility-page #player .btn{transition:none!important}
}