@font-face{font-family:Barlow;src:url('/assets/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/Barlow-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:BarlowCondensed;src:url('/assets/BarlowCondensed-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--cloud:#f3f5f8;--paper:#fff;--ink:#17243c;--muted:#58677d;--line:#dce2ea;--browser:#08796b;--pc:#a64920;--max:1240px}*{box-sizing:border-box}body{margin:0;background:var(--cloud);color:var(--ink);font-family:Barlow,system-ui,sans-serif;font-size:17px;line-height:1.55}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,summary,select{cursor:pointer}button{min-height:44px}input,select{min-height:48px;max-width:100%;border:1px solid #b5c0d0;background:var(--paper);color:var(--ink);border-radius:7px;padding:10px 13px}input{width:100%}label{display:block;font-size:14px;font-weight:600}label input,label select{display:block;margin-top:6px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.02em}h1,h2,h3,.footer-name{font-family:BarlowCondensed,Impact,sans-serif;font-weight:700}h1{font-size:clamp(42px,5.4vw,76px);max-width:940px;margin-bottom:22px}h2{font-size:34px}h3{font-size:27px}p{margin-bottom:18px}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #08796b;outline-offset:4px}button{border:0}a:hover{text-decoration-thickness:2px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:8px;left:8px;z-index:99;background:white;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:29px;font-weight:600;line-height:1}.brand-mark{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;color:white;background:var(--ink);border-radius:11px 11px 2px 11px;font-family:BarlowCondensed;font-size:36px}.brand-mark span{position:absolute;right:4px;top:3px;font-size:16px;color:#85dfcf}.brand-sub{display:block;font-family:Barlow;font-size:10px;letter-spacing:.17em;margin-top:6px;color:var(--muted)}.desktop-nav{display:flex;gap:10px}.desktop-nav a{padding:11px 15px;min-height:44px;text-decoration:none;font-size:15px;font-weight:600;border-radius:6px}.desktop-nav a:hover,.desktop-nav a[aria-current]{background:#edf3f4;color:var(--browser)}.mobile-nav{display:none}main{max-width:var(--max);margin:auto;padding:0 24px 64px;min-height:55vh}.eyebrow{font-family:Barlow,sans-serif;display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:13px;color:var(--browser)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:60px 0 42px}.hero h1{font-size:clamp(52px,5.8vw,80px);letter-spacing:-.028em;line-height:.99;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--browser)}.hero-copy>p{max-width:460px;color:var(--muted);font-size:19px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:50px;padding:12px 21px;border-radius:7px;background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none;font-size:15px}.button:hover{background:#2b415f}.text-link{font-size:15px;font-weight:600}.hero-copy .hero-note{font-size:12px;margin:23px 0 0}.hero-feature{position:relative;display:block;overflow:hidden;border-radius:10px;text-decoration:none;background:var(--ink);color:white}.feature-image{height:310px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:24px 27px;position:relative;background:var(--ink)}.feature-copy .eyebrow{color:#a7dfd5;font-size:10px}.feature-copy h2{font-size:39px;margin-bottom:8px}.feature-copy p{font-size:14px;color:#c7d1e2;margin-bottom:10px}.feature-action{position:absolute;right:25px;bottom:24px;font-size:12px;color:#d7efea;max-width:135px}.destination-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 0 32px}.destination-tile{display:flex;align-items:center;gap:18px;background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:9px;text-decoration:none}.destination-tile>span:last-child{margin-left:auto;font-size:24px}.destination-tile .eyebrow{font-size:10px;margin-bottom:7px}.destination-tile h2{font-size:26px;margin-bottom:6px}.destination-tile p{font-size:13px;color:var(--muted);margin:0}.pc-tile .eyebrow{color:var(--pc)}.window-icon{min-width:48px;height:43px;border:2px solid var(--browser);border-top:8px solid var(--browser);color:var(--browser);border-radius:5px 5px 0 0;text-align:center;font-size:20px}.pc-tile .window-icon{border-color:var(--pc);color:var(--pc)}.home-section{padding:34px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-heading .eyebrow{margin-bottom:10px}.section-heading h2{font-size:38px;margin:0}.section-heading>a{font-size:13px;font-weight:600;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.game-card:hover{transform:translateY(-3px);box-shadow:0 7px 25px #17243c0e}.cover{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#dce5ec;text-decoration:none}.cover img{width:100%;height:100%;object-fit:cover}.destination{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:4px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.03em;background:var(--browser)}.destination.pc{background:var(--pc)}.card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.card-meta{font-size:11px;line-height:1.5;color:var(--muted);margin-bottom:10px}.card-meta span{margin:0 4px}.game-card h3{font-size:27px;margin:0 0 11px}.game-card h3 a{text-decoration:none}.game-card h3 a:hover{text-decoration:underline}.game-card p{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:18px}.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.setup{font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:5px 7px}.card-link{font-size:11px;font-weight:600;text-decoration:none;padding:8px 0}.collection-note{font-size:12px;color:var(--muted);margin:17px 0 0}.type-cover{min-height:100%;width:100%;padding:25px;display:flex;flex-direction:column;justify-content:center;background:#cfe8e1;color:#153f38}.type-cover strong{font-family:BarlowCondensed;font-size:clamp(27px,3vw,40px);line-height:1.05;max-width:90%}.type-cover>span{font-size:9px;letter-spacing:.14em;margin-bottom:15px}.type-cover>small{font-size:9px;margin-top:13px;opacity:.8}.cover-pc{background:#eee0d5;color:#633924}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:block;border-top:3px solid var(--ink);background:var(--paper);padding:25px;text-decoration:none;border-radius:0 0 8px 8px}.guide-card h3,.guide-card h2{font-size:30px}.guide-card p{color:var(--muted);font-size:15px}.guide-card>span:last-child{font-size:22px}.faq{margin-top:40px;max-width:880px}.faq h2{margin-bottom:22px}.faq details{border-top:1px solid var(--line);background:var(--paper);padding:0 21px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:18px 0;min-height:55px;font-weight:600;font-size:16px}.faq details p{font-size:16px;max-width:700px;color:var(--muted);padding-bottom:12px}.page-heading{padding:54px 0 30px;max-width:1000px}.page-heading>p{font-size:20px;max-width:760px;color:var(--muted)}.note{border-left:3px solid var(--browser);background:#e5efec;padding:15px 18px;font-size:14px;color:#304f4b;line-height:1.6}.note a{font-weight:600}.filter-bar{display:flex;align-items:end;gap:15px;background:var(--paper);padding:22px;border:1px solid var(--line);border-radius:8px;flex-wrap:wrap}.search-field{flex:1;min-width:180px}.filter-bar label:not(.search-field){flex:0 1 auto}.filter-bar select{width:100%;font-size:14px}.quiet-button{padding:11px 15px;background:#edf0f5;border:1px solid var(--line);border-radius:6px;font-size:14px}.result-count{font-size:13px;color:var(--muted);margin:20px 0}.empty-state{text-align:center;background:white;padding:45px;border:1px solid var(--line);border-radius:8px}.empty-state h2{font-size:30px}.article-heading{max-width:960px}.article-heading h1{font-size:clamp(42px,4.8vw,64px)}.review-line{font-size:12px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(180px,1fr);gap:48px;align-items:start}.article-body{min-width:0}.article-body p{font-size:18px;line-height:1.7}.article-body.standalone{max-width:820px}.article-image{margin:0 0 28px;border-radius:9px;overflow:hidden;background:white}.article-image img{width:100%;max-height:470px;object-fit:contain;background:var(--ink)}.article-image .type-cover{min-height:290px}.article-image figcaption{padding:12px 16px;font-size:12px;line-height:1.6;color:var(--muted)}.diagram img{background:white}.setup-panel{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:25px;margin:0 0 30px}.setup-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.setup-panel dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.setup-panel dd{margin:5px 0 0;font-weight:600}.external-action a{display:inline-flex;align-items:center;gap:15px;min-height:50px;padding:12px 20px;background:var(--browser);color:white;border-radius:6px;text-decoration:none;font-size:15px;font-weight:600}.article-section{margin-bottom:40px;scroll-margin-top:25px}.article-section h2{font-size:34px;margin:35px 0 20px}.article-toc{position:sticky;top:25px;border-left:1px solid var(--line);padding-left:25px;font-size:14px}.article-toc h2{font-family:Barlow;font-size:14px;letter-spacing:0;margin:0 0 17px}.article-toc a{display:block;padding:8px 0;color:var(--muted);text-decoration:none}.sources{margin:45px 0 30px;border-top:1px solid var(--line);padding-top:28px}.sources p,.sources li{font-size:14px;line-height:1.7}.sources li{padding:4px 0;overflow-wrap:anywhere}.sources ul{padding-left:22px}.next-guide{border-top:1px solid var(--line);padding:25px 0}.next-guide h2{font-size:26px}.site-search{display:flex;gap:15px;align-items:end;max-width:800px;flex-wrap:wrap}.site-search label{width:100%;font-size:15px}.site-search input{flex:1;min-width:180px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.search-result{background:white;border:1px solid var(--line);border-radius:7px;text-decoration:none;padding:24px}.search-result h2{font-size:28px}.search-result p{font-size:15px;color:var(--muted);margin:0}.site-footer{max-width:var(--max);margin:0 auto;padding:35px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:25px}.footer-name{font-size:31px;text-decoration:none}.site-footer p{font-size:13px;color:var(--muted);margin:8px 0}.site-footer nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.site-footer nav a{font-size:13px}.site-footer .independent{grid-column:1/-1;font-size:11px;max-width:730px}.consent{position:fixed;bottom:20px;left:20px;right:20px;max-width:600px;padding:20px;background:white;border:1px solid var(--line);box-shadow:0 10px 40px #17243c22;z-index:5}.consent p{font-size:15px}.consent button{margin-right:10px;background:var(--ink);color:white;padding:10px;border-radius:5px;font-size:13px}.ad-slot{margin:35px auto;text-align:center;padding:15px;background:white;font-size:11px;max-width:100%}
@media(min-width:1050px){.pc-home-section .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1050px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{gap:30px}.feature-image{height:280px}.feature-action{position:static;display:block;margin-top:15px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:28px}.filter-bar{gap:12px}.filter-bar label{flex:1!important}.filter-bar .search-field{flex:1 1 100%!important}}@media(max-width:780px){.desktop-nav{display:none}.mobile-nav{display:block;position:relative}.mobile-nav summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:13px;padding:10px;font-size:14px;font-weight:600}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:48px;z-index:8;background:white;border:1px solid var(--line);box-shadow:0 5px 20px #17243c15;min-width:200px;border-radius:7px;padding:8px}.mobile-nav nav a{display:block;padding:13px;text-decoration:none;font-size:15px}.header-inner{min-height:80px}.hero{grid-template-columns:1fr;padding:35px 0;gap:28px}.hero-copy>p{max-width:650px}.hero h1{font-size:62px}.feature-image{height:240px}.feature-copy{padding:20px}.feature-copy h2{font-size:34px}.feature-action{position:absolute;right:20px;bottom:20px;max-width:150px}.destination-grid{gap:15px}.destination-tile{padding:20px;gap:13px}.window-icon{display:none}.destination-tile h2{font-size:26px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:34px}.article-layout{grid-template-columns:1fr;gap:0}.article-toc{position:static;grid-row:1;border-left:0;padding:0 0 25px}.article-toc nav{display:flex;gap:6px 16px;flex-wrap:wrap}.article-toc a{font-size:12px;padding:4px 0;text-decoration:underline}.article-toc h2{margin-bottom:8px}.site-footer{grid-template-columns:1fr}.page-heading{padding-top:35px}.search-results{grid-template-columns:1fr}.home-section{padding:25px 0}}@media(max-width:480px){main,.header-inner,.site-footer{padding-left:18px;padding-right:18px}.brand{font-size:25px}.brand-mark{width:38px;height:38px;font-size:30px}.brand-sub{font-size:9px}.hero h1{font-size:54px}.hero-copy>p{font-size:17px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;padding:12px 16px}.hero-actions .text-link{font-size:13px}.feature-image{height:210px}.feature-copy{padding:18px}.feature-action{position:static;max-width:100%;font-size:12px}.destination-grid{grid-template-columns:1fr;padding-bottom:15px}.destination-tile .window-icon{display:block}.destination-tile h2{font-size:27px}.game-grid{grid-template-columns:1fr}.game-card{display:grid;grid-template-columns:110px minmax(0,1fr);border-radius:7px}.cover{aspect-ratio:auto;height:100%;min-height:170px}.cover img{object-fit:cover}.destination{font-size:9px;left:8px;bottom:8px;padding:3px 7px}.card-copy{padding:14px}.game-card h3{font-size:25px;margin-bottom:8px}.game-card p{font-size:12px;margin-bottom:10px}.card-meta{font-size:10px;margin-bottom:7px}.setup{font-size:9px;padding:3px 5px}.card-link{font-size:10px}.type-cover{padding:13px}.type-cover strong{font-size:24px;max-width:100%}.type-cover>span{font-size:7px;letter-spacing:0}.type-cover>small{font-size:7px}.filter-bar{padding:16px}.filter-bar label{flex:1 1 100%!important}.filter-bar .quiet-button{width:100%}.section-heading h2{font-size:32px}.page-heading>p{font-size:17px}.page-heading h1{font-size:43px}.setup-panel{padding:18px}.setup-panel dl{gap:16px;font-size:14px}.article-body p{font-size:17px}.article-section h2{font-size:30px}.article-image figcaption{font-size:11px}.faq summary{font-size:15px}.faq h2{font-size:31px}.faq details{padding:0 15px}.empty-state{padding:25px}.site-footer nav{gap:19px}.site-search input{flex-basis:100%}.article-image .type-cover{padding:25px;min-height:210px}.article-image .type-cover strong{font-size:42px}.article-image .type-cover>span,.article-image .type-cover>small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.game-card:hover{transform:none}}@media print{.site-header,.site-footer,.hero-actions,.filter-bar,.article-toc,.consent,.ad-slot{display:none}body{background:white}main{max-width:none;padding:0}.article-layout{display:block}a{color:black}}

.card-origin{font-size:10px;font-weight:600;color:var(--browser);margin-bottom:7px}.game-card[data-kind=pc] .card-origin{color:var(--pc)}

.ad-banner-slot{display:flex;align-items:center;flex-direction:column;gap:12px;overflow:hidden}.ad-banner-slot iframe{display:block;border:0;width:300px;height:250px}.ad-slot [data-ad-content]{max-width:100%;overflow:hidden}.privacy-choices{background:none;color:inherit;padding:0;font-size:inherit;text-decoration:underline;text-underline-offset:4px}