/* MathGuru — responsive.css */
/* Adattamenti desktop, mobile e riduzione del movimento */

/* ---------- desktop ---------- */
@media (min-width:900px){
  #app{flex-direction:row;align-items:center;gap:18px;padding:20px}
  .side{width:288px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}
  .hud{grid-template-columns:1fr 1fr}
  .gauge.wide{grid-column:1/-1}
  .stage{flex:1}
  .cell{font-size:38px;border-radius:15px}
  .cell.op{font-size:42px}
}
@media (max-width:899px){ .side{display:contents} }

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.05ms !important}
}
:focus-visible{outline:2px solid var(--ion);outline-offset:2px}