/* A full, uncropped view complements the compact rivers on the table. */
.river[role=button]{cursor:pointer}.river:focus-visible{outline:2px solid #f3d77e;outline-offset:3px}
#discards-open{border:1px solid #b4ba7b55;border-radius:6px;color:#e8d08a;white-space:nowrap}
#discards-dialog{width:min(780px,calc(100vw - 30px));max-width:min(780px,calc(100vw - 30px));max-height:calc(100dvh - 24px);overflow:auto}
#discards-dialog h2{font-size:24px}#discards-dialog>p:not(.eyebrow){font-size:13px;color:#bccbac;line-height:1.6}
.discard-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.discard-player{padding:12px;border:1px solid #a2b38250;border-radius:9px;background:#08241699;min-width:0}
.discard-player h3{font-size:16px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere;color:#eee1b3}.discard-player h3 small{font-size:13px;color:#b2c59d;white-space:nowrap}
.discard-grid{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:4px;align-content:start;overflow:visible}
.discard-grid .tile{--tw:32px}.discard-grid .tile.latest{outline:2px solid #f5cf66;outline-offset:1px}.discard-empty{grid-column:1/-1;font-size:14px;color:#95ad89;margin:0}
@media(orientation:landscape) and (max-height:600px){
  .game-toolbar>div:first-child{align-self:flex-start}
  #discards-open{font-size:11px;padding:2px 6px;margin-top:2px}
  #discards-dialog{padding:16px 22px}#discards-dialog h2{font-size:20px;margin:6px 0}.discard-overview{gap:10px}.discard-player{padding:10px}
}