/* Med Match board rules copied verbatim, with only module selector names
 * substituted. Keep source parity covered by oncology-match.test.mjs. */
.oncology-match .om-board { min-width: 0; display: grid; grid-template-columns: repeat(var(--om-columns,5),minmax(0,1fr)); gap: 10px; align-content: start; }
.oncology-match .om-tile { min-width: 0; min-height: 78px; display: grid; align-content: center; gap: 6px; padding: 9px 8px; border: 3px solid #b388ff; border-radius: 10px; color: #101a43; background: #fff8ee; box-shadow: 0 4px 0 rgba(0,0,0,.28); cursor: pointer; text-align: center; transition: transform .12s ease, opacity .12s ease, border-color .12s ease; touch-action: manipulation; }
.oncology-match .om-medication { border-color: #42d6cc; }
.oncology-match .om-board { grid-auto-rows: 1fr; }
.oncology-match .om-tile { grid-template-columns: minmax(0,1fr); container-type: inline-size; }
.oncology-match .om-kind, .oncology-match .om-label { min-width: 0; max-width: 100%; }
.oncology-match .om-kind { color: #5c3bc4; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.oncology-match .om-medication .om-kind { color: #087f84; }
.oncology-match .om-label { font-size: clamp(10px,1.15vw,14px); font-weight: 850; line-height: 1.12; overflow-wrap: normal; word-break: normal; }
.oncology-match .om-tile.is-selected { transform: translateY(-4px); border-color: #ffc84d; box-shadow: 0 0 0 3px #ff3d81,0 7px 0 rgba(0,0,0,.28); }
.oncology-match .om-tile.is-adjacent { border-color: #ffc84d; background: #fffdf8; }
.oncology-match .om-tile.is-muted { opacity: .5; }
.oncology-match .om-tile.is-matched { position:relative;z-index:5;border-color:#42d6cc!important;outline:5px solid #42d6cc;outline-offset:-5px;filter:brightness(1.12) saturate(1.16);box-shadow:0 0 0 4px #ff3d81,0 0 24px rgba(66,214,204,.9),0 6px 0 rgba(0,0,0,.28)!important;transform:none!important; }
@media (max-width:720px) {
  .oncology-match .om-board { width: 100%; grid-template-columns: repeat(var(--om-columns,2),minmax(0,1fr)); gap: 8px; padding: 2px 2px 8px; }
  .oncology-match .om-tile { height: auto; min-height: 88px; gap: 5px; padding: 8px 7px; border-width: 2px; border-radius: 8px; box-shadow: 0 3px 0 rgba(0,0,0,.28); }
  .oncology-match .om-kind { font-size: 9px; letter-spacing: .06em; }
  .oncology-match .om-label { display: block; overflow: visible; font-size: clamp(13px,10cqi,16px); line-height: 1.2; overflow-wrap: normal; word-break: normal; }
  .oncology-match .om-tile.is-selected { transform: translateY(-2px); box-shadow: 0 0 0 2px #ff3d81,0 4px 0 rgba(0,0,0,.28); }
}
@media (prefers-reduced-motion:reduce) { .oncology-match .om-tile { transition: none; } }

/* Owner-approved geometry: retain the full-width game surface, but keep the
 * board at Med Match's reading scale with square cards on desktop; preserve compact mobile cards. */
@media (min-width:721px) {
.oncology-match .om-board { width: 100%; max-width: 920px; margin-inline: auto; grid-auto-rows: auto; }
.oncology-match .om-tile { width: 100%; height: auto; min-height: 0; aspect-ratio: 1 / 1; align-self: start; }

}