.page-games { background: #f7f5ef; color: #15392f; }
.games-shell { padding-block: clamp(2rem, 5vw, 5rem); }
.games-hero { max-width: 54rem; margin-bottom: 2rem; }
.games-hero h1 { font-size: clamp(2.25rem, 6vw, 4.8rem); line-height: .98; letter-spacing: -.055em; margin: .3rem 0 1rem; }
.eyebrow, .game-card__type { color: #8d6420; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.games-search { background: #fff; border: 1px solid #d7e3dc; border-radius: 1.25rem; padding: 1.25rem; box-shadow: 0 .5rem 1.5rem #15392f0d; }
.games-search label { display: grid; gap: .35rem; font-weight: 700; }.games-search input,.games-search select { min-height: 44px; border: 1px solid #b7c8c0; border-radius: .65rem; padding: .6rem .75rem; background: #fff; color: inherit; }.games-search__row { display: flex; flex-wrap: wrap; gap: .65rem; }.games-search__row input { flex: 1 1 18rem; }.games-filters { margin-top: 1rem; }.games-filters summary { cursor: pointer; font-weight: 800; padding: .65rem 0; }.games-filters__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; margin: .75rem 0 1rem; }.games-filters__grid label { font-size: .9rem; }
.games-active { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; }.games-active span { background: #e3f0ea; padding: .25rem .55rem; border-radius: 99px; font-size: .85rem; }.games-results { display: flex; justify-content: space-between; gap: 1rem; margin: 1.75rem 0; }.games-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }.game-card { display: grid; grid-template-columns: 2.6rem 1fr; gap: .9rem; background: #fff; border: 1px solid #d7e3dc; border-radius: 1rem; padding: 1rem; transition: border-color .16s ease, transform .16s ease; }.game-card:hover { border-color: #146b4e; transform: translateY(-2px); }.game-card__icon { color: #176b50; }.game-card__icon svg { width: 2.2rem; height: 2.2rem; }.game-card h2,.game-card h3 { margin: .15rem 0 .5rem; line-height: 1.05; }.game-card h2 a,.game-card h3 a { color: inherit; text-decoration: none; }.game-card__summary { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: #49635a; }.game-card__meta { display: flex; gap: .4rem .7rem; flex-wrap: wrap; padding: 0; margin: .8rem 0 0; list-style: none; font-size: .83rem; }.game-card__care,.game-detail__care { background: #fff0ef; color: #8c3026; border-radius: .6rem; padding: .55rem .7rem; font-size: .85rem; }.games-empty,.game-detail,.games-prose { background: #fff; border: 1px solid #d7e3dc; padding: clamp(1.25rem,4vw,3rem); border-radius: 1.25rem; }.games-pagination { display:flex; justify-content: center; gap: 1rem; margin: 2rem 0; }.games-credit { border-top: 1px solid #cbd9d2; padding-top: 1rem; color: #536e64; }.games-back { display: inline-block; margin-bottom: 1rem; }.game-detail h1 { font-size: clamp(2rem, 5vw, 4rem); line-height: 1; }.game-detail__lead { font-size: 1.2rem; line-height: 1.6; }.game-detail__facts { display: grid; grid-template-columns: repeat(5,1fr); padding: 0; list-style: none; gap: .5rem; }.game-detail__facts li { background: #edf5f0; padding: .7rem; border-radius: .6rem; }.game-detail__facts strong { display:block; font-size: .8rem; }.game-detail section { margin-top: 2rem; }.game-adaptations { display:grid; grid-template-columns: repeat(2,1fr); gap: .75rem; }.game-adaptations article { border-left: 4px solid #d5a31c; padding: .5rem 1rem; background: #fcfaf4; }.game-note { color:#735418; font-weight: 700; }.game-source { border-top: 1px solid #d7e3dc; }.games-prose { max-width: 48rem; }.page-games a:focus-visible,.page-games button:focus-visible,.page-games input:focus-visible,.page-games select:focus-visible { outline: 3px solid #e7ad26; outline-offset: 3px; }
@media print { .site-header,.site-footer,.games-back,.games-similar { display:none!important; } .page-games { background:white; } .games-shell { padding:0; } .game-detail { border:0; padding:0; } }
@media (max-width: 760px) { .games-grid { grid-template-columns: 1fr; }.games-filters__grid { grid-template-columns: 1fr 1fr; }.game-detail__facts { grid-template-columns: 1fr 1fr; }.game-adaptations { grid-template-columns: 1fr; }.games-results { display:block; }.games-search__row .button { flex: 1 1 10rem; min-height:44px; } }
@media (prefers-reduced-motion: reduce) { .game-card { transition:none; }.game-card:hover { transform:none; } }
.games-suggest{display:grid;gap:1rem}.games-suggest fieldset{border:1px solid #d7e3dc;border-radius:1rem;padding:1rem;display:grid;gap:.8rem}.games-suggest label{display:grid;gap:.35rem;font-weight:700}.games-suggest textarea{min-height:9rem;resize:vertical}.games-suggest input,.games-suggest select,.games-suggest textarea{min-height:44px;border:1px solid #b7c8c0;border-radius:.65rem;padding:.65rem;background:#fff;color:#15392f}.games-suggest input[type=checkbox]{min-height:1rem;width:1rem}.games-suggest fieldset>label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem}.games-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.games-always{padding:.75rem 1rem;border-left:4px solid #d5a31c;background:#fcfaf4;font-weight:700}.games-error{padding:.7rem;background:#fff0ef;color:#8c3026;border-radius:.6rem}@media(min-width:760px){.games-suggest fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.games-suggest fieldset legend{grid-column:1/-1}.games-suggest fieldset>label:has(textarea),.games-suggest fieldset>p{grid-column:1/-1}}