:root{--font-display:"Arial Narrow",Impact,sans-serif;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:oklch(0.18 0.012 270);--bg-elevated:oklch(0.225 0.014 270);--bg-sunken:oklch(0.15 0.012 270);--border:oklch(0.32 0.014 270);--border-strong:oklch(0.42 0.016 270);--text:oklch(0.96 0.005 270);--text-muted:oklch(0.75 0.01 270);--text-dim:oklch(0.60 0.01 270);--accent:oklch(0.66 0.23 12);--accent-soft:oklch(0.40 0.10 12);--score-hi:oklch(0.78 0.18 145);--score-mid:oklch(0.80 0.16 85);--score-low:oklch(0.64 0.20 25);--ring:var(--accent);--radius:14px;--maxw:1240px;--shadow:0 8px 24px oklch(0.05 0 0/.28)}
@media (prefers-color-scheme:light){:root{--bg:oklch(0.985 0.003 270);--bg-elevated:#fff;--bg-sunken:oklch(0.96 0.004 270);--border:oklch(0.88 0.005 270);--border-strong:oklch(0.78 0.006 270);--text:oklch(0.20 0.01 270);--text-muted:oklch(0.42 0.01 270);--text-dim:oklch(0.55 0.01 270);--accent:oklch(0.52 0.22 12);--accent-soft:oklch(0.94 0.04 12)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,oklch(0.28 0.06 320),transparent 36rem),var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--accent);color:#fff;padding:.7rem 1rem;z-index:1000}.skip-link:focus{top:1rem}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:1rem}.site-header{position:sticky;top:0;z-index:100;background:color-mix(in oklch,var(--bg),transparent 12%);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-inner{height:58px;display:flex;align-items:center;gap:1rem}.brand{font-family:var(--font-display);font-weight:900;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;display:flex;gap:.55rem;align-items:center}.brand-mark{background:var(--accent);color:var(--bg-sunken);border-radius:8px;padding:.1rem .35rem}.site-nav{margin-left:auto;display:flex;gap:.25rem;align-items:center}.site-nav a,.age-badge,.button,.chip{border:1px solid transparent;border-radius:999px;padding:.45rem .75rem;text-decoration:none;font-size:.9rem}.site-nav a.active,.site-nav a:hover,.age-badge{background:var(--bg-sunken);border-color:var(--border);color:var(--text)}.age-badge{font-weight:800;color:var(--accent)}.nav-toggle{display:none;margin-left:auto;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.45rem .75rem}.hero,.page-hero,.review-hero{background:linear-gradient(135deg,color-mix(in oklch,var(--bg-sunken),var(--accent) 10%),var(--bg-sunken));border-bottom:1px solid var(--border)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:2rem;align-items:center;padding-block:4rem}.page-hero .container{padding-block:3rem}.review-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:2rem;align-items:center;padding-block:2.5rem}.review-hero figure{margin:0}.review-hero img,.cover-wrap img,.ranked-item img{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated)}h1,h2,h3{font-family:var(--font-display);line-height:1.12;letter-spacing:-.01em}h1{font-size:clamp(2.3rem,6vw,5rem);margin:.25rem 0 .75rem}h2{font-size:clamp(1.45rem,3vw,2.2rem);margin:0 0 1rem}h3{font-size:1.25rem;margin:.15rem 0 .3rem}.lede{font-size:clamp(1.05rem,2vw,1.35rem);color:var(--text-muted);max-width:70ch}.eyebrow{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.cta-row,.chip-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.button{display:inline-flex;background:var(--bg-elevated);border-color:var(--border);font-weight:800;color:var(--text)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-sunken)}.button.ghost{background:transparent}.trust-strip{display:grid;gap:.75rem}.trust-strip span,.method-note,.verdict-box,.score-breakdown,.facts,.filter-bar,.category-tile,.game-card,.ranked-item,.prose,.methodology{background:color-mix(in oklch,var(--bg-elevated),transparent 4%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.trust-strip span{padding:1rem}.trust-strip b{display:block;font-family:var(--font-display);font-size:2rem;color:var(--accent)}.section{padding-block:3rem}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.section-head p{max-width:72ch;color:var(--text-muted)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,330px);gap:1rem;overflow-x:auto;padding-bottom:.75rem;scroll-snap-type:x mandatory}.card-grid,.category-grid,.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.small-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.game-card{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px oklch(0.05 0 0/.35)}.game-card a{text-decoration:none}.cover-wrap{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden}.cover-wrap img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0}.score{display:inline-flex;align-items:baseline;gap:.1rem;font-family:var(--font-display);font-size:1.45rem;font-weight:900;border:1px solid color-mix(in oklch,currentColor,transparent 70%);border-radius:999px;padding:.18rem .55rem;background:var(--bg);color:var(--score-mid)}.cover-wrap .score{position:absolute;left:.75rem;top:.75rem}.score small{font-size:.72rem}.score-high{color:var(--score-hi)}.score-mid{color:var(--score-mid)}.score-low{color:var(--score-low)}.card-body{padding:1rem}.meta,.fineprint,.verdict-line,.rank-meta,.age-line{color:var(--text-muted);font-size:.92rem}.chip{display:inline-flex;background:var(--bg-sunken);border-color:var(--border);color:var(--text-muted);padding:.25rem .6rem}.chip-link:hover{border-color:var(--accent);color:var(--accent)}.category-tile{padding:1.1rem;text-decoration:none;min-height:240px}.cat-icon{font-size:2rem;color:var(--accent)}.callout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.callout{padding:1.4rem;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent-soft),var(--bg-elevated));border:1px solid var(--border);text-decoration:none}.callout span{color:var(--accent);text-transform:uppercase;font-weight:900;font-size:.8rem}.callout strong{display:block;font-family:var(--font-display);font-size:2rem}.prose,.methodology{padding:1.25rem}.prose p,.methodology p{max-width:84ch}.method-grid article{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end;padding:1rem;margin-bottom:1rem;position:sticky;top:58px;z-index:10}.filter-bar label{display:grid;gap:.25rem;color:var(--text-muted);font-weight:700}.filter-bar select{background:var(--bg-sunken);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:.55rem}.filter-bar output{margin-left:auto;color:var(--text-muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:.45rem;color:var(--text-dim)}.review-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:1.25rem;align-items:start}.review-sidebar{display:grid;gap:1rem;position:sticky;top:75px}.verdict-box,.score-breakdown,.facts{padding:1rem}.score-row{display:grid;grid-template-columns:8rem 1fr 2rem;gap:.55rem;align-items:center;margin:.5rem 0}.score-row meter{width:100%;height:.75rem;accent-color:var(--accent)}.facts dl{display:grid;grid-template-columns:7rem 1fr;gap:.4rem}.facts dt{color:var(--text-muted)}.review-content{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.pros-cons section,.pros-cons>div{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.ranked-list{display:grid;gap:1rem}.ranked-item{display:grid;grid-template-columns:5rem 220px 1fr;gap:1rem;padding:1rem;align-items:start}.rank-num{font-family:var(--font-display);font-size:2.8rem;color:var(--accent);font-weight:900}.pros-cons.mini{font-size:.9rem;margin:.75rem 0}.faq-list{display:grid;gap:.7rem}.faq-list details{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.faq-list summary{cursor:pointer;font-weight:900}.site-footer{border-top:1px solid var(--border);background:var(--bg-sunken);margin-top:2rem}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:1.5rem;padding-block:2rem}.footer-links{padding:0;list-style:none}.footer-links li{margin:.35rem 0}.text-link{font-weight:900;color:var(--accent)}
@media (max-width:800px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;left:1rem;right:1rem;top:58px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;box-shadow:var(--shadow)}.site-nav.open{display:grid}.hero-grid,.review-hero-grid,.review-layout,.callout-grid,.footer-grid,.ranked-item{grid-template-columns:1fr}.filter-bar{position:static}.review-sidebar{position:static}.pros-cons{grid-template-columns:1fr}.ranked-item{grid-template-columns:1fr}.rank-num{font-size:2rem}.section-head{display:block}.hero-grid{padding-block:2.5rem}h1{font-size:clamp(2rem,13vw,3.5rem)}}
@media (prefers-reduced-motion:reduce){*,::before,::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.game-card:hover{transform:none}}