@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/space-grotesk-latin-600-normal.DjKNqYRj.woff2) format("woff2"),url(/_astro/space-grotesk-latin-600-normal.BflQw4A9.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/space-grotesk-latin-700-normal.RjhwGPKo.woff2) format("woff2"),url(/_astro/space-grotesk-latin-700-normal.CwsQ-cCU.woff) format("woff")}:root{--bg: #101014;--surface: #16171c;--surface-2: #1b1c22;--border: #26272e;--border-strong: #35373f;--text: #e9eaee;--muted: #9a9ea8;--accent: #e2a862;--accent-strong: #f0bc7e;--fresh: #8fc9a2;--max-width: 72rem;--content-width: 44rem;--radius: 12px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{color-scheme:dark;scroll-padding-top:5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1.02rem;line-height:1.75;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(1.7rem,4vw,2.3rem);margin:.6rem 0 .9rem}h2{font-size:1.3rem;margin:2.8rem 0 1.1rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto;border-radius:8px}code{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:.1em .35em;font-size:.9em}pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;overflow-x:auto}pre code{background:none;border:none;padding:0}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{border:1px solid var(--border);padding:.5rem .8rem;text-align:left}th{background:var(--surface);font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--muted)}blockquote{margin:1.2rem 0;padding:.2rem 1.2rem;border-left:2px solid var(--border-strong);color:var(--muted)}.site-header{position:sticky;top:0;z-index:10;background:#101014d9;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{max-width:var(--max-width);margin:0 auto;padding:1rem 1.4rem;display:flex;align-items:center;gap:2rem}.brand{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--text);letter-spacing:-.01em}.brand:hover{color:var(--text);text-decoration:none}.brand em{font-style:normal;color:var(--accent)}.site-header nav{display:flex;gap:1.5rem;margin-left:auto}.site-header nav a{color:var(--muted);font-family:var(--font-display);font-weight:600;font-size:.95rem}.site-header nav a:hover{color:var(--text);text-decoration:none}main{max-width:var(--max-width);margin:0 auto;padding:2.2rem 1.4rem 5rem}main.narrow{max-width:calc(var(--content-width) + 2.8rem)}.page .lede{font-size:1.1rem;color:var(--muted)}.page h2{font-size:1.25rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}.site-footer .inner{max-width:var(--max-width);margin:0 auto;padding:1.7rem 1.4rem 2.4rem;display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;justify-content:space-between;align-items:baseline}.site-footer .foot-brand{font-family:var(--font-display);font-weight:700;color:var(--text);font-size:1rem}.site-footer .foot-brand em{font-style:normal;color:var(--accent)}.site-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--text)}.hero{padding:4rem 0 3.2rem;max-width:44rem}.eyebrow{font-family:var(--font-display);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:0 0 1rem}.hero h1{font-size:clamp(2.2rem,5.5vw,3.4rem);font-weight:700;margin:0 0 1.2rem;line-height:1.1}.hero h1 .accent{color:var(--accent)}.hero p{color:var(--muted);font-size:1.1rem;max-width:37rem;margin:0}.section-head{display:flex;align-items:baseline;gap:.9rem;margin:3.4rem 0 1.4rem;padding-bottom:.7rem;border-bottom:1px solid var(--border)}.section-head h2{margin:0;font-size:1.25rem}.section-head .sub{color:var(--muted);font-size:.88rem;margin-left:auto}.muted{color:var(--muted)}.meta-line{color:var(--muted);font-size:.92rem;margin:.3rem 0 0}.date{color:var(--fresh)}.byline{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;color:var(--muted);font-size:.92rem;margin:.4rem 0 0}.byline a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border-strong)}.byline a:hover{color:var(--text);text-decoration-color:currentColor}.byline [aria-hidden]{color:var(--border-strong)}.game-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.1rem}.game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease}.game-card:hover{border-color:var(--border-strong)}.game-card a{color:inherit;text-decoration:none;display:block}.game-card .cover,.game-card .cover-fallback{aspect-ratio:460 / 215;width:100%;display:block;border-radius:0;object-fit:cover;background:var(--surface-2)}.game-card .cover-fallback{display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--font-display);font-weight:600;font-size:1.15rem;padding:0 1rem;text-align:center}.game-card .body{padding:.8rem 1rem .95rem}.game-card h3{margin:0 0 .2rem;font-size:1.02rem}.game-card p{margin:0;font-size:.85rem;color:var(--muted)}.guide-list{list-style:none;padding:0;margin:0}.guide-card{border-bottom:1px solid var(--border);padding:1.15rem .2rem}.guide-card:first-child{border-top:1px solid var(--border)}.guide-card h3{margin:0 0 .3rem;font-size:1.1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.guide-card h3 a{color:var(--text)}.guide-card h3 a:hover{color:var(--accent);text-decoration:none}.guide-card p{margin:.25rem 0 0;font-size:.93rem;color:var(--muted)}.tag{display:inline-block;font-family:var(--font-display);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border:1px solid var(--border-strong);border-radius:999px;padding:.08rem .6rem;flex:none}.breadcrumb{font-size:.85rem;color:var(--muted);margin:0 0 .5rem}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.45rem}.breadcrumb li+li:before{content:"/";margin-right:.45rem;color:var(--border-strong)}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--text)}.guide-layout{display:grid;grid-template-columns:minmax(0,var(--content-width));justify-content:center;gap:3.5rem}.guide-layout article{min-width:0}.guide-toc{display:none}@media(min-width:1080px){.guide-layout{grid-template-columns:minmax(0,var(--content-width)) 14rem}.guide-toc{display:block}.guide-toc .toc{position:sticky;top:5.4rem;margin:0;background:none;border:none;border-left:1px solid var(--border);border-radius:0;padding:.2rem 0 .2rem 1.2rem}}.toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem 1.1rem;margin:1.6rem 0;font-size:.9rem}.toc strong{font-family:var(--font-display);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.toc ol{margin:.6rem 0 0;padding-left:1.1rem;display:grid;gap:.4rem}.toc a{color:var(--muted)}.toc a:hover{color:var(--text);text-decoration:none}@media(min-width:1080px){article>.toc{display:none}}article h2{font-size:1.35rem;margin:2.6rem 0 .9rem}.icon-grid{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0}.icon-grid .icon-cell{margin:0;width:5.2rem;text-align:center}.icon-grid .icon-cell img{width:4rem;height:4rem;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:var(--surface)}.icon-grid .icon-cell figcaption{font-size:.72rem;color:var(--muted);line-height:1.3;margin-top:.25rem;overflow-wrap:break-word}.icon-grid:has(.icon-cell:only-child){margin:.4rem 0 1.4rem}.icon-grid .icon-cell:only-child{display:flex;align-items:center;gap:.65rem;width:auto;max-width:100%;text-align:left}.icon-grid .icon-cell:only-child img{width:2.7rem;height:2.7rem;flex:none}.icon-grid .icon-cell:only-child figcaption{margin-top:0;font-size:.78rem}