.family-boards .cbb-eyebrow{font:11px/1.5 Spline Sans,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#71664f}.family-boards .boards-collection{grid-column:1 / -1;padding:36px 0 24px;border-top:1px solid #afa18d66}.family-boards .cbb-collection-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.family-boards .cbb-collection-heading h2{font:clamp(30px,3.2vw,44px) / 1.1 var(--font-serif-display);margin:8px 0 0;font-weight:400}.family-boards .cbb-collection-heading p{max-width:28ch;font-size:14px;line-height:1.6;color:#6d6455;margin:0}.family-boards .cbb-collection-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.family-boards .cbb-collection-grid a{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) 15px;align-items:center;gap:15px;min-height:115px;padding:17px;text-decoration:none;color:#3d392f;background:linear-gradient(125deg,#fff9ed99,#e4dcca77);border:1px solid #a995734d;border-radius:4px;box-shadow:0 2px #b1a38b4d,0 7px 16px #31220b09;transition:transform .18s,box-shadow .18s}.family-boards .cbb-collection-grid a:hover{transform:translateY(-3px);box-shadow:0 3px #b1a38b66,0 9px 20px #31220b15}.family-boards .cbb-collection-grid .box-art{position:static;width:68px;height:68px;color:var(--cbb-ink, #656b53);--box-paper: #ede7d9}.family-boards .cbb-collection-grid strong{display:block;font:22px / 1.1 var(--font-serif-display);font-weight:400;margin-bottom:8px}.family-boards .cbb-collection-grid small{display:block;color:#796f5f;font-size:10px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase}.family-boards .cbb-menu{display:grid;grid-template-columns:minmax(180px,.75fr) minmax(0,1fr);gap:32px;padding:18px 0;align-items:center}.family-boards .cbb-menu-art{--box-paper: #e8dec8;display:grid;place-items:center;aspect-ratio:4 / 5;padding:25px;color:var(--cbb-ink, #665e3f);border:1px solid #927c50;outline:1px solid #ede0bd;outline-offset:-8px;border-radius:4px;background:radial-gradient(ellipse at 10% 0,#fff8de88,transparent 65%),linear-gradient(130deg,#d8c7a1,#c8bb9d);box-shadow:inset 1px 1px #fff4d9,2px 4px #aa9273,4px 8px #8a735a,10px 18px 24px #49382729;transform:rotate(-2deg)}.family-boards .cbb-menu-art .box-art{position:static;width:100%;max-width:260px;height:auto}.family-boards .cbb-menu-art>span{font-size:10px;letter-spacing:.08em;align-self:end;text-transform:uppercase}.family-boards .cbb-menu-content h2{font:44px / 1.05 var(--font-serif-display);font-weight:400;margin:10px 0 16px}.family-boards .cbb-menu-content h2 em{font-weight:400}.family-boards .cbb-menu-note{font:18px / 1.45 var(--font-serif-display);color:#695e4d}.family-boards .cbb-menu-options{display:grid;gap:12px;margin:24px 0 16px}.family-boards .cbb-play-option{display:grid;grid-template-columns:24px 1fr 14px;align-items:center;gap:12px;padding:17px 15px;background:#4b5543;border:1px solid #394333;border-radius:4px;color:#fff9e9;text-decoration:none;box-shadow:0 3px #2d3528;transition:transform .15s,background .15s}.family-boards .cbb-play-option:hover{background:#5a644d;transform:translateY(-1px)}.family-boards .cbb-play-option strong{font-size:14px;font-weight:500;display:block}.family-boards .cbb-play-option small{display:block;margin-top:5px;font-size:11px;line-height:1.5;opacity:.82}.family-boards .cbb-play-secondary{background:#f1eadccc;color:#4f483a;border-color:#bbad92;box-shadow:0 2px #b1a18566}.family-boards .cbb-play-secondary:hover{background:#faf4e8}.family-boards .cbb-option-icon{font:28px/1 Georgia,serif;text-align:center}.family-boards .cbb-menu-footnote,.family-boards .cbb-local-note{font-size:12px;line-height:1.7;color:#7a6e5a}.family-boards .cbb-local-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #b6a98e77;padding:5px 0 16px;margin-bottom:20px}.family-boards .cbb-local-bar p{font:24px / 1.2 var(--font-serif-display);margin:5px 0 0}.family-boards .cbb-local-note{text-align:center;margin:20px 0}.family-boards .cbb-local-note a{color:#535a3f;text-underline-offset:3px}.family-boards .cbb-error{padding:12px 16px;background:#f7ded7;border:1px solid #b8755d;border-radius:4px;color:#772f27}.family-boards .catalog-game .box-art{position:static;width:82px;height:82px;margin:18px 0;color:var(--cbb-ink, #6b6750);--box-paper: #efe5cf}.family-boards [data-board=hex],.family-boards [data-board=royal-game-of-ur]{--cbb-ink: #435a79}.family-boards [data-board=amazons],.family-boards [data-board=checkers],.family-boards [data-board=hnefatafl]{--cbb-ink: #885942}.family-boards [data-board=kalah],.family-boards [data-board=backgammon]{--cbb-ink: #897039}.family-boards [data-board=reversi],.family-boards [data-board=nine-mens-morris]{--cbb-ink: #4d6758}.family-boards .cbb-menu a:focus-visible,.family-boards .cbb-collection-grid a:focus-visible{outline:3px solid #2c655f;outline-offset:5px}@media(max-width:900px){.family-boards .cbb-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.family-boards .cbb-menu{grid-template-columns:1fr;gap:25px}.family-boards .cbb-menu-art{aspect-ratio:2.6;width:100%;max-width:none;box-sizing:border-box;transform:rotate(-1deg);padding:14px}.family-boards .cbb-menu-art .box-art{height:105px;width:105px}.family-boards .cbb-menu-art>span{display:none}.family-boards .cbb-menu-content h2{font-size:38px}.family-boards .cbb-collection-heading{display:block}.family-boards .cbb-collection-heading p{margin-top:12px;max-width:none}.family-boards .cbb-collection-grid{gap:10px}.family-boards .cbb-collection-grid a{grid-template-columns:1fr;padding:14px;gap:8px}.family-boards .cbb-collection-grid a>span:last-child{position:absolute;right:14px;top:18px}.family-boards .cbb-collection-grid strong{font-size:20px}.family-boards .cbb-collection-grid .box-art{width:50px;height:50px}.family-boards .boards-collection{padding-top:28px}}@media(prefers-reduced-motion:reduce){.family-boards .cbb-collection-grid a,.family-boards .cbb-play-option{transition:none}.family-boards .cbb-collection-grid a:hover,.family-boards .cbb-play-option:hover{transform:none}}