/* Scoped family selector. Native game artwork and game pages are not restyled. */
.family-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b8c8a8;border-radius:26px;background:#fff8eb;color:#253b32;box-shadow:0 28px 90px #0e272b59;overflow:hidden;font-family:inherit}
.family-dialog::backdrop{background:#0c2826b8;backdrop-filter:blur(9px)}
.family-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:linear-gradient(115deg,#e9f0d9,#fff0d9);border-bottom:1px solid #b8c8a859}
.family-heading h2{margin:4px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.12}.family-eyebrow{margin:0;font-size:12px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;color:#58704c}.family-close{flex:none;min-width:44px;min-height:44px;font-size:32px;line-height:1}
.family-body{padding:20px 26px 26px;overflow:auto;max-height:calc(100dvh - 174px);overscroll-behavior:contain}.family-intro{margin:0 0 18px;font-size:17px;line-height:1.45;max-width:68ch}
.family-controls{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.family-controls label{display:grid;gap:6px;flex:1;min-width:150px;font-size:13px;font-weight:700}.family-controls select{width:100%;box-sizing:border-box;border:1px solid #b5bfa5;border-radius:13px;padding:11px 12px;background:#fffdf6;color:#253b32;font:inherit;min-height:45px}
.family-selected{display:flex;align-items:center;gap:24px;padding:20px;border-radius:22px;background:linear-gradient(135deg,#e9efdc,#f7e4cd);border:1px solid #c3caaa;min-width:0}.family-selected-art{width:clamp(130px,23vw,186px);aspect-ratio:9/16;object-fit:contain;border-radius:17px;background:#173936;box-shadow:0 8px 22px #193b3b22;flex:none}.family-selected-copy{min-width:0;flex:1}.family-selected-copy h3{font-size:clamp(22px,2.8vw,30px);line-height:1.15;margin:8px 0 13px}.family-selected-copy p{font-size:16px;line-height:1.45;margin:10px 0}.family-selected-copy .family-facts,.family-note{font-size:13px;color:#526148}.family-play{margin-top:13px;min-height:46px;max-width:100%;white-space:normal}
.family-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:24px 0 12px}.family-section-heading h3{font-size:19px;margin:0}.family-section-heading span{font-size:13px;white-space:nowrap;color:#5b6c50}.family-variants{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.family-variant{font:inherit;text-align:left;display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px;border:2px solid transparent;border-radius:18px;background:#e8eddf;color:#253b32;cursor:pointer;box-shadow:0 3px 0 #cad3b8;transition:transform .18s,border-color .18s}.family-variant.selected{border-color:#587448;background:#f0f5dc}.family-variant:hover{transform:translateY(-3px)}.family-variant img{display:block;width:100%;height:160px;object-fit:contain;border-radius:11px;background:#173936}.family-variant strong{font-size:15px;line-height:1.25}.family-variant small{font-size:12px;color:#59684c}.family-variant:focus-visible,.family-play:focus-visible,.family-controls select:focus-visible{outline:3px solid #bb6e33;outline-offset:3px}
.family-card-label{display:block;font-size:12px;color:inherit;opacity:.8;margin:0 0 4px}.family-card-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.family-order-note{font-size:13px;color:#586d50;margin:6px 0 0}.family-lobby-variants{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px}.family-lobby-variants .text-button{font-size:13px}
@media(max-width:560px){.family-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:22px}.family-heading{padding:17px}.family-heading h2{font-size:25px}.family-body{padding:17px;max-height:calc(100dvh - 136px)}.family-intro{font-size:15px}.family-controls{gap:9px}.family-controls label{min-width:125px}.family-selected{padding:13px;gap:13px;align-items:flex-start}.family-selected-art{width:34%;min-width:90px}.family-selected-copy h3{font-size:20px}.family-selected-copy p{font-size:14px}.family-selected-copy .family-facts{font-size:12px}.family-play{font-size:13px;padding:11px 12px;min-height:44px}.family-variants{grid-template-columns:repeat(2,minmax(0,1fr))}.family-variant img{height:145px}.family-section-heading h3{font-size:17px}.family-section-heading span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.family-variant{transition:none}.family-variant:hover{transform:none}}