/* Scoped shared result; no overlay, global tile, or Pass & Play privacy rules. */
.hand-result { min-width: 0; max-width: 100%; text-align: start; overflow-wrap: anywhere; }
.hand-result .hr-title { margin: 0 0 .35rem; font-size: 1.65rem; line-height: 1.2; }
.hand-result .hr-subtitle { margin: 0 0 .65rem; opacity: .8; }
.hand-result .hr-score { margin: .65rem 0 1rem; font-size: 1.15rem; font-weight: 700; }
.hand-result .hr-heading { margin: 1rem 0 .55rem; font-size: .95rem; }
.hand-result .hr-arrangement { display: flex; flex-wrap: wrap; gap: .65rem; align-items: flex-start; }
.hand-result .hr-group { min-width: 0; max-width: 100%; padding: .4rem; border: 1px solid currentColor; border-color: #ffffff28; border-radius: .6rem; background: #00000014; }
.hand-result .hr-group-label { display: block; margin-bottom: .35rem; font-size: .72rem; opacity: .8; }
.hand-result .hr-tiles { display: flex; flex-wrap: wrap; gap: 3px; }
.hand-result .hr-tile { display: inline-flex; flex: 0 0 31px; width: 31px; height: 42px; border-radius: 4px; overflow: hidden; background: #fff9eb; box-shadow: 0 2px 0 #bdb598; }
.hand-result .hr-tile svg { display: block; width: 100%; height: 100%; }
.hand-result .hr-winning-tile { margin: .65rem 0; font-size: .85rem; opacity: .85; }
.hand-result .hr-patterns { padding: 0; margin: 0; list-style: none; }
.hand-result .hr-pattern { padding: .65rem 0; border-bottom: 1px solid #ffffff22; }
.hand-result .hr-pattern-title { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; }
.hand-result .hr-pattern-title strong { flex-shrink: 0; font-size: .85rem; }
.hand-result .hr-description { margin: .35rem 0 0; font-size: .85rem; line-height: 1.5; opacity: .8; }
.hand-result .hr-payments { display: grid; gap: .35rem; margin: 0; }
.hand-result .hr-payment { display: flex; justify-content: space-between; align-items: baseline; gap: .75rem; padding: .4rem .6rem; background: #00000014; border-radius: .4rem; }
.hand-result .hr-payment dt { min-width: 0; unicode-bidi: plaintext; }
.hand-result .hr-payment dd { margin: 0; flex-shrink: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.hand-result .hr-credit { color: #90e5b8; }
.hand-result .hr-debit { color: #ffb3a7; }
@media (max-width: 360px) {
  .hand-result .hr-arrangement { gap: .4rem; }
  .hand-result .hr-group { padding: .3rem; }
  .hand-result .hr-tile { flex-basis: 28px; width: 28px; height: 38px; }
  .hand-result .hr-pattern-title { flex-wrap: wrap; gap: .2rem .6rem; }
}
@media (forced-colors: active) {
  .hand-result .hr-group, .hand-result .hr-pattern { border-color: CanvasText; }
  .hand-result .hr-credit, .hand-result .hr-debit { color: CanvasText; }
}