.game-shelf{--shelf-line:color-mix(in oklab, var(--hg-cream) 20%, transparent);--shelf-muted:color-mix(in oklab, var(--hg-cream) 78%, var(--hg-night));--shelf-shadow:0 12px 24px color-mix(in oklab, var(--hg-velvet-deep) 65%, transparent);isolation:isolate;background:var(--hg-night);min-height:100dvh;color:var(--hg-cream);position:relative;overflow:visible}.game-shelf-scenery{z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--hg-night) 62%, transparent), var(--hg-night)), url(/assets/game-night-set-plain-BT4F92AE.jpg) center 35% / cover no-repeat;height:650px;position:absolute;inset:0 0 auto}.game-shelf-inner{max-width:1440px;padding:24px 48px max(28px, env(safe-area-inset-bottom));margin:auto}.game-shelf-header{grid-template-columns:1fr 280px 1fr;align-items:center;gap:24px;display:grid}.game-shelf-header .game-shelf-home{font-family:var(--font-sans);justify-self:start;padding:0;font-size:15px}.game-shelf-brand{outline-offset:6px;display:block}.game-shelf-brand img{object-fit:contain;width:100%;height:140px}.game-shelf-header .game-shelf-tv{font-family:var(--font-sans);border-radius:8px;justify-self:end;font-size:15px}.game-shelf-intro{text-align:center;padding:24px 0 38px}.game-shelf-intro>p{color:var(--hg-pink);letter-spacing:0;margin-bottom:12px;font-size:12px;font-weight:700}.game-shelf-intro h1{font:900 56px/1.1 var(--font-display);text-transform:uppercase;max-width:850px;min-height:62px;margin:auto}.game-shelf-library-heading{border-bottom:1px solid var(--shelf-line);justify-content:space-between;align-items:baseline;margin-bottom:12px;padding-bottom:14px;display:flex}.game-shelf-library-heading h2{font-size:18px;font-weight:700}.game-shelf-library-heading>span{color:var(--shelf-muted);font-size:13px}.game-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 36px;display:grid}.game-shelf-item{min-width:0}.game-shelf .game-shelf-link{width:100%;height:100%;min-height:0;box-shadow:none;white-space:normal;text-align:left;text-transform:none;letter-spacing:0;font-weight:400;font-family:var(--font-sans);color:var(--hg-cream);transition:transform .25s var(--ease-house);background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:start;align-items:stretch;gap:0;padding:0 0 22px;display:flex;overflow:visible}.game-shelf .game-shelf-link:hover{opacity:1;transform:translateY(-4px)}.game-shelf .game-shelf-link:focus-visible{outline:3px solid var(--hg-yellow);outline-offset:8px}.game-shelf-art{aspect-ratio:1376/768;margin:20px 0 22px;position:relative}.game-shelf-cover{box-shadow:var(--shelf-shadow);border-radius:8px;position:absolute;inset:0}.game-shelf-cover img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.game-shelf-copy{flex-direction:column;flex:1;align-items:stretch;padding-right:12px;display:flex}.game-shelf-copy h2{font:900 30px/1.1 var(--font-display);text-transform:uppercase;word-break:normal;overflow-wrap:normal;min-height:66px}.game-shelf-copy p{color:var(--shelf-muted);margin:10px 0 20px;font-size:16px;line-height:1.5}.game-shelf-play{color:var(--hg-yellow);border-top:1px solid var(--shelf-line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:16px;font-weight:700;display:flex}.game-shelf-play>span{font-size:24px}.game-shelf-footer{border-top:1px solid var(--shelf-line);color:var(--shelf-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-top:44px;padding-top:28px;font-size:14px;display:flex}.game-shelf-footer img{object-fit:contain;width:100px;height:48px}.game-shelf-footer a{font-family:var(--font-sans);padding:0;font-size:14px}.game-shelf-empty{color:var(--shelf-muted);padding:50px 0}@media (width<=1050px){.game-shelf-inner{padding-inline:32px}.game-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px}.game-shelf-header{grid-template-columns:1fr 230px 1fr;gap:16px}.game-shelf-header .game-shelf-tv{padding-inline:12px}}@media (width<=600px){.game-shelf-inner{padding:max(16px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom))}.game-shelf-header{grid-template-columns:1fr 1fr;gap:14px}.game-shelf-brand{grid-area:2/1/auto/-1;justify-self:center;width:240px}.game-shelf-brand img{height:120px}.game-shelf-header .game-shelf-tv{gap:4px;height:44px;font-size:13px}.game-shelf-intro{padding:16px 0 30px}.game-shelf-intro h1{max-width:360px;min-height:84px;font-size:38px}.game-shelf-grid{grid-template-columns:minmax(0,1fr);gap:10px}.game-shelf-copy h2{min-height:0}.game-shelf-art{margin-bottom:24px}.game-shelf-footer{justify-content:start;gap:16px}.game-shelf-footer>span{flex:1}.game-shelf-footer a{justify-content:start;width:100%}}@media (prefers-reduced-motion:reduce){.game-shelf .game-shelf-link{transition:none}.game-shelf .game-shelf-link:hover{transform:none}}.game-shelf-copy .game-shelf-how{color:color-mix(in oklab,var(--hg-cream) 82%,transparent);text-align:left;margin:10px 0 0;padding-left:1.2em;font-size:15px;line-height:1.35;list-style:decimal}.game-shelf-copy .game-shelf-how li+li{margin-top:2px}.game-shelf-copy .game-shelf-meta{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-lamp);flex-wrap:wrap;gap:8px;margin-top:10px;font-size:14px;font-weight:700;display:flex}.game-shelf-copy .game-shelf-meta span{border:1px solid color-mix(in oklab,var(--hg-lamp) 45%,transparent);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px}
