:root{color-scheme:dark;--color-bg: #101513;--color-surface: #19201c;--color-surface-raised: #222b24;--color-text: #e6e3d7;--color-muted: #a3aaa2;--color-accent: #e6b875;--color-accent-soft: #e6b87516;--color-border: #303b32;--color-heading: #f0ede2;--color-link: #edc68d;--font-body: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic Medium", "Noto Sans JP", sans-serif;--font-display: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font-mono: "SFMono-Regular", Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--container: min(1180px, calc(100% - 5rem) );--bg: var(--color-bg);--bg-elevated: var(--color-surface);--bg-soft: var(--color-surface-raised);--surface: var(--color-surface);--surface-strong: var(--color-surface-raised);--border: var(--color-border);--text: var(--color-text);--text-muted: var(--color-muted);--heading: var(--color-heading);--accent: var(--color-accent);--accent-soft: var(--color-accent-soft);--font-heading: var(--font-display);--radius: var(--radius-md)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;min-width:0;min-height:100vh;background:radial-gradient(ellipse at 75% 0,#b5823c0a,transparent 48rem),var(--color-bg);color:var(--color-text);font:400 1rem/1.85 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{color:var(--color-bg);background:var(--color-accent)}a{color:inherit;text-decoration:none;text-underline-offset:.25em}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}img,svg{max-width:100%}img{display:block;height:auto}button,input,textarea,select{font:inherit}h1,h2,h3,p{overflow-wrap:anywhere}figure{margin:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;min-width:0}.container{width:var(--container);margin-inline:auto;min-width:0}.skip-link{position:fixed;z-index:100;top:.5rem;left:1rem;padding:.5rem 1rem;background:var(--color-accent);color:var(--color-bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.eyebrow{margin:0 0 1rem;font-size:.72rem;font-weight:600;color:var(--color-accent);letter-spacing:.18em;line-height:1.7;text-transform:uppercase}.lede{color:var(--color-muted);font-size:1.05rem;line-height:2}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:46px;padding:.7rem 1.4rem;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#161c17;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.button:hover{background:#f1c98e;border-color:#f1c98e}.button-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border)}.button-secondary:hover{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.text-link{color:var(--color-accent);font-size:.84rem}.text-link:hover{text-decoration:underline}.section-block{padding-block:var(--space-7)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem}.section-heading h2{margin:0;color:var(--color-heading);font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:500;line-height:1.5}.section-heading p{margin:.5rem 0 0;color:var(--color-muted);font-size:.9rem}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem}.category-chip{color:var(--color-accent);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.featured-chip{color:var(--color-muted);font-size:.68rem;letter-spacing:.05em}.empty-state{padding:3rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);text-align:center}.prose{min-width:0;color:var(--color-text);font-size:.98rem;line-height:2.15;overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p{margin-block:1.5em}.prose h2,.prose h3,.prose h4{color:var(--color-heading);line-height:1.6;font-weight:500}.prose h2{margin:3.5rem 0 1.5rem;padding-top:1.75rem;border-top:1px solid var(--color-border);font:500 clamp(1.35rem,2.5vw,1.75rem)/1.6 var(--font-display)}.prose h3{margin:2.5rem 0 1rem;font-size:1.15rem}.prose h4{font-size:1rem}.prose strong{color:var(--color-heading);font-weight:650}.prose ul,.prose ol{padding-left:1.4em;margin-block:1.5rem}.prose li{margin-block:.5rem;padding-left:.2em}.prose li::marker{color:var(--color-accent)}.prose a{color:var(--color-link);text-decoration:underline;text-decoration-color:#e6b87566;text-decoration-thickness:1px;overflow-wrap:anywhere}.prose a:hover{text-decoration-color:var(--color-accent)}.prose a[href*="store.steampowered.com"]{text-decoration-style:solid;font-weight:600}.prose p>a[href*="store.steampowered.com"]:only-child{display:inline-block;padding:.55rem 1rem;border:1px solid #e6b87555;border-radius:var(--radius-sm);background:var(--color-accent-soft);text-decoration:none;font-size:.88rem}.prose p>a[href*="store.steampowered.com"]:only-child:hover{border-color:var(--color-accent)}.prose img{width:auto;max-width:100%;max-height:680px;margin:2rem auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);object-fit:contain}.prose table{display:table;table-layout:fixed;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:1.75rem 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#ffffff02;font-size:.88rem;line-height:1.9;scrollbar-color:#687060 var(--color-surface)}.prose th,.prose td{padding:.85rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.prose th{background:var(--color-surface-raised);color:var(--color-heading);font-size:.8rem;font-weight:600;white-space:normal}.prose td:first-child,.prose th:first-child{width:32%}.prose td:first-child{color:var(--color-muted)}.prose tbody tr:last-child td{border-bottom:0}.prose tbody tr:nth-child(2n){background:#ffffff02}.prose del,.prose s{color:var(--color-muted);text-decoration-color:#b8b6aa;margin-right:.25em;font-size:.92em}.prose del+strong,.prose s+strong{color:var(--color-accent)}.prose blockquote{margin:2rem 0;padding:.25rem 1.5rem;border-left:2px solid var(--color-accent);background:linear-gradient(90deg,var(--color-accent-soft),transparent);color:var(--color-muted);font-size:.95rem}.prose blockquote p{margin-block:1rem}.prose hr{margin:3rem 0;border:0;border-top:1px solid var(--color-border)}.prose code{font:.88em/1.8 var(--font-mono);padding:.15em .4em;border:1px solid var(--color-border);border-radius:3px;background:var(--color-surface)}.prose pre{max-width:100%;overflow-x:auto;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#0a100e;line-height:1.8}.prose pre code{padding:0;border:0;background:none}.prose iframe,.prose video{max-width:100%}.page-shell{max-width:850px;padding-block:4.5rem 6rem}.page-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.page-header h1{margin:0;color:var(--color-heading);font:500 clamp(1.9rem,4vw,2.7rem)/1.55 var(--font-display)}.page-header .lede{margin-bottom:0}.site-header{border-bottom:1px solid var(--color-border);background:#101513e8}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.35rem}.brand{display:inline-flex;align-items:center;gap:.8rem;flex-shrink:0}.brand-mark{width:30px;height:37px;filter:drop-shadow(0 0 10px #e6b87533)}.brand-copy{display:flex;flex-direction:column;gap:.2rem;line-height:1.25}.brand-copy strong{font:500 1.4rem/1.2 Georgia,var(--font-display);letter-spacing:.04em;color:var(--color-heading)}.brand-copy small{color:var(--color-muted);font-size:.58rem;letter-spacing:.12em}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem 1.3rem}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:38px;color:var(--color-muted);font-size:.71rem;letter-spacing:.08em;white-space:nowrap;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:var(--color-accent)}.nav-link.is-active:after{content:"";position:absolute;height:1px;background:var(--color-accent);inset:auto 0 0}.site-footer{padding-block:3.5rem 1.5rem;border-top:1px solid var(--color-border);background:#0c110f}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;padding-bottom:3rem}.footer-brand{margin:0 0 .75rem;font:500 1.75rem/1.4 Georgia,var(--font-display);letter-spacing:.04em}.footer-copy{color:var(--color-muted);font-size:.83rem;line-height:2;max-width:29rem;margin:0}.footer-nav{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:.75rem 1.6rem;padding-top:.5rem}.footer-nav a{color:var(--color-muted);font-size:.75rem}.footer-nav a:hover{color:var(--color-accent)}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.2rem;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:.64rem;letter-spacing:.08em}.footer-bottom p{margin:0}@media(max-width:1000px){.header-inner{flex-wrap:wrap;gap:.75rem}.site-nav{justify-content:flex-start;width:100%}}@media(max-width:800px){:root{--container: calc(100% - 3rem) }.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr;gap:1.5rem}.footer-nav{justify-content:flex-start}}@media(max-width:560px){:root{--container: calc(100% - 2.5rem) ;--space-8: 3.5rem}.header-inner{padding-block:1rem .7rem;gap:.6rem}.brand-copy strong{font-size:1.35rem}.site-nav{gap:0 1.1rem}.nav-link{min-height:34px;font-size:.65rem}.article-grid{grid-template-columns:1fr;gap:1.25rem}.section-heading{align-items:flex-start;flex-direction:column;gap:.65rem}.section-heading .text-link{align-self:flex-end}.prose{font-size:.93rem;line-height:2.05}.prose table{font-size:.78rem}.prose th,.prose td{padding:.65rem .7rem}.prose blockquote{padding-inline:1rem}.page-shell{padding-block:3rem 4rem}.site-footer{padding-top:2.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.not-found-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:var(--space-5, 2rem)}
