:root{color-scheme:dark;--bg:#101112;--surface:#1a1b1d;--stroke:#303134;--text:#f2f1ef;--muted:#a5a5a8;--accent:#ef735f;--site-width:960px}*{box-sizing:border-box}html{scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#4e4b4a #101112}body{margin:0;background:var(--bg);color:var(--text);font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}body::-webkit-scrollbar{width:5px}body::-webkit-scrollbar-track{background:#101112}body::-webkit-scrollbar-thumb{background:#4e4b4a;border-radius:10px}img{max-width:100%}.page{min-height:100svh;display:flex;flex-direction:column}.hero{height:290px;position:relative;isolation:isolate;flex-shrink:0}.hero-art,.hero-overlay{position:absolute;inset:0;z-index:-1}.hero-art{background-image:url('hero.jpg');background-position:center 45%;background-size:cover}.hero-overlay{background:linear-gradient(to bottom,rgba(16,17,18,.24) 0%,rgba(16,17,18,.20) 32%,rgba(16,17,18,.58) 69%,#101112 100%)}.hero-inner{text-align:center;padding:76px 20px 0}.hero-logo{display:block;width:clamp(230px,33vw,430px);height:auto;object-fit:contain;margin:auto}.hero-inner p{font-size:18px;letter-spacing:.01em;color:#e0dfe1;margin:20px 0 22px}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;opacity:.65}.ornament span{height:1px;width:88px;background:#737477}.ornament i{width:9px;height:9px;border:1px solid #c9c9cc;transform:rotate(45deg)}.main{width:min(var(--site-width),calc(100% - 40px));margin:-16px auto 0;position:relative;flex:1;padding-bottom:50px}.timeline{position:relative;padding-left:51px}.timeline:before{content:"";position:absolute;left:10px;top:18px;bottom:15px;width:1px;background:#37383b}.post{position:relative;margin-bottom:16px}.post:before{content:"";position:absolute;width:12px;height:12px;left:-46px;top:17px;border-radius:50%;background:#65666b;z-index:1}.post:first-child:before{background:var(--accent)}.post-card{border:1px solid var(--stroke);background:linear-gradient(125deg,#1c1d1f,#191a1c);border-radius:9px;padding:15px 17px 17px;overflow:hidden}.post-images{display:grid;gap:10px;margin-bottom:14px}.post-images img{display:block;width:100%;height:auto;max-height:400px;object-fit:cover;border:1px solid #353638;border-radius:6px}.post-date{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;line-height:1.4;margin-bottom:7px}.post-date svg{width:15px;height:15px;stroke:#c2c2c4;fill:none;stroke-width:1.7}.post-card h2{font-size:19px;line-height:1.35;margin:0 0 7px;font-weight:700}.post-content{font-size:15px;line-height:1.65;color:#c4c3c5;overflow-wrap:anywhere}.post-content p{margin:0 0 10px}.post-content p:last-child{margin-bottom:0}.post-content h3{font-size:16px;color:#f0eff0;margin:16px 0 7px}.post-content ul{padding-left:21px;margin:6px 0 10px}.post-content a{color:#e4bcad;text-underline-offset:3px}.post-content code{font-size:.95em;color:#f0d8c8}#sentinel{height:1px}.loader{color:var(--muted);font-size:13px;text-align:center;padding:14px 0}.loader:empty{display:none}.footer{width:min(var(--site-width),calc(100% - 40px));margin:0 auto;padding:0 0 28px}.footer-line{border-top:1px solid #303134;padding:22px 0 0;display:flex;align-items:center;justify-content:space-between;gap:22px}.footer img{display:block;width:124px;height:auto;opacity:.85;flex:0 0 auto}.footer p{margin:0;color:#858588;font-size:12px;text-align:right;line-height:1.5}@media(max-width:680px){.hero{height:255px}.hero-art{background-position:65% center}.hero-inner{padding-top:72px}.hero-logo{width:min(74vw,360px)}.hero-inner p{font-size:14px;margin:18px 0}.main{margin:-8px auto 0;width:calc(100% - 24px);padding-bottom:35px}.timeline{padding-left:23px}.timeline:before{left:4px}.post:before{left:-24px;width:9px;height:9px;top:16px}.post-card{padding:12px}.post-card h2{font-size:17px}.post-content{font-size:14px}.post-date{font-size:12px}.footer{width:calc(100% - 24px)}.footer-line{flex-direction:column;text-align:center;gap:14px}.footer p{text-align:center}.footer img{width:118px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* FRONTLAND 2.0: white logo over bright illustration, with dark fade into the journal */
.hero{height:315px}
.hero-overlay{background:linear-gradient(to bottom,rgba(16,17,18,.06) 0%,rgba(16,17,18,.12) 30%,rgba(16,17,18,.55) 72%,#101112 100%)}
.hero-inner{padding-top:63px;position:relative;z-index:1}
.hero-inner:before{content:"";position:absolute;left:50%;top:16px;transform:translateX(-50%);width:min(780px,100vw);height:215px;z-index:-1;background:radial-gradient(ellipse at center,rgba(9,11,13,.47),rgba(9,11,13,.16) 52%,transparent 79%);pointer-events:none}
.hero-logo{filter:drop-shadow(0 2px 12px rgba(0,0,0,.55))}
.main{margin-top:-18px}
.timeline:empty:before{display:none}
.loader{min-height:40px}
@media(max-width:680px){.hero{height:275px}.hero-inner{padding-top:68px}.hero-inner:before{top:20px;height:200px}.hero-overlay{background:linear-gradient(to bottom,rgba(16,17,18,.09) 0%,rgba(16,17,18,.18) 36%,rgba(16,17,18,.60) 80%,#101112 100%)}.main{margin-top:-12px}}

/* v2.1: bright illustration with gentle center contrast, unchanged dark site palette */

/* Platform symbols below the primary game logo */
.platform-icons{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:16px;color:#fff}
.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;opacity:.95;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65))}
.platform-icon svg,.platform-icon img{display:block;width:100%;height:100%;object-fit:contain}
.hero-inner p{margin-top:13px}
@media(max-width:680px){.platform-icons{gap:16px;margin-top:14px}.platform-icon{width:23px;height:23px}.hero-inner p{margin-top:12px}}