*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07090c;color:#f4f6f8;font-family:'Barlow',system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:72px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:2rem;padding:0 clamp(1rem,4vw,4rem);background:rgba(6,8,11,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:.65rem;min-width:max-content}.brand-mark{width:38px;height:38px;border:2px solid var(--accent);display:grid;place-items:center;font-family:'Bebas Neue';font-size:1.15rem;letter-spacing:1px}.brand strong{display:block;font-family:'Barlow Condensed';font-size:.9rem;letter-spacing:1.8px}.brand small{display:block;color:#7e8794;font-size:.48rem;letter-spacing:1.8px;margin-top:-2px}.site-header nav{display:flex;align-items:center;gap:1.4rem;margin-left:auto}.site-header nav a{font-family:'Barlow Condensed';font-size:.72rem;text-transform:uppercase;letter-spacing:1.35px;color:#aeb6c0;transition:.2s}.site-header nav a:hover{color:#fff}.header-download{font-family:'Barlow Condensed';font-size:.72rem;letter-spacing:1.2px;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--accent) 70%,#fff);background:color-mix(in srgb,var(--accent) 18%,transparent);padding:.65rem .9rem;display:flex;gap:.7rem;align-items:center}.mod-hero{position:relative;min-height:760px;height:min(88vh,900px);padding-top:72px;background-size:cover;background-repeat:no-repeat;overflow:hidden}.mod-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(transparent,#07090c);pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.11;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000 0,transparent 72%)}.hero-inner{position:relative;z-index:2;width:min(1240px,calc(100% - 2rem));height:100%;margin:auto;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:4rem;align-items:center;padding:4rem 0 5rem}.eyebrow,.kicker{font-family:'Barlow Condensed';font-size:.67rem;font-weight:700;letter-spacing:2.5px;color:#aeb7c3}.eyebrow{display:flex;align-items:center;gap:.7rem}.eyebrow-line{width:42px;height:2px;background:var(--accent)}.status-row{display:flex;align-items:center;gap:.7rem;margin:1.2rem 0 .7rem}.status{font-family:'Barlow Condensed';font-size:.59rem;letter-spacing:1.8px;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);padding:.35rem .55rem;display:inline-flex;align-items:center;gap:.45rem;background:rgba(0,0,0,.24)}.status i{width:6px;height:6px;border-radius:50%;display:block}.status.released i,.release-status.released{color:#65e59a}.status.released i{background:#65e59a;box-shadow:0 0 13px #65e59a}.status.scheduled i,.release-status.scheduled{color:#65b8ff}.status.scheduled i{background:#65b8ff;box-shadow:0 0 13px #65b8ff}.status.development i,.release-status.development{color:#ffb24d}.status.development i{background:#ffb24d;box-shadow:0 0 13px #ffb24d}.release-date{font-family:'Barlow Condensed';font-size:.6rem;letter-spacing:1.5px;color:#b7c0cb}.hero-copy h1{font-family:'Bebas Neue';font-size:clamp(5rem,10vw,9.5rem);font-weight:400;letter-spacing:-1px;line-height:.82;margin:.45rem 0 0;text-shadow:0 8px 35px rgba(0,0,0,.55)}.system-name{font-family:'Barlow Condensed';font-size:clamp(1.05rem,2vw,1.5rem);letter-spacing:2.6px;text-transform:uppercase;color:color-mix(in srgb,var(--accent) 72%,#fff);margin-top:1rem}.hero-desc{max-width:760px;font-size:clamp(.95rem,1.45vw,1.08rem);color:#c1c8d0;margin:1.3rem 0 1.6rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.6rem}.hero-meta span{min-width:125px;border-left:2px solid var(--accent);padding:.35rem .8rem;background:rgba(0,0,0,.22)}.hero-meta small,.panel-group small,.release-main small,.release-details small{display:block;font-family:'Barlow Condensed';font-size:.53rem;letter-spacing:1.7px;color:#808997}.hero-meta strong{display:block;font-family:'Barlow Condensed';font-size:1rem;letter-spacing:.7px;margin-top:.08rem}.hero-actions{display:flex;gap:.65rem;margin-top:1.6rem;flex-wrap:wrap}.platform-btn{min-width:190px;height:58px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:.7rem;padding:.55rem .8rem;border:1px solid rgba(255,255,255,.14);transition:transform .2s,border-color .2s,filter .2s}.platform-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}.platform-btn svg{width:30px;height:30px}.platform-btn span{font-family:'Barlow Condensed';font-size:.94rem;font-weight:700;letter-spacing:.3px}.platform-btn small{display:block;font-size:.49rem;letter-spacing:1.4px;font-weight:500;opacity:.7}.platform-btn b{font-weight:400}.platform-btn.cf{background:linear-gradient(135deg,#f16436,#d94821)}.platform-btn.mr{background:linear-gradient(135deg,#1bd96a,#00a846);color:#06190d}.platform-btn.disabled{filter:grayscale(1);opacity:.35;pointer-events:none}.hero-panel{background:rgba(7,9,12,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--accent);padding:1.4rem;box-shadow:0 30px 70px rgba(0,0,0,.28)}.panel-code{font-family:'Bebas Neue';font-size:5.2rem;line-height:1;color:color-mix(in srgb,var(--accent) 78%,#fff);opacity:.95}.panel-title{font-family:'Barlow Condensed';font-size:.66rem;letter-spacing:2.4px;color:#8c95a1;margin:.25rem 0 1.3rem}.panel-group{border-top:1px solid rgba(255,255,255,.09);padding:1rem 0}.tag-row{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.45rem}.tag{font-family:'Barlow Condensed';font-size:.66rem;letter-spacing:.55px;padding:.32rem .48rem;background:#161a20;border:1px solid #2a3039;color:#c9d0d8}.tag.loader.fabric{border-color:#d7bd73;color:#f5dc93}.tag.loader.forge{border-color:#7893c9;color:#a9bdea}.tag.loader.neoforge{border-color:#d65d5d;color:#ff9494}.panel-link{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed';font-size:.65rem;letter-spacing:1.1px;text-transform:uppercase;color:#c6cbd2;border-top:1px solid rgba(255,255,255,.09);padding-top:1rem}.content-section{width:min(1180px,calc(100% - 2rem));margin:auto;padding:6.8rem 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #20252d;padding-bottom:1.1rem;margin-bottom:2.5rem}.section-heading h2{font-family:'Bebas Neue';font-size:clamp(2.7rem,5vw,4.4rem);font-weight:400;line-height:.9;margin:.28rem 0 0}.section-number{font-family:'Bebas Neue';font-size:2.6rem;color:#262c34}.overview-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem}.lead{font-size:1.15rem;line-height:1.8;color:#b7c0ca;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.feature-card{min-height:92px;padding:1rem;border:1px solid #222833;background:#0b0e12;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,#222833);transform:translateY(-2px)}.feature-card span{font-family:'Bebas Neue';font-size:1.1rem;color:var(--accent)}.feature-card strong{font-family:'Barlow Condensed';font-size:.95rem;letter-spacing:.75px;text-transform:uppercase}.gallery-section{padding-top:3rem}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:.65rem}.gallery-card{position:relative;overflow:hidden;padding:0;border:0;background:#10141a;cursor:pointer;color:#fff}.gallery-card:nth-child(6n+1),.gallery-card:nth-child(6n+4){grid-column:span 7}.gallery-card:nth-child(6n+2),.gallery-card:nth-child(6n+3){grid-column:span 5}.gallery-card:nth-child(6n+5),.gallery-card:nth-child(6n+6){grid-column:span 6}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}.gallery-card:hover img{transform:scale(1.035);filter:brightness(.75)}.gallery-card span{position:absolute;left:1rem;bottom:1rem;font-family:'Barlow Condensed';font-size:.58rem;letter-spacing:1.4px;opacity:0;transform:translateY(8px);transition:.2s}.gallery-card:hover span{opacity:1;transform:none}.empty-showcase{min-height:270px;border:1px dashed #303641;background:repeating-linear-gradient(135deg,#0a0d11,#0a0d11 12px,#0c1015 12px,#0c1015 24px);display:flex;align-items:center;justify-content:center;gap:1.2rem;color:#7f8995;padding:2rem}.empty-symbol{font-family:'Bebas Neue';font-size:5rem;color:var(--accent)}.empty-showcase strong{font-family:'Barlow Condensed';font-size:1.15rem;color:#d7dce2;letter-spacing:.5px}.empty-showcase p{margin:.2rem 0;max-width:600px}.transit-section{padding-top:3rem}.transit-card{position:relative;border:1px solid #232a33;background:linear-gradient(135deg,#0c1015,#090b0e);padding:2.3rem;display:grid;grid-template-columns:190px 1fr;gap:2.5rem;align-items:center;overflow:hidden}.transit-card:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}.transit-code{font-family:'Bebas Neue';font-size:5.8rem;line-height:1;color:var(--accent);border-right:1px solid #242a32}.transit-card p{font-size:1.06rem;line-height:1.75;color:#afb8c2;margin:0}.release-section{padding-top:3rem}.release-grid{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid #232a33;background:#0b0e12}.release-main{padding:2rem;border-right:1px solid #232a33}.big-version{font-family:'Bebas Neue';font-size:5.4rem;line-height:1;margin:.45rem 0;color:var(--accent)}.release-status{font-family:'Barlow Condensed';font-size:.65rem;letter-spacing:1.4px;text-transform:uppercase}.release-main p{color:#85909c}.release-details{display:grid;grid-template-columns:repeat(2,1fr)}.release-details>div{padding:1.45rem;border-bottom:1px solid #232a33;border-right:1px solid #232a33}.release-details strong{display:block;font-family:'Barlow Condensed';font-size:.9rem;letter-spacing:.45px;color:#d6dbe1;margin-top:.35rem}.changelog{margin-top:1rem;border:1px solid #232a33;background:#0a0d11;padding:1.4rem}.changelog h3{font-family:'Barlow Condensed';text-transform:uppercase;letter-spacing:1.3px}.change-row{display:grid;grid-template-columns:110px 1fr auto;gap:1rem;border-top:1px solid #20262e;padding:1rem 0}.change-type{font-family:'Barlow Condensed';font-size:.58rem;letter-spacing:1px;color:var(--accent)}.change-row p{margin:.15rem 0;color:#929da8}.change-row time{font-size:.64rem;color:#69737f}.download-cta{width:min(1180px,calc(100% - 2rem));margin:2rem auto 6rem;border:1px solid color-mix(in srgb,var(--accent) 48%,#222831);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 35%),#0b0e12;padding:2.4rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.download-cta h2{font-family:'Bebas Neue';font-size:clamp(2.2rem,4vw,3.7rem);font-weight:400;margin:.3rem 0}.download-cta p{color:#949eaa;max-width:700px}.download-cta>a{min-width:max-content;font-family:'Barlow Condensed';font-size:.72rem;letter-spacing:1.5px;border:1px solid var(--accent);background:var(--accent);color:#fff;padding:1rem 1.2rem;display:flex;gap:1rem}.other-projects{width:min(1180px,calc(100% - 2rem));margin:auto;padding:0 0 7rem}.other-projects h2{font-family:'Bebas Neue';font-size:3rem;font-weight:400;margin:.25rem 0 1.4rem}.project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.project-mini{--project-accent:#888;border:1px solid #232a33;border-top:2px solid var(--project-accent);background:#0a0d11;padding:1rem;min-height:115px;display:flex;flex-direction:column;transition:.2s}.project-mini:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--project-accent) 55%,#232a33)}.project-mini>span{font-family:'Bebas Neue';font-size:1.4rem;color:var(--project-accent)}.project-mini strong{font-family:'Barlow Condensed';font-size:.9rem;margin:auto 0}.project-mini small{font-family:'Barlow Condensed';font-size:.52rem;letter-spacing:1px;color:#747f8a}.project-mini.planned{opacity:.5}footer{border-top:1px solid #20262e;background:#050609;padding:2rem clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;gap:2rem;color:#77818d;font-size:.66rem}footer strong{color:#c8ced5;font-family:'Barlow Condensed';letter-spacing:1px;margin-right:1rem}footer a{margin-left:1rem;color:#9ea7b2}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:3rem}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain}.lb-close{position:absolute;right:1.2rem;top:1rem;border:0;background:transparent;color:#fff;font-size:2.5rem;cursor:pointer}
@media(max-width:900px){.site-header nav{display:none}.header-download{margin-left:auto}.hero-inner{grid-template-columns:1fr;gap:1.4rem;align-content:center}.hero-panel{display:none}.mod-hero{min-height:720px;height:auto}.overview-grid{grid-template-columns:1fr;gap:2rem}.project-strip{grid-template-columns:repeat(2,1fr)}.release-grid{grid-template-columns:1fr}.release-main{border-right:0;border-bottom:1px solid #232a33}.transit-card{grid-template-columns:120px 1fr}.transit-code{font-size:4rem}.download-cta{align-items:flex-start;flex-direction:column}.gallery-grid{grid-auto-rows:210px}}
@media(max-width:600px){.site-header{height:62px;padding:0 .8rem}.brand-mark{width:34px;height:34px}.brand small{display:none}.header-download{padding:.55rem .65rem;font-size:.58rem}.mod-hero{padding-top:62px;min-height:700px;background-position:center}.hero-inner{width:calc(100% - 1.5rem);padding:3rem 0 4rem}.hero-copy h1{font-size:4.6rem}.system-name{font-size:.95rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.platform-btn{min-width:0;height:54px;grid-template-columns:26px 1fr;padding:.45rem}.platform-btn svg{width:26px}.platform-btn b{display:none}.hero-meta span{min-width:calc(50% - .4rem)}.content-section{width:calc(100% - 1.5rem);padding:5rem 0}.section-heading h2{font-size:2.8rem}.feature-grid{grid-template-columns:1fr}.gallery-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:220px}.gallery-card:nth-child(n){grid-column:1}.transit-card{grid-template-columns:1fr;gap:1rem;padding:1.4rem}.transit-code{border-right:0;border-bottom:1px solid #242a32;padding-bottom:.6rem}.release-details{grid-template-columns:1fr}.release-details>div{border-right:0}.change-row{grid-template-columns:1fr}.change-row time{display:none}.project-strip{grid-template-columns:1fr 1fr}.download-cta{width:calc(100% - 1.5rem);padding:1.4rem}.other-projects{width:calc(100% - 1.5rem)}footer{flex-direction:column}.hero-desc{font-size:.93rem}}
/* ── Step 5.1 — theme synchronization with homepage ── */
.theme-toggle{width:38px;height:38px;flex:0 0 38px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055);color:#f4f6f8;display:grid;place-items:center;cursor:pointer;border-radius:4px;font-size:.9rem;transition:.2s}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}
.mod-hero{color:#fff}
html[data-theme="light"] body{background:#f4f6f9;color:#121820}
html[data-theme="light"] .site-header{background:rgba(248,250,252,.88);border-bottom-color:rgba(16,24,32,.12);box-shadow:0 4px 22px rgba(20,30,42,.07)}
html[data-theme="light"] .brand strong{color:#17202a}html[data-theme="light"] .brand small{color:#697584}html[data-theme="light"] .site-header nav a{color:#53606d}html[data-theme="light"] .site-header nav a:hover{color:#111820}
html[data-theme="light"] .theme-toggle{background:#fff;border-color:#d5dbe2;color:#18212b}
html[data-theme="light"] .header-download{color:#111820;background:color-mix(in srgb,var(--accent) 10%,#fff);border-color:color-mix(in srgb,var(--accent) 58%,#ccd3da)}
/* The city hero deliberately remains cinematic/dark in both themes for photo legibility. */
html[data-theme="light"] .mod-hero:after{background:linear-gradient(transparent,#f4f6f9)}
html[data-theme="light"] .section-heading{border-bottom-color:#d8dee6}html[data-theme="light"] .section-number{color:#c6ced7}html[data-theme="light"] .kicker{color:#687583}
html[data-theme="light"] .lead{color:#4b5865}
html[data-theme="light"] .feature-card{background:#fff;border-color:#dce2e8;box-shadow:0 10px 28px rgba(24,34,46,.045)}html[data-theme="light"] .feature-card strong{color:#202a34}
html[data-theme="light"] .empty-showcase{border-color:#ccd5de;background:repeating-linear-gradient(135deg,#fff,#fff 12px,#f5f7f9 12px,#f5f7f9 24px);color:#667381}html[data-theme="light"] .empty-showcase strong{color:#202934}
html[data-theme="light"] .transit-card{border-color:#d8e0e7;background:linear-gradient(135deg,#fff,#f4f7f9);box-shadow:0 16px 38px rgba(25,35,48,.05)}html[data-theme="light"] .transit-code{border-color:#d7dee5}html[data-theme="light"] .transit-card p{color:#4c5864}
html[data-theme="light"] .release-grid{border-color:#d9e0e7;background:#fff;box-shadow:0 16px 38px rgba(25,35,48,.045)}html[data-theme="light"] .release-main{border-color:#d9e0e7}html[data-theme="light"] .release-main p{color:#687582}html[data-theme="light"] .release-details>div{border-color:#d9e0e7}html[data-theme="light"] .release-details strong{color:#28333e}
html[data-theme="light"] .changelog{border-color:#d9e0e7;background:#fff}html[data-theme="light"] .change-row{border-color:#e1e6eb}html[data-theme="light"] .change-row p{color:#5d6976}html[data-theme="light"] .change-row time{color:#7d8995}
html[data-theme="light"] .download-cta{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 35%),#fff;border-color:color-mix(in srgb,var(--accent) 38%,#d7dee5);box-shadow:0 16px 38px rgba(25,35,48,.05)}html[data-theme="light"] .download-cta p{color:#64717e}
html[data-theme="light"] .project-mini{background:#fff;border-color:#d9e0e7;box-shadow:0 8px 24px rgba(25,35,48,.035)}html[data-theme="light"] .project-mini strong{color:#25303b}html[data-theme="light"] .project-mini small{color:#697683}
html[data-theme="light"] footer{background:#eef2f5;border-top-color:#d7dee5;color:#64717d}html[data-theme="light"] footer strong{color:#27313b}html[data-theme="light"] footer a{color:#53616e}
@media(max-width:900px){.theme-toggle{margin-left:auto}.site-header nav+.theme-toggle{margin-left:auto}.header-download{margin-left:0}}
/* STEP 8 — accessibility / keyboard / reduced-motion polish */
.skip-link{position:fixed;left:16px;top:12px;z-index:100000;transform:translateY(-180%);padding:10px 14px;border-radius:6px;background:#fff;color:#080a0d!important;font:700 14px/1.2 system-ui,sans-serif;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #FCCC0A!important;outline-offset:3px!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}}
/* Screenshot titles — compact hover label */
.gallery-card span{max-width:calc(100% - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.36rem .52rem;background:rgba(5,7,10,.58);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-radius:3px}
/* Screenshot Feature Preview / Upcoming Update */
.gallery-feature-preview{position:absolute;top:.75rem;right:.75rem;z-index:3;max-width:calc(100% - 1.5rem);padding:.34rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(8,11,15,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:'Barlow Condensed',sans-serif;font-size:.55rem;line-height:1;letter-spacing:1.25px;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px rgba(0,0,0,.18);opacity:.82;transition:opacity .2s,transform .2s}
.gallery-card:hover .gallery-feature-preview,.gallery-card:focus-visible .gallery-feature-preview{opacity:1;transform:translateY(-1px)}
@media(max-width:600px){.gallery-feature-preview{top:.6rem;right:.6rem;font-size:.52rem;opacity:.94}}