.catalogue-page .wrap{max-width:1240px}.catalogue-page [hidden]{display:none!important}.home-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:54px;padding:66px 0 62px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:#765031;line-height:1.5;margin:0 0 15px}.home-hero h1{font-size:48px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 23px;max-width:620px}.hero-lead{font-size:18px;line-height:1.65;color:#605950;max-width:650px}.primary-link{display:inline-flex;gap:35px;align-items:center;padding:13px 23px;background:#765031;color:#fff;border-radius:9px;text-decoration:none;font-weight:700;margin-top:15px}.primary-link:hover{background:#533720}.hero-note{font-size:12px;color:#706a61;margin:14px 0 0}.hero-feature{display:block;overflow:hidden;border:1px solid #d9c5ab;border-radius:17px;background:#f2e9dc;text-decoration:none;color:var(--ink);box-shadow:0 16px 35px #5e412614;transform:rotate(1deg)}.hero-feature img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.hero-feature>div{padding:22px 25px}.hero-feature .eyebrow{display:block;font-size:10px;margin:0 0 8px}.hero-feature strong{display:block;font:700 25px/1.25 Georgia,serif;margin-bottom:9px}.hero-feature div>span:last-child{display:flex;gap:15px;justify-content:space-between;font-size:13px;color:#60503e}.catalogue-section{padding:35px 0 55px;border-top:1px solid var(--line);scroll-margin-top:25px}.catalogue-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.catalogue-heading h2{font-size:35px;margin:0;line-height:1.2}.catalogue-heading .eyebrow{margin-bottom:8px}#catalogue-count{font-size:13px;color:var(--muted);margin:0 0 5px;white-space:nowrap}.catalogue-tools{padding:22px;background:#f0ece4;border:1px solid #ded9d0;border-radius:13px;margin-bottom:28px}.search-row{display:grid;grid-template-columns:1fr 270px;gap:18px}.search-row label{display:block;font-size:12px;font-weight:700;color:#66503e}.search-row input,.search-row select{display:block;width:100%;height:48px;padding:10px 14px;margin:6px 0 0;border:1px solid #c9bdaa;border-radius:7px;background:#fffdfa;color:#302d29;font:16px Arial,sans-serif}.catalogue-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.catalogue-filters button{border:1px solid #d9cbb9;border-radius:7px;padding:9px 15px;min-height:44px;font:14px Arial,sans-serif;color:#4d4238;background:#fffdfa;cursor:pointer}.catalogue-filters button span{margin-left:9px;opacity:.75;font-size:12px}.catalogue-filters button[aria-pressed=true]{background:#765031;color:#fff;border-color:#765031}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e0d5c7;background:#fffdfa;border-radius:13px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.game-card:hover{border-color:#b99871;box-shadow:0 8px 25px #63421a12}.game-cover{display:block;position:relative;text-decoration:none;color:#fff;background:#23162a;overflow:hidden}.game-cover img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .2s}.game-cover>span{position:absolute;inset:auto 0 0;padding:20px 15px 9px;background:linear-gradient(transparent,#000b);font-size:12px;display:flex;justify-content:space-between}.game-card:hover .game-cover img{transform:scale(1.025)}.game-copy{padding:18px 19px 17px;display:flex;flex:1;flex-direction:column}.game-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#706356;margin:0 0 12px}.game-meta span{color:#765031}.game-copy h3{font:700 22px/1.25 Georgia,serif;margin:0 0 7px}.game-copy h3 a{color:inherit;text-decoration:none}.game-alias{font-size:12px;color:#817266;margin:0 0 10px;line-height:1.5}.game-desc{font-size:14px;line-height:1.6;margin:0 0 20px;color:#60594f}.game-more{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ece3d8;padding-top:13px;font-size:13px;font-weight:700;color:#765031;text-decoration:none}.home-guide{padding:42px 0 60px;border-top:1px solid var(--line)}.section-heading{max-width:730px;margin-bottom:28px}.section-heading h2,.home-faq h2{font-size:33px;line-height:1.2;margin:0 0 15px}.section-heading>p:last-child,.home-faq>div>p:last-child{color:#6b6258;font-size:16px}.mechanic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mechanic-grid article{padding:26px;background:#f2e9dc;border-radius:12px;border:1px solid #e2d4c1}.mechanic-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfb18b;border-radius:8px;color:#765031;margin-bottom:18px;font-size:24px}.mechanic-grid h3{font:700 22px Georgia,serif;margin:0 0 12px}.mechanic-grid p{font-size:14px;color:#65594c;line-height:1.65}.mechanic-grid a{font-size:13px;color:#765031;text-underline-offset:3px}.home-faq{padding:42px 0 65px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.7fr;gap:70px}.faq-list details{border-bottom:1px solid #ded9d0;padding:0;background:transparent}.faq-list summary{padding:20px 30px 20px 0;cursor:pointer;font-size:16px;font-weight:600}.faq-list p{font-size:14px;color:#65594c;padding:0 0 16px;margin:0}.site-footer{border-top:1px solid #ded9d0;padding:35px 0;background:#f0ece4}.site-footer .footer-brand{font:700 21px Georgia,serif;color:#302d29;text-decoration:none}.site-footer p{font-size:12px;color:#706a61}.site-footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:13px}.site-footer a{color:#765031}.catalogue-intro{padding:36px 0 30px}.catalogue-intro h1{font-size:44px;margin:18px 0}.catalogue-end{margin-bottom:45px}#empty-results{text-align:center;padding:50px 20px;border:1px dashed #c9bdaa;border-radius:12px}#reset-catalogue{padding:13px 18px;border:0;border-radius:7px;color:#fff;background:#765031;cursor:pointer}.catalogue-page :focus-visible{outline:3px solid #a46c33;outline-offset:4px}
@media(max-width:950px){.home-hero{gap:28px}.home-hero h1{font-size:39px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-feature strong{font-size:21px}.home-faq{gap:30px}.mechanic-grid{gap:12px}.mechanic-grid article{padding:20px}}
@media(max-width:650px){.catalogue-page .wrap{padding:0 20px}.home-hero{grid-template-columns:1fr;padding:32px 0;gap:28px}.home-hero h1{font-size:38px;letter-spacing:-1px}.hero-lead{font-size:16px}.hero-feature{transform:none}.hero-feature>div{padding:18px}.hero-note{font-size:11px}.catalogue-heading{align-items:start;flex-direction:column;gap:10px}.catalogue-heading h2{font-size:30px}.catalogue-section{padding-top:28px}.catalogue-tools{padding:15px}.search-row{grid-template-columns:1fr;gap:13px}.catalogue-filters{gap:7px}.catalogue-filters button{padding:8px 10px;font-size:12px;flex:1 1 40%}.game-grid{gap:18px;grid-template-columns:1fr}.game-copy{padding:18px}.game-copy h3{font-size:24px}.game-meta{font-size:11px}.mechanic-grid,.home-faq{grid-template-columns:1fr;gap:18px}.home-guide{padding:30px 0}.section-heading h2,.home-faq h2{font-size:29px}.home-faq{padding:30px 0 45px}.catalogue-intro h1{font-size:35px}.site-footer nav{gap:15px}.primary-link{min-height:48px}.game-cover img{max-height:250px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.game-card,.game-cover img{transition:none}}

@media(max-width:650px){.hero-dash{display:none}}

/* Purpose: a clear introduction, followed by concrete uses of the guide. */
.hero-about-link{display:inline-block;margin-top:12px;font-size:13px;color:#765031;text-underline-offset:4px}
.site-purpose{display:grid;grid-template-columns:1fr 1.3fr;gap:30px 64px;padding:44px 0 50px;border-top:1px solid var(--line);scroll-margin-top:28px}
.purpose-intro h2{font-size:34px;line-height:1.2;margin:0 0 22px}.purpose-intro p:not(.eyebrow){font-size:16px;line-height:1.75;color:#60594f;margin:0 0 18px}.purpose-intro>a{font-size:14px}
.purpose-details{display:grid;gap:20px}.purpose-details article{max-width:none;width:100%;margin:0;padding:0 0 20px;border-bottom:1px solid #e0d5c7}.purpose-details article:last-child{border-bottom:0;padding-bottom:0}.purpose-details h3{font-size:20px;font-family:Georgia,serif;line-height:1.35;margin:0 0 10px}.purpose-details p{font-size:15px;line-height:1.7;margin:0;color:#60594f}
.purpose-note{grid-column:1/-1;background:#f2e9dc;border-left:3px solid #a5753e;border-radius:0 8px 8px 0;margin:0;padding:17px 20px;font-size:14px;color:#65503d;line-height:1.65}
@media(max-width:700px){.site-purpose{grid-template-columns:1fr;gap:26px;padding:30px 0}.purpose-intro h2{font-size:29px}.purpose-intro p:not(.eyebrow){font-size:15px}.purpose-details h3{font-size:21px}.purpose-note{padding:15px;font-size:13px}}