.jogos-page { overflow: clip; }
.jogos-page .section { padding-block: var(--space-9); }
.jogos-page h2 { margin-block-end: var(--space-4); }
.jogos-page a { font-weight: 600; }
.jogos-intro__grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-8); align-items: start; }
.jogos-intro__lead, .jogos-methodology { min-width: 0; }
.jogos-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); align-items: center; margin-block-end: var(--space-4); padding-block-end: var(--space-3); border-bottom: var(--border-subtle); color: var(--color-muted-ink); font-family: var(--font-mono); font-size: var(--text-xs); }
.jogos-breadcrumb a { color: var(--color-dispatch-navy); }
.jogos-intro__label { display: flex; align-items: center; gap: var(--space-2); margin-block-end: var(--space-3); color: var(--color-teal-accent); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .04em; }
.jogos-intro__label span { width: .5rem; height: .5rem; background: var(--color-teal-accent); }
.jogos-intro h1 { max-width: 47.5rem; font-size: clamp(2.35rem, 5vw, 4rem); }
.jogos-intro__dek { max-width: 42.5rem; margin-block-end: 0; font-size: var(--text-md); line-height: 1.55; }
.jogos-methodology { max-width: 26.25rem; padding: var(--space-5); border-top: 3px solid var(--color-teal-accent); background: var(--color-editorial-silver); }
.jogos-methodology__label { margin-block-end: var(--space-3); color: var(--color-dispatch-navy); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .04em; }
.jogos-methodology p:last-child { margin: 0; font-size: var(--text-base); }
.jogos-section-heading { max-width: 36.25rem; }
.jogos-section-heading > :last-child { margin-block-end: 0; }
.jogos-shortcuts__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 5fr) minmax(0, 3fr); gap: var(--space-6); margin-top: var(--space-7); }
.jogos-shortcut { min-width: 0; padding-top: var(--space-4); border-top: var(--border-strong); }
.jogos-shortcut h3 { margin-block-end: var(--space-3); font-size: var(--text-xl); }
.jogos-shortcut p { max-width: 20rem; }
.jogos-link-list, .jogos-coverage-links { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.jogos-link-list a, .jogos-coverage-links a { display: flex; align-items: center; min-height: 2.75rem; color: var(--color-dispatch-navy); }
.jogos-tag-list { display: flex; flex-wrap: wrap; gap: var(--space-2); min-width: 0; }
.jogos-tag-list .tag { min-height: 2.25rem; color: var(--color-graphite-ink); text-decoration: none; }
.jogos-tag-list .tag:hover { background: var(--color-teal-accent); color: var(--color-newsprint-white); }
.jogos-tools { border-top: 1px solid var(--color-dispatch-navy); }
.jogos-tools__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; }
.jogos-search, .jogos-tools__intro { min-width: 0; }
.jogos-search { position: relative; }
.jogos-search__controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.jogos-search__controls button { min-width: 6rem; }
.jogos-search__help { max-width: 33.75rem; margin-block: var(--space-3) 0; color: var(--color-muted-ink); font-size: var(--text-base); }
.jogos-suggestions { position: absolute; z-index: 2; width: 100%; margin-top: var(--space-2); padding: var(--space-3); border: var(--border-subtle); border-radius: var(--radius-panel); background: var(--color-newsprint-white); box-shadow: var(--shadow-floating); }
.jogos-suggestions a { display: block; min-height: 2.75rem; padding: var(--space-2); color: var(--color-dispatch-navy); }
.jogos-filter-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); padding: var(--space-5); background: var(--color-editorial-silver); border-top: 2px solid var(--color-dispatch-navy); }
.jogos-filter-group { display: flex; min-width: 0; flex-direction: column; gap: var(--space-2); }
.jogos-filter-group legend { margin-bottom: var(--space-3); color: var(--color-dispatch-navy); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .04em; }
.jogos-filter-group label { display: flex; align-items: center; gap: var(--space-2); min-height: 2rem; margin: 0; font-size: var(--text-base); font-weight: 400; }
.jogos-results-bar { display: flex; justify-content: space-between; gap: var(--space-5); align-items: center; margin-top: var(--space-5); padding-top: var(--space-4); border-top: var(--border-subtle); }
.jogos-results-bar > * { min-width: 0; }
.jogos-results-bar p { max-width: 38.75rem; margin: 0; color: var(--color-muted-ink); }
.jogos-results-bar__controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--space-3); }
.jogos-results-bar__controls label { margin: 0; font-size: var(--text-sm); }
.jogos-results-bar__controls select { width: auto; min-width: 12rem; }
.jogos-clear { min-height: 2.75rem; }
.jogos-feature__primary { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--space-7); align-items: start; margin-top: var(--space-7); }
.jogos-feature__image, .jogos-feature__copy { min-width: 0; }
.jogos-feature__image img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: left center; border-radius: var(--radius-panel); }
.jogos-feature__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.jogos-feature__copy > * { margin: 0; }
.jogos-feature__copy h3 { font-size: var(--text-2xl); }
.jogos-feature__copy p { max-width: 36.25rem; }
.jogos-feature__secondary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6); margin-top: var(--space-7); }
.jogos-feature-route { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--space-5); min-width: 0; padding-top: var(--space-5); border-top: var(--border-subtle); }
.jogos-feature-route > * { min-width: 0; }
.jogos-feature-route img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-panel); }
.jogos-feature-route h3 { font-size: var(--text-xl); }
.jogos-feature-route--text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.jogos-feature-route--text > * { margin: 0; }
.jogos-feature__note { max-width: 41.25rem; margin: var(--space-6) 0 0; padding-top: var(--space-4); border-top: var(--border-subtle); color: var(--color-muted-ink); font-size: var(--text-base); }
.jogos-results__heading { justify-content: flex-start; }
.jogos-results__heading h2 { margin-block-end: 0; }
.jogos-active-filters { display: flex; flex-wrap: wrap; gap: var(--space-2); min-width: 0; margin-top: var(--space-4); }
.jogos-active-filter { min-height: 2.25rem; border-color: var(--color-teal-accent); background: transparent; color: var(--color-graphite-ink); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; }
.jogos-active-filter:hover { background: var(--color-editorial-silver); color: var(--color-graphite-ink); }
.jogos-results__list { display: flex; flex-direction: column; gap: 0; margin-top: var(--space-6); }
.jogos-result { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 6fr) minmax(12rem, 3fr); gap: var(--space-5); min-width: 0; padding-block: var(--space-6); border-top: var(--border-subtle); }
.jogos-result > * { min-width: 0; }
.jogos-result__thumb { width: 100%; aspect-ratio: 4 / 3; border-radius: var(--radius-panel); background: var(--color-editorial-silver); color: var(--color-dispatch-navy); object-fit: cover; }
.jogos-result__placeholder { display: grid; place-items: center; padding: var(--space-4); font-family: var(--font-mono); font-size: var(--text-xs); text-align: center; }
.jogos-result__main { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-3); }
.jogos-result__main > * { margin: 0; }
.jogos-result__main h3 { font-size: var(--text-xl); }
.jogos-result__meta { color: var(--color-muted-ink); font-family: var(--font-mono); font-size: var(--text-xs); line-height: 1.55; }
.jogos-result__summary { max-width: 32.5rem; }
.jogos-result__facts { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: 0; margin: 0; list-style: none; }
.jogos-result__facts li { padding-left: var(--space-2); border-left: 2px solid var(--color-teal-accent); color: var(--color-muted-ink); font-size: var(--text-sm); }
.jogos-result__coverage { padding-left: var(--space-4); border-left: var(--border-subtle); }
.jogos-result__coverage h4 { margin-bottom: var(--space-3); color: var(--color-dispatch-navy); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 500; letter-spacing: .04em; text-transform: uppercase; }
.jogos-result__coverage ul { display: flex; flex-direction: column; gap: var(--space-2); padding: 0; margin: 0; list-style: none; }
.jogos-result__coverage a { display: flex; align-items: center; min-height: 2.25rem; }
.jogos-empty { max-width: 32.5rem; margin: var(--space-6) auto 0; padding: var(--space-6); background: var(--color-editorial-silver); text-align: center; }
.jogos-empty .action-group { justify-content: center; }
.jogos-load-more { margin-top: var(--space-6); }
.jogos-reading__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-7); margin-top: var(--space-7); }
.jogos-reading__grid article { min-width: 0; padding-block: var(--space-5); border-top: var(--border-subtle); }
.jogos-reading__grid article:nth-child(-n + 2) { border-top-color: var(--color-dispatch-navy); }
.jogos-reading__grid h3 { font-size: var(--text-xl); }
.jogos-reading__grid p { max-width: 18.125rem; }
.jogos-reading__grid p:last-child { margin-bottom: 0; }
.jogos-reading__navy { padding-inline: var(--space-5); background: var(--color-dispatch-navy); color: var(--color-newsprint-white); }
.jogos-reading__navy h3 { color: var(--color-newsprint-white); }
.jogos-reading__navy .label { color: var(--color-teal-accent); }
.jogos-experience__intro { max-width: 37.5rem; }
.jogos-experience__intro > :last-child { margin-bottom: 0; }
.jogos-experience__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.jogos-experience__grid a { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); min-height: 15.5rem; padding-top: var(--space-4); border-top: 2px solid var(--color-teal-accent); color: var(--color-newsprint-white); text-decoration: none; }
.jogos-experience__grid a:nth-child(2) { border-top-color: var(--color-signal-red); }
.jogos-experience__grid a > * { margin: 0; }
.jogos-experience__grid a:hover h3, .jogos-experience__grid a:focus-visible h3 { text-decoration: underline; }
.jogos-experience__grid span { color: var(--color-teal-accent); font-family: var(--font-mono); font-size: var(--text-xs); }
.jogos-experience__grid h3 { color: var(--color-newsprint-white); font-size: var(--text-xl); }
.jogos-experience__grid p { color: var(--color-editorial-silver); }
.jogos-platforms__layout { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--space-6); margin-top: var(--space-7); }
.jogos-platforms__console-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); min-width: 0; }
.jogos-platforms__console-grid a, .jogos-platforms__mobile { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-2); padding: var(--space-5); border: var(--border-subtle); color: var(--color-graphite-ink); text-decoration: none; }
.jogos-platforms__console-grid a > *, .jogos-platforms__mobile > * { margin: 0; }
.jogos-platforms__console-grid a:hover, .jogos-platforms__mobile:hover { border-color: var(--color-teal-accent); background: var(--color-editorial-silver); }
.jogos-platforms__console-grid span, .jogos-platforms__mobile span { color: var(--color-muted-ink); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: .04em; }
.jogos-platforms__console-grid h3, .jogos-platforms__mobile h3 { font-size: var(--text-xl); }
.jogos-platforms__mobile { justify-content: center; border-top: 3px solid var(--color-teal-accent); background: var(--color-editorial-silver); }
.jogos-platforms__mobile strong { margin-top: var(--space-3); color: var(--color-teal-accent); }
.jogos-platforms__note { max-width: 40rem; margin-top: var(--space-6); padding: var(--space-5); border-left: 4px solid var(--color-dispatch-navy); background: var(--color-editorial-silver); }
.jogos-platforms__note p:last-child { margin-bottom: 0; }
.jogos-coverage__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-7); }
.jogos-coverage__grid article { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-3); padding: var(--space-5); border-top: 3px solid var(--color-dispatch-navy); background: var(--color-newsprint-white); }
.jogos-coverage__grid article > * { margin: 0; }
.jogos-coverage__grid article p { max-width: 17.5rem; }
.jogos-coverage__grid article a { margin-top: auto; min-height: 2.75rem; display: flex; align-items: center; }
.jogos-coverage__guide { border-top-color: var(--color-teal-accent) !important; background: var(--color-teal-accent) !important; color: var(--color-newsprint-white); }
.jogos-coverage__guide h3, .jogos-coverage__guide .label, .jogos-coverage__guide a { color: var(--color-newsprint-white); }
.jogos-coverage__similar { border-top-color: var(--color-dispatch-navy) !important; background: var(--color-dispatch-navy) !important; color: var(--color-newsprint-white); }
.jogos-coverage__similar h3, .jogos-coverage__similar .label, .jogos-coverage__similar a { color: var(--color-newsprint-white); }
.jogos-principles__copy { width: min(100%, 43.75rem); }
.jogos-principles__copy > article { padding-top: var(--space-5); margin-top: var(--space-5); border-top: var(--border-subtle); }
.jogos-principles__copy > article:first-of-type { border-top: 2px solid var(--color-dispatch-navy); }
.jogos-principles__copy h3 { font-size: var(--text-xl); }
.jogos-principles__copy article p:last-child { margin-bottom: 0; }
.jogos-next__content { width: min(100%, 53.333%); display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: var(--space-4); }
.jogos-next__content > * { margin: 0; }
.jogos-next__content p { max-width: 33.75rem; }
.jogos-next__secondary { border-color: var(--color-newsprint-white); color: var(--color-newsprint-white); }
.jogos-next__secondary:hover { border-color: var(--color-newsprint-white); background: var(--color-newsprint-white); color: var(--color-dispatch-navy); }
@media (max-width: 67.5rem) { .jogos-shortcuts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jogos-shortcut:nth-child(2) { grid-column: 1 / -1; grid-row: 2; } .jogos-filter-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jogos-result { grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); } .jogos-result__coverage { grid-column: 2; padding-left: 0; border-left: 0; } .jogos-experience__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jogos-platforms__layout { grid-template-columns: repeat(2, minmax(0, 1fr)); } .jogos-platforms__console-grid { grid-column: 1 / -1; } .jogos-platforms__mobile { grid-column: 1; } }
@media (max-width: 64rem) { .jogos-intro__grid, .jogos-feature__primary { grid-template-columns: 1fr; } .jogos-methodology { max-width: 38.75rem; } .jogos-feature__copy { max-width: 36.25rem; } }
@media (max-width: 56.25rem) { .jogos-tools__top { grid-template-columns: 1fr; } .jogos-next__content { width: min(100%, 43.75rem); } }
@media (max-width: 51.25rem) { .jogos-reading__grid, .jogos-coverage__grid { grid-template-columns: 1fr; } .jogos-reading__grid article:nth-child(2) { border-top-color: var(--color-hairline); } .jogos-reading__grid p, .jogos-coverage__grid article p { max-width: 38.75rem; } }
@media (max-width: 47.5rem) { .jogos-page .section { padding-block: var(--space-7); } .jogos-feature__secondary { grid-template-columns: 1fr; } .jogos-result { grid-template-columns: 1fr; gap: var(--space-4); } .jogos-result__coverage { grid-column: auto; padding-top: var(--space-4); border-top: var(--border-subtle); } .jogos-result__thumb { max-width: none; } }
@media (max-width: 45rem) { .jogos-shortcuts__grid, .jogos-platforms__layout { grid-template-columns: 1fr; } .jogos-shortcut:nth-child(2), .jogos-platforms__console-grid, .jogos-platforms__mobile { grid-column: auto; grid-row: auto; } .jogos-platforms__console-grid { grid-template-columns: 1fr; } .jogos-results-bar { flex-direction: column; align-items: flex-start; } .jogos-results-bar__controls { justify-content: flex-start; } }
@media (max-width: 42.5rem) { .jogos-filter-grid { grid-template-columns: 1fr; } .jogos-search__controls { grid-template-columns: 1fr; } .jogos-search__controls button { width: 100%; } .jogos-feature-route { grid-template-columns: 1fr; } }
@media (max-width: 40rem) { .jogos-experience__grid { grid-template-columns: 1fr; } .jogos-experience__grid a { min-height: auto; padding-bottom: var(--space-4); } .jogos-next__content { width: 100%; } .jogos-next__content .action-group { width: 100%; flex-direction: column; align-items: stretch; } .jogos-next__content .action-group > * { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .jogos-page * { transition-duration: .01ms !important; } }