/* Apply only to an independent .basu-ui information surface, never the scaled court. */
.basu-ui .ui-match-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:12px; }
.basu-ui .ui-match-player { gap:8px; }
.basu-ui .ui-match-player h3 { overflow-wrap:anywhere; }
.basu-ui :where(.ui-player-details,.ui-glossary) summary { min-height:44px; padding:10px 0; cursor:pointer; font-size:var(--ui-text); }
.basu-ui :where(.ui-player-details,.ui-glossary) dl { margin:12px 0 0; }
.basu-ui :where(.ui-player-details,.ui-glossary) dt { font-weight:700; margin-top:12px; }
.basu-ui :where(.ui-player-details,.ui-glossary) dd { margin:4px 0 12px; }
.basu-ui .ui-preview-notice { border-left:4px solid var(--ui-heading); padding:8px 12px; }
@media (max-width:600px) {
  .basu-ui .ui-match-list { grid-template-columns:1fr; }
  .basu-ui .ui-match-player { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items:start; }
  .basu-ui .ui-match-player h3, .basu-ui .ui-match-player details, .basu-ui .ui-match-player button, .basu-ui .ui-match-player .ui-note { grid-column:1/-1; }
}