header{max-width:740px;padding:36px 0 30px}
h1{letter-spacing:-.055em}.lede{font-size:1.05rem;max-width:650px}
.featured-game{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #eadfd4;border-radius:26px;background:#fff;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 8px 28px #34313f08;transition:border-color .2s}
.featured-game:hover{border-color:#a73e53}.featured-copy{padding:36px}.featured-game h2{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.045em;margin:17px 0}.featured-game h2 em{font-family:Georgia,serif;color:#a73e53;font-weight:400}.featured-game p{color:#6a6572;margin:0}.featured-game img{width:100%;height:100%;object-fit:cover}.featured-go{display:inline-block;background:#a73e53;color:#fff;padding:12px 21px;border-radius:999px;margin-top:24px;font-weight:750;font-size:.9rem}
.library-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:42px}.library-heading h2{font-size:1.6rem;letter-spacing:-.035em;line-height:1.2;margin:6px 0 0}.library-heading p{font-size:.84rem;color:#6a6572;margin:0}
.game-filters{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.game-filters button{font:inherit;font-size:.85rem;font-weight:750;border:1px solid #d9cfc6;border-radius:999px;padding:10px 17px;background:#fff;color:#534b59;cursor:pointer;min-height:44px}.game-filters button[aria-pressed=true]{background:#34313f;color:white;border-color:#34313f}
.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}.card{border-radius:20px;box-shadow:0 4px 14px #34313f06;transition:transform .2s,border-color .2s}.card:hover,.card:nth-child(even):hover{transform:translateY(-3px);box-shadow:0 9px 22px #34313f0c;border-color:#bf9ca4}.art{height:165px}.card h2{line-height:1.22;font-size:1.25rem}.body{padding:20px}.card p{font-size:.9rem}.go{font-size:.87rem}.pill{font-size:.7rem}.tag{font-size:.64rem}
.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:white;color:#34313f;padding:12px 18px;border-radius:12px}.skip-link:focus{top:12px}
@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-copy{padding:26px}}
@media(max-width:620px){.featured-game{grid-template-columns:1fr}.featured-game img{height:185px;grid-row:1;object-position:center 55%}.featured-copy{padding:23px}.library-heading{align-items:start;flex-direction:column;gap:9px}.grid{gap:15px}.body{padding:17px}.card h2{font-size:1.13rem}.art{height:140px}}
@media(max-width:460px){.grid{grid-template-columns:minmax(0,1fr)}.art{height:168px}.game-filters{gap:7px}.game-filters button{padding-inline:13px}.featured-game h2{font-size:2rem}}
