.family-library{--library-header-height: 88px}.family-library .family-shell{max-width:1160px;padding-inline:40px}.family-library [hidden]{display:none!important}.library-main{display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;height:calc(100svh - var(--library-header-height));min-height:430px;box-sizing:border-box;padding:32px 0 18px}.library-intro{padding-top:12px}.library-intro .eyebrow{margin:0 0 19px;font-size:10px;letter-spacing:.16em}.library-intro h1{margin:0;font:400 44px / 1.06 var(--font-serif);letter-spacing:-.035em}.library-intro h1 em{font-weight:400}.library-lede{max-width:220px;margin:22px 0 0;font-size:15px;line-height:1.7;color:var(--ink-soft)}.library-index-note{display:flex;align-items:center;gap:13px;max-width:204px;margin:44px 0 29px;padding:17px 16px;background:#e7dcc1;color:#66543b;transform:rotate(-3deg);box-shadow:1px 2px 3px rgb(var(--shade-rgb) / .12)}.library-index-note>span{font-size:24px;opacity:.65}.library-index-note p{margin:0;font:400 18px / 1.3 var(--font-serif)}.library-index-note em{display:block;margin-top:4px;font-size:14px}.library-family-link{color:var(--ink-soft);font-size:13px;text-underline-offset:4px}.library-catalog{min-width:0;min-height:0;display:flex;flex-direction:column}.library-tools{display:grid;grid-template-columns:minmax(0,1fr) 186px;gap:18px}.library-tools label{display:flex;flex-direction:column;gap:7px;color:var(--ink-soft);font:400 12px / 1.3 var(--font-sans)}.library-tools :is(input,select){width:100%;min-width:0;height:40px;box-sizing:border-box;padding:7px 10px;color:var(--ink);background:#fbf6e6b3;border:1px solid rgb(var(--edge-rgb) / .3);border-radius:2px;box-shadow:inset 0 1px 2px rgb(var(--shade-rgb) / .06);font:400 14px var(--font-sans)}.library-results{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:14px}.library-results p{margin:0;color:var(--ink-soft);font-size:12px}.library-reset{padding:6px 0;border:0;color:var(--ink);background:none;text-decoration:underline;text-underline-offset:3px;font:400 12px var(--font-sans);cursor:pointer}.library-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8a58d transparent;scrollbar-gutter:stable;border-block:1px solid rgb(var(--edge-rgb) / .23);scroll-padding:15px}.library-grid{list-style:none;margin:0;padding:16px 13px 24px 9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 17px}.catalog-entry{min-width:0;--catalog-paper: #d7c8a3;--catalog-ink: #514430;--catalog-turn: -.45deg}.catalog-entry:nth-child(3n+2){--catalog-turn: .65deg}.catalog-entry:nth-child(4n){--catalog-turn: -.8deg}.catalog-game{display:flex;flex-direction:column;position:relative;min-height:209px;height:100%;box-sizing:border-box;padding:14px 16px 11px;border:1px solid rgb(76 56 35 / .35);border-radius:3px 2px 4px;background:radial-gradient(ellipse at 8% 0,rgb(255 243 207 / .38),transparent 72%),var(--catalog-paper);color:var(--catalog-ink);text-decoration:none;isolation:isolate;transform:rotate(var(--catalog-turn));box-shadow:inset 0 0 0 1px #fff4cf40,1px 3px #b49c76,2px 5px #8c7558,3px 8px 7px rgb(var(--shade-rgb) / .16);transition:transform .2s ease,box-shadow .2s ease}.catalog-game:before,.catalog-game:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1}.catalog-game:before{background:var(--box-pulp, var(--paper-fibres)),var(--board-fibres);background-size:512px 512px;mix-blend-mode:multiply;opacity:.12}.catalog-game:after{background:radial-gradient(ellipse 36px 4px at 20% 100%,rgb(243 222 175 / .55),transparent 85%),radial-gradient(ellipse 17px 10px at 98% 0,rgb(236 214 166 / .55),transparent 80%),radial-gradient(ellipse 28px 17px at 85% 83%,transparent 55%,rgb(120 86 46 / .075) 65%,transparent 76%);box-shadow:inset -3px -4px 5px #513c211a,inset 3px 1px 2px #fff8db33}.catalog-game:hover{transform:translateY(-3px) rotate(0)}.catalog-edition{display:flex;align-items:baseline;gap:8px;font:500 11px / 1.35 var(--font-sans)}.catalog-edition>span{font-size:9px;letter-spacing:.055em;opacity:.84}.catalog-game h2{position:relative;margin:15px 0 8px;padding-right:44px;font:500 25px / 1.05 var(--font-serif);letter-spacing:-.015em;overflow-wrap:anywhere}.catalog-game:hover h2{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.catalog-mode{margin:0;padding-right:30px;font-size:11px;line-height:1.5;opacity:.85}.catalog-open{display:flex;justify-content:space-between;align-items:baseline;gap:9px;margin-top:auto;padding-top:10px;border-top:1px solid currentColor;font-size:11px}.catalog-open>span{font-size:17px}.library-emblem{position:absolute;width:51px;height:51px;right:8px;top:48px;opacity:.7}.catalog-chess,.catalog-casino{--catalog-paper: #d5c6a1}.catalog-draughts{--catalog-paper: #a86b57;--catalog-ink: #fff0d4}.catalog-territory{--catalog-paper: #718071;--catalog-ink: #fff0d6}.catalog-mancala{--catalog-paper: #c9aa72}.catalog-race{--catalog-paper: #819291;--catalog-ink: #fbefd6}.catalog-connections{--catalog-paper: #bc9b80}.family-cards .catalog-game{--catalog-paper: #f0e4c9;--catalog-ink: #584634;border-color:#beaa87;box-shadow:inset 0 0 7px #9a7a4717,1px 2px #d0bd98,2px 4px #e5d6b7,3px 7px 6px rgb(var(--shade-rgb) / .13)}.family-cards .catalog-entry:nth-child(3n) .catalog-game{--catalog-paper: #e6d9bd}.family-cards .catalog-entry:nth-child(4n) .catalog-game{--catalog-paper: #eee6d2}.deck-emblem{position:absolute;right:14px;top:54px;width:35px;height:49px;color:#4f5148}.deck-emblem.suit-tricks,.deck-emblem.suit-rummy,.deck-emblem.suit-casino{color:#9b4e3f}.deck-leaf{position:absolute;inset:0;border:1px solid #c2b398;border-radius:3px;background:#f8f0df;box-shadow:1px 2px 1px #4f361f26;transform:rotate(-11deg) translate(-6px)}.deck-leaf:nth-child(2){transform:rotate(8deg) translate(3px)}.deck-leaf:last-child{display:grid;place-items:center;transform:rotate(-2deg);background:radial-gradient(ellipse at 0 0,#fff9e9,transparent),#f1e4c9}.deck-leaf b{font:23px Georgia,serif}.deck-leaf small{position:absolute;top:2px;left:3px;font:9px Georgia,serif}.deck-leaf small:last-child{inset:auto 3px 2px auto;transform:rotate(180deg)}.library-empty{padding:52px 16px;text-align:center;color:var(--ink-soft)}.library-empty p{margin:0 0 10px;color:var(--ink);font:400 28px var(--font-serif)}.library-empty span{display:block;margin-bottom:18px;font-size:14px}.library-destinations{margin:12px 0 0;font-size:11px;line-height:1.5;color:var(--ink-soft)}.family-library :is(a,button,input,select,.library-scroll):focus-visible{outline:2px solid #81513d;outline-offset:4px}@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.family-library .family-shell{padding-inline:28px}.library-main{grid-template-columns:200px minmax(0,1fr);gap:26px}.library-intro h1{font-size:38px}.library-tools{grid-template-columns:minmax(0,1fr) 156px;gap:12px}}@media(max-width:720px){.family-library{--library-header-height: 72px}.family-library .family-shell{padding-inline:16px}.library-main{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:15px;padding-top:17px;min-height:400px}.library-intro{padding:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.library-intro .eyebrow,.library-lede,.library-index-note{display:none}.library-intro h1{font-size:29px;line-height:1.1}.library-intro h1 br{display:none}.library-family-link{flex-shrink:0;font-size:11px;max-width:100px}.library-grid{gap:20px 15px}.catalog-game{min-height:185px}}@media(max-width:460px){.library-tools{grid-template-columns:1fr 128px;gap:9px}.library-tools :is(input,select){font-size:13px;padding-inline:7px}.library-family-link{display:none}.library-grid{grid-template-columns:1fr}.catalog-game{min-height:164px;padding:13px 17px 10px}.catalog-game h2{margin-top:13px;padding-right:67px;font-size:26px}.library-emblem{width:62px;height:62px;top:36px;right:15px}.deck-emblem{top:41px;right:24px}}@media(max-width:720px)and (max-height:680px){.family-library{--library-header-height: 56px}}@media(max-height:670px)and (min-width:721px){.library-index-note{margin-top:25px}}@media(prefers-reduced-motion:reduce){.catalog-game{transition:none}}
