:root{color:#f8f4df;background:#13170f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#0e130bf5,#151e13fa),url(/assets/games/x-road-title.png);background-attachment:fixed;background-position:center top;background-size:cover}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.site-header{position:fixed;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,4vw,48px);background:#0c0f0ac7;border-bottom:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.wordmark,nav,.hero-actions,.card-meta,.tag-row,.card-link-label,.detail-chip-row,.back-link,.collection-link,footer span:last-child{display:flex;align-items:center}.wordmark{gap:10px;font-weight:900;letter-spacing:0;white-space:nowrap}.wordmark-mark{display:grid;width:38px;height:38px;place-items:center;border:2px solid #f9d85f;background:#295e30;color:#fff8c8;border-radius:8px;box-shadow:4px 4px #050704;font-size:.82rem}nav{gap:clamp(10px,3vw,28px);color:#dfe7d5;font-size:.95rem;font-weight:750}nav a{padding:8px 0}.hero{position:relative;min-height:92vh;overflow:hidden;display:grid;align-items:end;padding:118px clamp(18px,5vw,72px) 68px;isolation:isolate}.hero-art,.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-bg{width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.04)}.hero-shade{z-index:-1;background:#06080580}.hero-panel{position:absolute;width:min(34vw,460px);aspect-ratio:4 / 3;object-fit:cover;border:3px solid rgba(255,255,255,.68);border-radius:8px;box-shadow:0 20px 44px #00000073}.hero-panel-left{left:clamp(12px,3vw,42px);top:18%;transform:rotate(-5deg)}.hero-panel-right{right:clamp(12px,4vw,72px);top:17%;transform:rotate(4deg)}.hero-mascot{position:absolute;right:clamp(18px,10vw,160px);bottom:72px;width:min(30vw,330px);image-rendering:auto;filter:drop-shadow(0 16px 20px rgba(0,0,0,.5))}.hero-content{width:min(920px,100%);text-shadow:0 3px 18px rgba(0,0,0,.55)}.kicker{margin:0 0 10px;color:#f4d85c;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:880px;margin-bottom:18px;font-size:clamp(3.3rem,11vw,8.5rem);line-height:.9;letter-spacing:0}h2{margin-bottom:14px;color:#fff8dd;font-size:clamp(2rem,4vw,4.2rem);line-height:1;letter-spacing:0}h3{margin-bottom:12px;color:#fff8dd;font-size:clamp(1.35rem,2vw,2rem);line-height:1.06;letter-spacing:0}.hero-copy{max-width:680px;margin-bottom:26px;color:#f2eed5;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px}.primary-action,.secondary-action,.collection-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border-radius:8px;font-weight:900}.primary-action{background:#f9d85f;color:#17130a;box-shadow:5px 5px #8e3629}.secondary-action,.collection-link{border:1px solid rgba(255,255,255,.32);background:#12160ec2;color:#fff8dd}.intro-band{padding:20px clamp(18px,5vw,72px);background:#eee3b9;color:#182215}.intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1260px;margin:0 auto}.pillar{display:flex;align-items:center;gap:10px;min-height:54px;font-weight:850}.pillar svg{flex:0 0 auto;color:#2f7c3b}.section{padding:clamp(54px,9vw,112px) clamp(18px,5vw,72px)}.section-heading{max-width:840px;margin:0 auto 34px;text-align:center}.section-heading p:not(.kicker),.pipeline-copy p,.collection-band p{color:#dce7d4;line-height:1.7}.game-section{background:#142015}.featured-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1260px;margin:0 auto}.feature-card,.tool-card,.pipeline-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e}.feature-card{display:grid;grid-template-columns:minmax(210px,.82fr) minmax(0,1fr);min-height:330px;transition:border-color .16s ease,transform .16s ease,background .16s ease}.feature-card:hover,.feature-card:focus-visible,.tool-card:hover,.tool-card:focus-visible,.pipeline-card:hover,.pipeline-card:focus-visible,.related-link:hover,.related-link:focus-visible{border-color:#f9d85fb8;background:#ffffff16;outline:none;transform:translateY(-2px)}.media-frame{display:grid;min-height:330px;padding:10px;place-items:center;background:#0b120d}.media-frame img{width:100%;height:100%;min-height:0;object-fit:contain}.feature-copy{padding:clamp(18px,3vw,34px)}.card-meta{justify-content:space-between;gap:12px;margin-bottom:22px;color:#f4d85c;font-size:.74rem;font-weight:900;text-transform:uppercase}.feature-copy p{margin-bottom:22px;color:#dfebd7;line-height:1.62}.tag-row,.detail-chip-row{flex-wrap:wrap;gap:8px}.tag-row span,.detail-chip-row span{padding:7px 9px;border:1px solid rgba(249,216,95,.4);border-radius:999px;color:#fff2a5;font-size:.78rem;font-weight:850}.card-link-label{gap:7px;margin-top:20px;color:#f9d85f;font-size:.86rem;font-weight:950;text-transform:uppercase}.index-badge{position:absolute;right:14px;bottom:10px;color:#ffffff24;font-size:4.8rem;font-weight:950;line-height:.8}.pipeline{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:22px;max-width:1260px;margin:26px auto 0;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#23301d}.pipeline-copy h3{margin-bottom:10px}.pipeline-copy p{margin-bottom:0}.pipeline-card{display:grid;grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:16px;padding:16px;background:#e3ece2;color:#172112;transition:border-color .16s ease,transform .16s ease,background .16s ease}.pipeline-card:hover,.pipeline-card:focus-visible{background:#f0f5e5}.pipeline-card img{width:72px;height:72px;object-fit:contain;image-rendering:pixelated}.pipeline-card span{display:block;margin-bottom:2px;color:#8e3629;font-size:.78rem;font-weight:900;text-transform:uppercase}.pipeline-card strong{font-size:1.15rem}.tools-section{background:#232720}.section-heading.compact{max-width:760px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto}.tool-card{display:grid;grid-template-columns:86px minmax(0,1fr) 22px;gap:18px;align-items:center;padding:20px;background:#11160e;transition:border-color .16s ease,transform .16s ease,background .16s ease}.tool-card img{width:86px;height:86px;padding:8px;object-fit:contain;border:1px solid rgba(249,216,95,.36);border-radius:8px;background:#eff2d9}.tool-card p{margin-bottom:5px;color:#f4d85c;font-size:.78rem;font-weight:900;text-transform:uppercase}.tool-card h3{margin-bottom:8px;font-size:1.5rem}.tool-card span{color:#dfe8d6;line-height:1.55}.tool-arrow{color:#f4d85c}.collection-band{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(44px,7vw,78px) clamp(18px,5vw,72px);background:#d94c3d;color:#fff7de}.collection-band div{max-width:760px}.collection-band p{margin-bottom:0;color:#fff4df}.collection-link{flex:0 0 auto;background:#12170d}.detail-page{min-height:100vh;background:#10160e}.detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(24px,5vw,58px);align-items:end;min-height:78vh;overflow:hidden;padding:124px clamp(18px,5vw,72px) 64px;isolation:isolate}.detail-hero-bg,.detail-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.detail-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04)}.detail-tool .detail-hero-bg{background:#293621}.detail-tool .detail-hero-bg img{padding:clamp(80px,16vw,190px);object-fit:contain;opacity:.36}.detail-hero-shade{z-index:-1;background:linear-gradient(90deg,#070a06e0,#070a069e),#080b0659}.detail-hero-content{max-width:900px;text-shadow:0 3px 18px rgba(0,0,0,.55)}.back-link{width:fit-content;gap:8px;margin-bottom:28px;padding:9px 11px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#0c100aad;color:#fff8dd;font-weight:900}.back-link:hover,.back-link:focus-visible{border-color:#f9d85fb8;outline:none}.detail-copy{max-width:760px;margin-bottom:24px;color:#f4edd9;font-size:clamp(1.04rem,2vw,1.28rem);line-height:1.55}.detail-hero-card{overflow:hidden;align-self:center;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#10160ee0;box-shadow:0 24px 54px #0000005c}.detail-hero-card img{width:100%;aspect-ratio:4 / 3;padding:12px;object-fit:contain;background:#0b120d}.detail-card-meta{display:grid;gap:5px;padding:16px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.detail-status-value{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-status-value a{display:inline-flex;align-items:center;gap:5px;color:#f9d85f;font-size:.9rem;font-weight:850}.detail-card-meta span,.detail-facts span,.related-link span{color:#f4d85c;font-size:.76rem;font-weight:900;text-transform:uppercase}.detail-card-meta strong,.detail-facts strong{color:#fff8dd;font-size:1.08rem}.detail-content{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:22px;padding:clamp(44px,7vw,78px) clamp(18px,5vw,72px);background:#1d2819}.detail-facts,.detail-highlights{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e}.detail-facts{display:grid;align-self:start}.detail-facts div{display:grid;gap:6px;padding:18px;border-bottom:1px solid rgba(255,255,255,.11)}.detail-facts div:last-child{border-bottom:0}.detail-highlights{padding:clamp(22px,4vw,34px)}.highlight-list{display:grid;gap:12px;margin-top:22px}.highlight{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;color:#edf6e7;line-height:1.55}.highlight svg{color:#f4d85c}.detail-gallery-section{background:#141f15}.detail-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1260px;margin:0 auto}.gallery-item{overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e}.gallery-item img{width:100%;aspect-ratio:16 / 10;padding:10px;object-fit:contain;background:#0b120d}.gallery-item figcaption{padding:13px 14px 15px;color:#f4d85c;font-size:.82rem;font-weight:900;text-transform:uppercase}.related-band{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:24px;align-items:start;padding:clamp(44px,7vw,78px) clamp(18px,5vw,72px);background:#2b241b}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-link{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 20px;gap:12px;align-items:center;min-height:92px;padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0e;transition:border-color .16s ease,transform .16s ease,background .16s ease}.related-link img{grid-row:1 / 3;width:62px;height:62px;padding:5px;object-fit:contain;border-radius:8px;background:#0b120d}.related-link strong{color:#fff8dd;line-height:1.15}.related-link svg{grid-column:3;grid-row:1 / 3;color:#f4d85c}.not-found-page{display:grid;align-content:center;min-height:82vh;padding:124px clamp(18px,5vw,72px) 64px;background:#142015}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(18px,5vw,72px);background:#0a0d08;color:#d7e2d2;font-size:.92rem}footer span:first-child{color:#f4d85c;font-weight:950}footer span:last-child{gap:6px}@media(max-width:1040px){.intro-grid,.featured-row{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{grid-template-columns:1fr}.media-frame{min-height:260px;aspect-ratio:16 / 10}.detail-hero,.detail-content,.related-band{grid-template-columns:1fr}.detail-hero-card{width:min(460px,100%)}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{position:absolute;align-items:flex-start;padding:12px 16px}.wordmark{font-size:.95rem}.wordmark-mark{width:34px;height:34px}nav{gap:12px;font-size:.83rem}.hero{min-height:88vh;padding:116px 16px 44px}.hero-panel-left{width:46vw;top:16%}.hero-panel-right{width:46vw;top:23%}.hero-mascot{right:18px;bottom:164px;width:min(40vw,190px)}.hero-copy{max-width:100%}.intro-grid,.featured-row,.tool-grid,.pipeline,.detail-gallery-grid,.related-grid{grid-template-columns:1fr}.section{padding:48px 16px}.section-heading{text-align:left}.feature-card{min-height:auto}.card-meta{align-items:flex-start;flex-direction:column;margin-bottom:14px}.pipeline{padding:18px}.tool-card{grid-template-columns:72px minmax(0,1fr) 20px;padding:16px}.tool-card img{width:72px;height:72px}.detail-hero{min-height:auto;padding:112px 16px 46px}.detail-content,.related-band{padding:42px 16px}.detail-hero-card{align-self:start}.detail-facts div,.detail-highlights{padding:16px}.collection-band,footer{align-items:flex-start;flex-direction:column}.collection-link{width:100%}}@media(max-width:520px){.site-header{gap:8px}nav{display:none}h1{font-size:clamp(3rem,18vw,4.9rem)}h2{font-size:2.15rem}.hero-actions a{width:100%}.hero-panel{opacity:.72}.hero-panel-left{width:54vw;left:-18px}.hero-panel-right{width:54vw;right:-18px}.hero-mascot{bottom:192px;width:145px}.media-frame{min-height:220px}.feature-copy{padding:18px}.index-badge{font-size:3.2rem}.detail-hero-card img,.gallery-item img{aspect-ratio:4 / 3}.related-link{grid-template-columns:56px minmax(0,1fr) 18px}.related-link img{width:56px;height:56px}}