.rule-card-game .curio-art.bag-of-words-art{background-image:url('./art/bag-of-words.svg');background-size:contain;background-position:center}
.rule-card-game .word-bag{border-top:1px solid var(--line);padding:24px 0 32px;scroll-margin-top:18px}
.rule-card-game .bag-heading{display:flex;align-items:center;gap:25px;max-width:780px;margin-bottom:30px}
.rule-card-game .bag-illustration{display:block;flex:0 0 120px;aspect-ratio:1;background:#ede0c6 url('./art/bag-of-words.svg') center/contain no-repeat;border:1px solid #caba98;border-radius:50%}
.rule-card-game .bag-heading .eyebrow{margin:0 0 9px;color:#c5ac7c;font-size:10px}
.rule-card-game .bag-heading h3{font:clamp(30px,4vw,42px)/1.1 var(--serif);margin:0 0 12px;letter-spacing:-.6px}
.rule-card-game .bag-heading p{margin:0;color:var(--muted);font:14px/1.65 var(--sans)}
.rule-card-game .bag-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:var(--paper)}
.rule-card-game .bag-selection-heading p{margin:0;font:20px/1.4 var(--serif)}
.rule-card-game #bag-choice-count{font:12px/1.4 var(--mono);color:var(--gold)}
.rule-card-game .bag-word-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;align-items:stretch}
.rule-card-game .bag-word-choice{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;min-width:0;min-height:250px;padding:18px 15px;text-align:left;border-top:1px solid #caba98;border-right:1px solid #caba98;border-bottom:1px solid #caba98;border-left:1px solid #caba98;box-shadow:none;border-radius:4px;background:#eee2c9;color:#302b24;letter-spacing:0}
.rule-card-game .bag-word-choice:hover:not(:disabled){background:#f7ecd6;border-color:#dca270}
.rule-card-game .bag-word-choice.selected{outline:2px solid #d58461;outline-offset:3px;background:#f5e5c1}
.rule-card-game .bag-word-choice:focus-visible{outline:3px solid #eab981;outline-offset:4px}
.rule-card-game .bag-word-choice:disabled{opacity:.65}
.rule-card-game .bag-word-choice.rare-connector{background:#dce5d9;border-top-color:#9ab49f;border-right-color:#9ab49f;border-bottom-color:#9ab49f;border-left-color:#9ab49f}
.rule-card-game .bag-word-choice.rare-connector .bag-word-role{color:#405d45;font-weight:600}
.rule-card-game .bag-word-choice.rare-connector .bag-word-title{text-transform:uppercase;letter-spacing:.04em}
.rule-card-game .bag-word-choice.word-rarity-uncommon .bag-word-role{color:#3f6545}
.rule-card-game .bag-word-choice.word-rarity-rare .bag-word-role{color:#355e79}
.rule-card-game .bag-word-choice.word-rarity-epic{background:#e7dfe7}
.rule-card-game .bag-word-choice.word-rarity-epic .bag-word-role{color:#765079;font-weight:600}
.rule-card-game .bag-word-role{font:10px/1.3 var(--sans);text-transform:uppercase;letter-spacing:.1em;color:#7a654c}
.rule-card-game .bag-word-title{font:23px/1.15 var(--serif);font-weight:400;overflow-wrap:anywhere;text-transform:lowercase}
.rule-card-game .bag-word-title:first-letter{text-transform:uppercase}
.rule-card-game .bag-word-description{font:12px/1.55 var(--sans);color:#635744}
.rule-card-game .bag-word-example{display:flex;flex-direction:column;gap:5px;padding-top:12px;border-top:1px solid #a697754d;font:12px/1.5 var(--serif);color:#58482e;overflow-wrap:anywhere}
.rule-card-game .bag-word-example small{font:9px/1.4 var(--sans);letter-spacing:.08em;color:#8d6242}
.rule-card-game .bag-word-action{margin-top:auto;padding-top:12px;font:11px/1.3 var(--sans);color:#8a4932}
.rule-card-game .bag-choice-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
.rule-card-game #bag-selection-status{margin:0;color:var(--muted);font:13px/1.6 var(--sans)}
.rule-card-game #bag-keep{flex-shrink:0;min-height:46px;min-width:190px;justify-content:center}
@media(max-width:1000px){.rule-card-game .bag-word-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){
  .rule-card-game .word-bag{padding-top:20px}
  .rule-card-game .bag-heading{align-items:flex-start;gap:15px;margin-bottom:24px}
  .rule-card-game .bag-illustration{flex-basis:70px}
  .rule-card-game .bag-heading h3{font-size:30px}
  .rule-card-game .bag-heading p{font-size:12px}
  .rule-card-game .bag-heading .eyebrow{font-size:8px}
  .rule-card-game .bag-selection-heading p{font-size:18px}
  .rule-card-game #bag-choice-count{font-size:10px;white-space:nowrap}
  .rule-card-game .bag-word-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rule-card-game .bag-word-choice{padding:15px 12px;min-height:225px;gap:10px}
  .rule-card-game .bag-word-title{font-size:21px}
  .rule-card-game .bag-word-description{font-size:11px}
  .rule-card-game .bag-choice-actions{align-items:stretch;flex-direction:column;gap:14px}
  .rule-card-game #bag-keep{width:100%}
}
@media(prefers-reduced-motion:reduce){.rule-card-game .bag-word-choice{transition:none}}