@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--bg:#110f0d;--surface:#1d1916;--raised:#28231f;--spark:#fbc53c;--ember:#f18322;--danger:#d33422;--text:#ece7df;--muted:#aea498;--line:#433b32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;background-image:radial-gradient(circle at 80% -10%,rgba(98,55,14,.22),transparent 30rem),linear-gradient(115deg,transparent 0 48%,hsla(35,35%,70%,.025) 49%,transparent 50%)}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(67,59,50,.8);background:rgba(17,15,13,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav{height:72px;justify-content:flex-start;gap:24px}.brand,.nav{display:flex;align-items:center}.brand{gap:12px;font-family:Barlow Condensed;font-size:1.3rem;letter-spacing:.12em;font-weight:800}.brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 10px hsl(43 96% 61%/.4))}.nav-links{display:flex;gap:20px;margin-left:28px;color:var(--muted);font-size:.88rem}.steam-link{margin-left:auto}.nav-links a.active,.nav-links a:hover{color:var(--spark)}.button,.steam-link{border:1px solid rgba(241,131,34,.55);background:rgba(241,131,34,.12);color:var(--spark);border-radius:3px;padding:10px 14px;font-weight:700;font-size:.82rem}.steam-link{background:var(--ember);border-color:var(--ember);color:#160c06}.steam-link:hover{background:#f39849;border-color:#f39849}.hero{position:relative;min-height:clamp(620px,80vh,860px);display:flex;align-items:center;padding:120px 0;overflow:hidden;isolation:isolate}.hero:before{z-index:-2;background:linear-gradient(90deg,rgba(17,15,13,.98),rgba(17,15,13,.77) 38%,rgba(17,15,13,.18)),linear-gradient(0deg,rgba(17,15,13,.98),transparent 56%),url(/grain-rot-hero.jpg) 50% /cover;filter:saturate(.82) contrast(1.08);transform:scale(1.02)}.hero:after,.hero:before{content:"";position:absolute;inset:0}.hero:after{z-index:-1;pointer-events:none;background:radial-gradient(circle at 72% 30%,rgba(241,131,34,.18),transparent 30%),linear-gradient(120deg,transparent 0 48%,hsla(38,25%,90%,.035) 49%,transparent 50%);mix-blend-mode:screen}.hero-copy{width:min(1160px,calc(100% - 40px));margin-left:auto;margin-right:auto}.eyebrow,.kicker{color:var(--ember);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700}h1,h2,h3{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:0;line-height:.95}h1{font-size:clamp(4rem,11vw,8.6rem);margin:18px 0}.grain-title{display:inline-flex;align-items:baseline;gap:.14em;white-space:nowrap}.grain-word,.rot-word{color:transparent;background-clip:text;-webkit-background-clip:text}.grain-word{background-image:linear-gradient(180deg,#f7f5f2,#93887b)}.rot-word{background-image:linear-gradient(180deg,#ffc670,#b64820)}h2{font-size:clamp(2.6rem,5vw,4.5rem)}h3{font-size:1.5rem}.hero p{max-width:650px;color:var(--muted);line-height:1.75;font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button.primary{background:var(--ember);color:#160c06;border-color:var(--ember)}.hero-art{display:none}.hero-art:before{content:"";position:absolute;inset:15% 18%;border-radius:50%;background:radial-gradient(circle,rgba(251,197,60,.5),rgba(241,131,34,.1) 32%,transparent 68%);filter:blur(18px)}.hero-art:after{content:"GRAIN / ROT";position:absolute;bottom:24px;left:24px;color:hsla(38,25%,90%,.18);font:700 3rem Barlow Condensed;letter-spacing:.08em;transform:rotate(-8deg)}.hero-art img{position:absolute;width:60%;height:60%;object-fit:contain;inset:18% 20%;filter:drop-shadow(0 0 28px hsl(43 96% 61%/.55));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(2deg)}}.cards,.facts{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.answer,.card,.fact,.source-box{border:1px solid var(--line);background:linear-gradient(145deg,rgba(40,35,31,.9),rgba(26,23,20,.8))}.fact{padding:18px;min-height:82px}.fact strong{display:block;color:var(--spark);font-family:Barlow Condensed;font-size:1.45rem}section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.section-head p{max-width:440px;color:var(--muted);line-height:1.6}.cards{grid-template-columns:repeat(2,1fr)}.card{padding:26px;min-height:190px;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-4px);border-color:var(--ember)}.card .number{color:var(--ember);font-family:Barlow Condensed;font-size:2.6rem}.about p,.card p,.loop p{color:var(--muted);line-height:1.7}.card .read{display:inline-block;margin-top:12px;color:var(--spark);font-size:.82rem;font-weight:700}.about-grid,.loop-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:start}.stat-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.stat-list div{background:var(--surface);padding:15px}.stat-list small{display:block;color:var(--muted);margin-bottom:5px}.stat-list strong{color:var(--spark)}.answer{padding:22px;border-left:3px solid var(--spark)}.answer strong{color:var(--spark);display:block;margin-bottom:8px}.loop-grid>div{padding:22px;border-top:1px solid var(--ember)}.code-box{padding:26px;border:1px dashed rgba(251,197,60,.5);background:rgba(251,197,60,.05)}.code-box strong{color:var(--spark)}.media-section{padding-top:34px}.media-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-gap:18px;gap:18px;align-items:stretch}.media-grid-single{grid-template-columns:1fr}.video-card{position:relative;min-height:390px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid var(--line);background:var(--surface);isolation:isolate}.video-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.video-card-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(17,15,13,.98),transparent 70%),linear-gradient(90deg,rgba(17,15,13,.58),transparent 70%)}.video-card:hover img{transform:scale(1.04)}.media-hub:focus-visible,.video-card:focus-visible{outline:2px solid var(--spark);outline-offset:4px}.play-button{position:absolute;top:26px;right:26px;width:58px;height:58px;display:grid;place-items:center;padding-left:4px;border-radius:50%;background:var(--ember);color:#160c06;font-size:1.2rem;box-shadow:0 0 0 8px rgba(241,131,34,.17)}.video-card-copy{display:grid;grid-gap:8px;gap:8px;max-width:560px;padding:30px}.video-card-copy strong{font:700 clamp(2rem,4vw,3.4rem) /.95 Barlow Condensed,sans-serif;text-transform:uppercase}.video-card-copy>span:not(.kicker){max-width:470px;color:var(--muted);line-height:1.55}.video-card-copy em{margin-top:5px;color:var(--spark);font-size:.74rem;font-style:normal;font-weight:700;letter-spacing:.12em}.media-hubs{display:grid;align-content:start;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.media-hubs>.kicker{padding:18px 20px 12px;background:var(--surface)}.media-hub{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;grid-gap:12px;gap:12px;min-height:78px;padding:12px 18px;background:var(--surface);transition:background .2s,padding .2s}.media-hub:hover{padding-left:22px;background:var(--raised)}.media-hub-number{color:var(--ember);font:700 1.8rem Barlow Condensed,sans-serif}.media-hub small,.media-hub strong{display:block}.media-hub small{color:var(--muted);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.media-hub strong{margin-top:3px;font:700 1.25rem Barlow Condensed,sans-serif;text-transform:uppercase}.media-hub-arrow{color:var(--spark);font-size:1.3rem}.cta{text-align:center;padding:110px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta p{max-width:620px;margin:18px auto;color:var(--muted);line-height:1.7}.promo-band{position:relative;min-height:330px;display:flex;align-items:center;padding:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:url(/grain-rot-hero.jpg) center 24%/cover}.promo-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,15,13,.94),rgba(17,15,13,.46) 60%,rgba(17,15,13,.7))}.promo-content{position:relative;z-index:1;width:100%;padding:72px 0}.promo-content h2{max-width:560px}.promo-content p{max-width:540px;margin:18px 0 0;color:var(--muted);line-height:1.7}footer{padding:44px 0;color:var(--muted);font-size:.85rem}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:32px;gap:32px}footer strong{color:var(--text);display:block;margin-bottom:10px}.article-shell{padding:66px 0 100px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:.8rem;margin-bottom:26px}.breadcrumbs a:hover{color:var(--spark)}.article-header{max-width:830px;margin-bottom:35px}.article-header-wide{max-width:960px}.article-header h1{font-size:clamp(3rem,8vw,6.7rem)}.article-lede{color:var(--muted);font-size:1.12rem;line-height:1.7;max-width:760px}.article-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-top:18px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 240px;justify-content:space-between;grid-gap:64px;gap:64px;align-items:start}.article-cover{position:relative;margin:0 0 54px;overflow:hidden;border:1px solid var(--line);background:var(--surface)}.article-cover:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px rgba(17,15,13,.42)}.article-cover img{display:block;width:100%;height:auto}.article-cover figcaption,.article-figure figcaption{color:var(--muted);background:var(--surface);padding:9px 12px;font-size:.72rem}.prose h2{position:relative;scroll-margin-top:110px;font-size:2.6rem;margin:58px 0 18px;padding-top:18px;border-top:1px solid var(--line)}.prose h2:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:2px;background:var(--ember)}.prose h3{margin:28px 0 10px}.prose p{color:#e0d9cc;line-height:1.82;margin:0 0 18px}.prose ol,.prose ul{color:#e0d9cc;line-height:1.8;padding-left:22px}.prose li{margin:6px 0}.prose table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.9rem}.prose td,.prose th{border:1px solid var(--line);padding:12px;text-align:left}.prose th{color:var(--spark);background:var(--surface)}.prose blockquote{border-left:3px solid var(--ember);margin:22px 0;padding:8px 18px;color:var(--muted);background:rgba(241,131,34,.06)}.prose strong{color:var(--text)}.article-figure{margin:32px 0;border:1px solid var(--line);background:var(--surface)}.article-figure img{display:block;width:100%;height:auto}.toc{position:-webkit-sticky;position:sticky;top:100px;border-left:1px solid var(--line);padding-left:18px;color:var(--muted);font-size:.82rem}.toc strong{display:block;color:var(--text);margin-bottom:10px;letter-spacing:.12em}.toc a{display:block;padding:7px 0;line-height:1.35}.toc a:hover{color:var(--spark)}.source-box{padding:20px;margin-top:38px;font-size:.85rem;color:var(--muted);scroll-margin-top:110px}.next-reading{padding:34px;margin-top:58px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(40,35,31,.95),rgba(23,20,18,.9))}.next-reading h2{margin:10px 0 22px;padding:0;border:0;font-size:2.35rem}.next-reading h2:before{display:none}.next-reading-links{display:grid;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.next-reading-links a{display:flex;justify-content:space-between;gap:16px;padding:15px 16px;background:var(--surface);color:var(--text)}.next-reading-links a:hover,.next-reading-links a:hover span{color:var(--spark)}.next-reading-links span{color:var(--ember)}.category-shell{padding:66px 0 110px}.category-header{min-height:470px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);grid-gap:54px;gap:54px;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.category-header h1{max-width:820px;margin:18px 0;font-size:clamp(3.5rem,6.3vw,6.2rem)}.category-art{justify-self:end;width:min(100%,330px);height:410px;object-fit:cover;border:1px solid var(--line);filter:saturate(.86) contrast(1.05);transform:rotate(2deg);box-shadow:-28px 28px 0 rgba(241,131,34,.1)}.category-art,.category-art-guides{object-position:center 22%}.category-art-multiplayer{object-position:55% center}.category-art-troubleshooting{object-position:67% center}.category-art-mods{object-position:56% center}.category-section{padding:88px 0}.section-label{display:flex;align-items:flex-end;gap:20px;margin-bottom:30px}.section-label>span{color:var(--ember);font:800 4.5rem/.8 Barlow Condensed,sans-serif;opacity:.4}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-cards .card:first-child:last-child{grid-column:1/-1;display:grid;grid-template-columns:90px 1fr;grid-column-gap:26px;column-gap:26px;min-height:260px}.category-cards .card:first-child:last-child .number{grid-row:1/span 4}.category-index{padding:80px 0 0;border-top:1px solid var(--line)}.category-index h2{margin:12px 0 28px}.category-index-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.category-index-grid a{min-height:120px;padding:24px;background:var(--surface)}.category-index-grid span{display:block;color:var(--ember);margin-bottom:8px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.category-index-grid strong{font:700 1.55rem Barlow Condensed,sans-serif;text-transform:uppercase}.badge,.category-index-grid a:hover strong,.source-box a{color:var(--spark)}.badge{display:inline-block;padding:5px 8px;border:1px solid rgba(251,197,60,.45);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}@media (max-width:820px){.nav-links{display:none}.about-grid,.article-layout,.category-header,.hero,.loop-grid{grid-template-columns:1fr;gap:28px}.hero{min-height:650px;padding-top:110px;padding-bottom:82px}.grain-title{gap:.08em}.facts{grid-template-columns:repeat(2,1fr)}.cards,.media-grid{grid-template-columns:1fr}.video-card{min-height:360px}.toc{position:static;order:-1;border-left:0;border-bottom:1px solid var(--line);padding:0 0 14px}.category-header{padding:42px 0}.category-art{justify-self:start;width:min(82%,310px);height:330px}.category-cards,.category-index-grid{grid-template-columns:1fr}.category-cards .card:first-child:last-child{display:block;grid-column:auto}.footer-grid{grid-template-columns:1fr}}