/* Q112 - riepilogo unico: desktop stabile, mobile invariato. */
@media (min-width:701px){
  body .round-summary-overlay.show .round-summary{
    width:min(1120px,96vw)!important;
    max-width:1120px!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px 150px 40px minmax(0,1fr)!important;
    align-items:center!important;
    column-gap:14px!important;
    min-height:66px!important;
    padding:7px 16px!important;
    overflow:hidden!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side{
    position:static!important;inset:auto!important;transform:none!important;float:none!important;
    margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;gap:10px!important;white-space:nowrap!important;overflow:visible!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side-player{
    grid-column:1!important;grid-row:1!important;justify-self:stretch!important;justify-content:flex-end!important;
    text-align:right!important;padding:0!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-icon-left{
    grid-column:2!important;grid-row:1!important;display:grid!important;visibility:visible!important;justify-self:center!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > b{
    grid-column:3!important;grid-row:1!important;justify-self:center!important;text-align:center!important;white-space:nowrap!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-icon-right{
    grid-column:4!important;grid-row:1!important;display:grid!important;visibility:visible!important;justify-self:center!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side-bot{
    grid-column:5!important;grid-row:1!important;justify-self:stretch!important;justify-content:flex-start!important;
    text-align:left!important;padding:0!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-side > *,
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-mini-cards,
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-mini-cards img{
    position:static!important;inset:auto!important;transform:none!important;float:none!important;
  }
  /* Le vecchie regole davano width:100% sia al valore sia alle carte: il valore
     occupava tutta la metà e il gruppo carte veniva compresso fino a sparire. */
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-value{
    display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;
    width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-mini-cards{
    display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
    margin:0!important;padding:0!important;width:max-content!important;max-width:220px!important;min-width:24px!important;
    height:38px!important;overflow:visible!important;visibility:visible!important;opacity:1!important;vertical-align:middle!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-side-player .summary-mini-cards{
    justify-content:flex-end!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-side-bot .summary-mini-cards{
    justify-content:flex-start!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .summary-mini-cards img{
    display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 24px!important;
    width:24px!important;min-width:24px!important;max-width:24px!important;height:36px!important;object-fit:cover!important;
    margin:0 -4px 0 0!important;border-radius:3px!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .primiera-mini img,
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .special-mini img{
    width:25px!important;min-width:25px!important;max-width:25px!important;flex-basis:25px!important;height:37px!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .piccola-icon,
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row .grande-icon{
    width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;overflow:hidden!important;
  }
}

/* Mobile Q111 già approvato: resta identico. */
@media (max-width:700px){
  html,body{overflow-y:auto!important;overscroll-behavior-y:auto!important;touch-action:pan-y!important;}
  body .round-summary-overlay.show{
    position:fixed!important;inset:0!important;overflow-y:auto!important;overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;touch-action:pan-y!important;
    align-items:flex-start!important;
  }
  body .round-summary-overlay.show .round-summary{
    max-height:none!important;height:auto!important;overflow:visible!important;touch-action:pan-y!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row{
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side{
    padding:0!important;margin:0!important;position:static!important;transform:none!important;
  }
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side-player{grid-column:1!important}
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-icon-left{grid-column:2!important;display:grid!important}
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > b{display:none!important}
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-icon-right{display:none!important}
  body .round-summary-overlay.show .round-summary .summary-grid .summary-row > .summary-side-bot{grid-column:3!important}
}