/* The games directory keeps the warm paper, ink and marigold palette of the shared editorial shell. */
:root { --games-paper:#f4f0e7; --games-ink:#171714; --games-muted:#69675f; --games-gold:#e6cf58; --games-line:#d9d2c2; }
.gaming-region { position:relative; z-index:1; background-color:#f4f0e7; }
body { margin:0; background-color:var(--games-paper); color:var(--games-ink); font-family:Arial,Helvetica,sans-serif; }
main { display:block; background:var(--games-paper); color:var(--games-ink); font-family:Arial,Helvetica,sans-serif; }
main section { position:relative; padding:clamp(58px,8vw,126px) max(28px,calc((100vw - 1230px)/2)); }
main h1, main h2, main p { margin-top:0; }
main h1, main h2 { color:var(--games-ink); font-weight:750; letter-spacing:-.045em; }
main h1 { max-width:900px; margin-bottom:22px; font-size:clamp(46px,8.4vw,112px); line-height:.94; }
main h2 { margin-bottom:20px; font-size:clamp(40px,6.4vw,82px); line-height:.96; }
.games-intro { min-height:490px; display:flex; align-items:center; overflow:visible; }
.games-reveal { width:100%; }
.games-kicker,.game-entry__index,.game-entry__type { font-size:12px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.games-kicker { margin-bottom:27px; color:#59574f; }
.games-kicker span { padding:0 10px; color:#b69d25; }
.games-summary { max-width:665px; color:var(--games-muted); font-size:clamp(17px,1.6vw,21px); line-height:1.65; }
.games-search { width:min(100%,620px); margin-top:36px; }
.games-search label { display:block; margin-bottom:10px; font-size:14px; font-weight:700; }
.games-search__row { display:flex; gap:10px; }
.games-search input { min-width:0; flex:1; min-height:54px; padding:0 17px; border:1px solid #8b877d; border-radius:3px; background-color:#fffdf8; color:#171714; font:inherit; }
.games-search input:focus-visible { outline:3px solid #b69d25; outline-offset:2px; }
.games-search input[aria-invalid="true"] { border-color:#a43d2c; }
.games-search__button,.game-entry__link,.game-entry__link.hvr-icon-forward { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; border:0; border-radius:3px; background-color:#e6cf58; color:#171714; font:700 14px/1.2 Arial,Helvetica,sans-serif; text-decoration:none; cursor:pointer; transition:background-color .18s ease,transform .18s ease; }
.games-search__button { padding:0 22px; }
.games-search__button:hover,.game-entry__link:hover { background-color:#d9bf3e; transform:translateY(-2px); }
.games-error { display:block; min-height:1.5em; margin-top:6px; color:#8b2e22; font-size:13px; }
.games-results { margin:7px 0 0; color:var(--games-muted); font-size:13px; }
.game-entry { min-height:405px; display:flex; align-items:center; border-top:1px solid var(--games-line); }
.game-entry--dark { background-color:#171714; color:#f4f0e7; }
.game-entry--dark h2 { color:#f4f0e7; }
.game-entry--dark .game-entry__type,.game-entry--dark .game-entry__description { color:#c8c2b5; }
.game-entry__index { display:flex; gap:11px; margin-bottom:34px; color:#78756a; }
.game-entry__index span { color:#b69d25; }
.game-entry__index i { font-style:normal; }
.game-entry__content { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px, .45fr); align-items:center; gap:clamp(32px,8vw,120px); }
.game-entry__copy { max-width:760px; }
.game-entry__type { margin-bottom:14px; color:#8b7924; }
.game-entry__description { max-width:650px; margin-bottom:29px; color:var(--games-muted); font-size:clamp(17px,1.6vw,20px); line-height:1.65; }
.game-entry__link { min-width:190px; padding:0 22px; }
.game-entry__link span { font-size:19px; }
.game-entry__aside { min-height:210px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding-left:clamp(24px,4vw,64px); border-left:1px solid #b9ad84; color:var(--games-muted); }
.game-entry--dark .game-entry__aside { color:#d4cebf; border-color:#5c5745; }
.game-entry__monogram { color:#e6cf58; font-size:clamp(74px,10vw,132px); font-weight:700; letter-spacing:-.08em; line-height:.9; }
.game-entry__aside p { margin:12px 0 20px; font-size:13px; letter-spacing:.1em; text-transform:uppercase; }
.game-entry__rule { width:52px; height:3px; background:#e6cf58; }
.game-entry--final { min-height:560px; }
.game-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(25px,6vw,82px); }
.game-pair__item { padding:clamp(25px,4vw,48px); border:1px solid var(--games-line); background:#fffdf8; }
.game-pair__item h2 { font-size:clamp(34px,4.7vw,59px); }
.game-pair__item p:not(.game-entry__type) { min-height:6em; color:var(--games-muted); font-size:16px; line-height:1.65; }
.games-reveal-ready .games-reveal { opacity:0; transform:translateY(20px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1); }
.games-reveal-ready .games-reveal.is-settled { opacity:1; transform:translateY(0); }
main [hidden] { display:none !important; }
main a:focus-visible,main button:focus-visible { outline:3px solid #171714; outline-offset:4px; }
/* Abandoned catalog experiment: .cache-segment,.tile-sorting-probe,.provider-badge-v3 are inert migration hooks and deliberately carry no presentation rules. */
@media (max-width:760px) {
 main section { padding:62px 25px; }
 .games-intro { min-height:unset; padding-top:76px; padding-bottom:78px; }
 .games-search__row { flex-direction:column; }
 .games-search__button { width:100%; }
 .game-entry { min-height:unset; }
 .game-entry__content { grid-template-columns:1fr; gap:30px; }
 .game-entry__aside { min-height:0; flex-direction:row; align-items:center; gap:14px; padding:20px 0 0; border:0; border-top:1px solid #b9ad84; }
 .game-entry__monogram { font-size:56px; }
 .game-entry__aside p { margin:0; }
 .game-entry__rule { margin-left:auto; }
 .game-pair { grid-template-columns:1fr; }
 .game-pair__item p:not(.game-entry__type) { min-height:0; }
}
@media (max-width:390px) {
 main section { padding-right:20px; padding-left:20px; }
 main h1 { font-size:clamp(42px,13vw,54px); }
 main h2 { font-size:clamp(36px,11vw,48px); }
 .game-entry__link { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
 .games-reveal-ready .games-reveal { opacity:1; transform:none; }
}