body:has(.selection-hub) .editorial-main,body:has(.selection-article) .editorial-main{max-width:1120px;margin:auto}.selection-hub-heading{max-width:830px}.editorial-main .selection-hub-heading h1{font-size:49px;line-height:1.13;letter-spacing:-1.7px}.selection-hub-heading .lead{max-width:690px;margin-bottom:25px}.selection-hub-shortcuts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 32px}.selection-hub-shortcuts a{display:flex;gap:24px;justify-content:space-between;align-items:center;border:1px solid #6c8067;background:#34463e;border-radius:9px;padding:15px 18px;font-size:12px;color:#deead1;text-decoration:none}.selection-hub-shortcuts a span{color:#c9a87d}.selection-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.selection-hub-card{border:1px solid #617763;border-radius:13px;overflow:hidden;background:#33443d}.selection-hub-card>div{padding:24px}.selection-hub-visual{position:relative;display:block;height:215px;overflow:hidden;background:#26383a}.selection-hub-visual .game-art{height:100%;width:100%;border-radius:0;aspect-ratio:auto}.selection-hub-visual .game-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.selection-hub-visual .game-art>svg{width:100%;height:100%;display:block}.selection-hub-visual>span{position:absolute;bottom:14px;left:16px;background:#273a34e8;color:#e6edda;font-size:9px;font-weight:650;letter-spacing:1px;padding:8px 11px;border:1px solid #829276;border-radius:5px}.editorial-main .selection-hub-card h2{font-size:24px;line-height:1.35;letter-spacing:-.5px;margin:10px 0 14px}.selection-hub-card h2 a{color:#e4edda;text-decoration:none}.editorial-main .selection-hub-card p{font-size:12px;line-height:1.8;margin-bottom:21px}.selection-hub-card .text-link{font-size:12px;color:#cbe3b6}.selection-hub-note{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:25px;background:#30423d;border:1px solid #6d8068;border-radius:11px;margin:30px 0}.editorial-main .selection-hub-note h2{font-size:23px;margin:8px 0}.selection-hub-note>div{max-width:650px}.editorial-main .selection-hub-note p{font-size:12px;margin:0}.selection-hub-note>a{max-width:170px;font-size:12px;line-height:1.8;color:#d6e8bf;text-underline-offset:4px}.editorial-main .selection-file-guide,.editorial-main .selection-hub-genres{padding:10px 0 25px}.selection-file-guide p{max-width:750px}.selection-file-guide .text-link{display:inline-block;margin-top:18px}.selection-hub-genres nav{display:flex;flex-wrap:wrap;gap:10px}.selection-hub-genres a,.selection-jump a{display:block;border:1px solid #6f8266;border-radius:20px;font-size:12px;padding:9px 15px;color:#d3e7bf;background:#2e403a;text-decoration:none}.selection-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#9eb695;margin:0 0 28px}.selection-breadcrumb a{color:#c6ddbd;text-decoration:underline;text-underline-offset:3px}.selection-article-heading{max-width:830px}.editorial-main .selection-article-heading h1{font-size:43px;line-height:1.15;letter-spacing:-1.2px;max-width:850px}.selection-article-heading .lead{font-size:17px;margin-bottom:16px}.selection-article-heading>p:not(.lead){font-size:13px;max-width:790px}.selection-byline{margin-top:23px;font-size:10px;color:#b6c9ad}.selection-jump{display:flex;flex-wrap:wrap;gap:9px;margin:27px 0 24px}.selection-jump a{font-size:11px;padding:8px 13px}.selection-method{padding:19px 22px;border-left:3px solid #b4c99c;border-radius:0 8px 8px 0;background:#33483d;margin-bottom:30px}.selection-method strong{font-size:12px;color:#dceacd}.editorial-main .selection-method p{font-size:12px;line-height:1.8;margin:7px 0}.selection-method a{font-size:11px;color:#cce1b9;text-decoration:underline;text-underline-offset:3px}.selection-entry{display:grid;grid-template-columns:235px minmax(0,1fr);border:1px solid #617961;border-radius:12px;background:#31443c;overflow:hidden;margin:22px 0;scroll-margin-top:18px}.selection-entry-art{background:#273a35}.selection-entry-art .game-art{width:100%;height:100%;min-height:225px;aspect-ratio:auto;border-radius:0;position:relative;overflow:hidden}.selection-entry-art .game-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.selection-entry-art .game-art>svg{width:100%;height:100%;min-height:225px;display:block}.selection-entry-body{padding:25px}.selection-entry-fit{font-size:10px;letter-spacing:.4px;color:#c8dcb2}.editorial-main .selection-entry h2{font-size:27px;line-height:1.2;margin:10px 0 15px}.selection-entry h2 a{color:#e3efcf;text-decoration:none}.editorial-main .selection-entry p{font-size:12px;line-height:1.85}.selection-entry dl{display:grid;gap:13px;margin:18px 0}.selection-entry dt{font-size:11px;color:#d6e5c4;font-weight:650;margin:0 0 4px}.selection-entry dd{font-size:12px;line-height:1.8;color:#bfcfb5;margin:0}.selection-entry-facts{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.selection-entry-facts span{font-size:9px;line-height:1.6;padding:5px 9px;border:1px solid #6d8360;border-radius:5px;color:#c9dfb5;background:#2d4036}.selection-evidence{border-top:1px solid #5a7355;margin-top:15px;padding-top:12px}.selection-evidence summary{font-size:10px;line-height:1.8;color:#d1e2bd;cursor:pointer}.editorial-main .selection-evidence p{font-size:11px;margin-top:8px}.editorial-main .selection-entry .selection-source{font-size:10px;margin-top:13px}.selection-entry-link{display:inline-block;font-size:11px;line-height:1.8;margin-top:17px;color:#d2e9bc}.editorial-main .selection-practical h2,.editorial-main .selection-faq h2,.editorial-main .selection-related h2{font-size:25px}.selection-faq details{padding:16px 0;border-top:1px solid #5a7356}.selection-faq summary{font-size:14px;color:#dce9cf;cursor:pointer;line-height:1.8}.editorial-main .selection-faq p{font-size:13px;margin-top:12px}.selection-related nav{display:grid;gap:10px;margin-bottom:24px}.selection-related nav a{display:flex;justify-content:space-between;gap:20px;background:#32483b;border:1px solid #617a55;border-radius:7px;padding:16px;color:#dceaca;font-size:13px}.selection-related>.text-link{font-size:12px}.guide-recommendations{border-top:1px solid var(--line);padding:24px 0;margin-top:24px}.guide-recommendations h2{font:600 22px var(--heading);color:var(--ink);margin:0 0 17px}.guide-recommendations nav{display:grid;gap:10px}.guide-recommendations a{display:flex;justify-content:space-between;gap:12px;border:1px solid #627a5c;border-radius:8px;background:#30433a;padding:15px;font-size:12px;line-height:1.6;color:#d5e6c2}.home-selection-links{display:flex;flex-wrap:wrap;gap:8px 15px;margin:15px 0 0}.home-selection-links a{font-size:11px;text-decoration:underline;text-underline-offset:4px;color:#c2dcb6}.selection-hub a:focus-visible,.selection-article :is(a,summary):focus-visible,.guide-recommendations a:focus-visible,.home-selection-links a:focus-visible{outline:3px solid #e0bd86;outline-offset:4px}.selection-hub-card:focus-within{border-color:#c9d9b4}
@media(hover:hover){.selection-hub-visual:hover .game-art>img{transform:scale(1.03)}.selection-hub-card h2 a:hover,.selection-entry h2 a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(prefers-reduced-motion:reduce){.selection-hub-visual .game-art>img{transition:none}}
@media(max-width:800px){.selection-hub-note{align-items:flex-start;flex-direction:column;gap:15px}.selection-hub-note>a{max-width:none}.selection-entry{grid-template-columns:180px minmax(0,1fr)}.selection-entry-body{padding:20px}.selection-hub-card>div{padding:20px}.selection-hub-visual{height:180px}}
@media(max-width:600px){.editorial-main .selection-hub-heading h1{font-size:35px;letter-spacing:-1px}.editorial-main .selection-article-heading h1{font-size:32px;letter-spacing:-.8px}.selection-hub-grid{grid-template-columns:1fr;gap:20px}.selection-hub-visual{height:200px}.selection-hub-shortcuts{display:grid;gap:9px}.selection-hub-shortcuts a{font-size:11px;padding:14px}.selection-entry{grid-template-columns:1fr}.selection-entry-art{height:175px}.selection-entry-art .game-art{min-height:0;height:175px}.selection-entry-art .game-art>svg{min-height:0}.selection-entry-art .game-art>img{object-position:center}.editorial-main .selection-entry h2{font-size:25px}.selection-entry-body{padding:21px}.selection-article-heading .lead{font-size:15px}.selection-jump{gap:7px}.selection-jump a{font-size:10px;padding:8px 10px}.selection-byline{line-height:1.8}.selection-related nav a{font-size:12px}.selection-hub-note{padding:20px}.selection-method{padding:17px}.selection-entry-link{font-size:12px}.home-selection-links a{font-size:12px}}

.selection-method summary{font-size:12px;line-height:1.8;color:#dceacd;cursor:pointer;font-weight:600}.selection-method[open] summary{margin-bottom:7px}
