:root{--bg:#101715;--panel:#18211e;--line:#34443c;--ink:#f2f5ef;--muted:#bbc8c0;--accent:#e4bb58;--max:1240px;--gap:clamp(22px,5vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}p{margin:0 0 1.25em}h1,h2,h3{line-height:1.13;margin:0;font-weight:650;letter-spacing:-.035em}h1{font-size:clamp(42px,5.7vw,82px)}h2{font-size:clamp(32px,3.5vw,50px)}h3{font-size:1.5rem}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(var(--max),calc(100% - 2 * var(--gap)));margin:auto}.skip{position:absolute;top:-100px;padding:12px;background:var(--accent);color:var(--bg);z-index:20}.skip:focus{top:5px}.header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:276px;height:auto}.nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.nav a{font-size:0.9375rem;padding:12px 0;border-bottom:2px solid transparent}.nav a:hover,.nav a[aria-current=page]{color:var(--accent);border-color:var(--accent)}.menu-toggle{display:none;color:var(--ink);background:transparent;border:1px solid var(--line);padding:9px 14px;border-radius:4px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:0.8125rem;font-weight:650;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin-bottom:24px}.eyebrow:before{content:'';width:25px;height:2px;background:currentColor}.hero{padding:72px 0 64px}.hero-top{display:grid;grid-template-columns:1.3fr 1fr;gap:75px;align-items:end;margin-bottom:48px}.hero-copy{color:var(--muted);max-width:520px}.hero-copy p{font-size:1.125rem}.hero h1 span{color:var(--accent)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:12px 20px;border:1px solid var(--line);border-radius:4px;font-size:0.9375rem;font-weight:600}.btn.primary{background:var(--accent);color:#182019;border-color:var(--accent)}.btn:hover{border-color:var(--accent);transform:translateY(-1px)}.banner{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#080d0b}.banner img{width:100%;height:auto}.section{padding:64px 0 80px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.section-head .eyebrow{margin-bottom:16px}.section-head>a{color:var(--accent);font-size:0.9375rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.game{border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.game:hover{border-color:var(--accent);transform:translateY(-4px)}.game .art{aspect-ratio:460/215;display:flex;background:#090e0c;align-items:center}.game .art img{width:100%;height:100%;object-fit:contain}.game-body{padding:24px;display:flex;flex-direction:column;flex:1}.game h3{font-size:1.4375rem;letter-spacing:-.02em;margin-bottom:14px}.game p{font-size:0.9375rem;color:var(--muted);line-height:1.65;flex:1}.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:0.8125rem;border-top:1px solid var(--line);padding-top:16px;margin-top:10px}.meta span:last-child{color:var(--accent)}.about-strip{display:grid;grid-template-columns:240px 1fr;gap:80px;align-items:center}.about-strip .mark{background:#d9dfd8;border-radius:8px;padding:30px}.about-strip p{max-width:760px;color:var(--muted);margin-top:25px}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden}.feature .feature-art{display:flex;align-items:center;background:#080d0b}.feature img{width:100%;height:auto}.feature-copy{padding:clamp(25px,4vw,52px)}.feature-copy p{margin-top:20px;color:var(--muted)}.page-intro{padding:65px 0 48px}.page-intro h1{max-width:1000px}.page-intro p{margin-top:24px;max-width:700px;color:var(--muted)}.breadcrumb{color:var(--muted);font-size:0.875rem;margin-bottom:30px}.breadcrumb a:hover{color:var(--accent)}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-bottom:80px}.article-aside{font-size:0.875rem;color:var(--muted)}.article-aside a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.article-aside a:hover{color:var(--accent)}.prose{max-width:880px;min-width:0}.prose p{color:var(--muted);line-height:1.8}.prose h2{font-size:2.0rem;margin:45px 0 22px}.prose h3{font-size:1.5625rem;margin:36px 0 18px}.prose img{max-height:520px;object-fit:contain;margin:0 auto 32px}.prose>p:first-child:has(img){background:#d9dfd8;padding:28px;border-radius:6px}.prose>p:first-child img{max-height:190px;margin:auto}.game-detail>p:first-child:has(img){background:#080d0b;padding:0}.game-detail>p:first-child img{max-height:620px;width:100%;object-fit:contain}.prose hr{border:0;border-top:1px solid var(--line);margin:38px 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.prose a[href*='store.steampowered.com/app']{display:inline-flex;padding:13px 22px;border-radius:4px;background:var(--accent);color:#101715;text-decoration:none;font-weight:600}.ia-tech-tree-section{border:1px solid var(--line);border-radius:6px;padding:30px;margin-top:40px;background:var(--panel)}.ia-tech-tree-icon{display:none}.ia-tech-tree-note{display:block;color:var(--muted);font-size:0.875rem;margin-top:15px}.ia-tech-tree-kicker{color:var(--accent);font-size:0.875rem}.ia-tech-tree-section h2{margin-top:18px}.footer{padding:62px 0 28px;background:#0a100e;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-bottom:50px}.footer h2{font-size:2.375rem;margin:0 0 24px}.email{font-size:clamp(16px,2vw,25px);color:var(--accent);overflow-wrap:anywhere}.social{display:flex;gap:22px;flex-wrap:wrap}.social a{display:flex;gap:9px;align-items:center;font-size:0.875rem}.social img{width:22px;height:22px;object-fit:contain}.copyright{display:flex;justify-content:space-between;gap:25px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:0.8125rem}.mobile-only{display:none}@media(min-width:1100px){.banner{height:340px;display:flex;align-items:center;justify-content:center}.banner img{width:auto;height:100%;object-fit:contain}.banner{background:#111715}}@media(max-width:1000px){.brand img{width:220px}.nav{gap:16px}.hero-top{gap:35px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}}@media(max-width:720px){.header-inner{min-height:88px;flex-wrap:wrap;gap:12px;padding:18px 0}.brand img{width:210px}.menu-toggle{display:block}.nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-bottom:8px}.js .nav{display:none}.js .nav.open{display:flex}.nav a{padding:12px 0}.hero{padding:42px 0}.hero-top{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.hero h1{font-size:3.0rem}.hero-copy p{font-size:1.0625rem}.eyebrow{margin-bottom:18px;font-size:0.75rem}.section{padding:42px 0 50px}.section-head{align-items:start;flex-direction:column;gap:18px}.grid{grid-template-columns:1fr;gap:24px}.game-body{padding:22px}.about-strip{grid-template-columns:1fr;gap:30px}.about-strip .mark{max-width:170px}.feature{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:26px}.article-aside{display:flex;flex-wrap:wrap;gap:10px 24px}.article-aside a{padding:6px 0}.page-intro{padding:40px 0 32px}.footer-top,.copyright{flex-direction:column}.footer-top{gap:30px}.prose h2{font-size:1.75rem}.footer h2{font-size:2.0rem}.social{gap:20px}.ia-tech-tree-section{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game,.btn{transition:none;transform:none!important}}

h1,h2,h3{overflow-wrap:anywhere}
/* Reserve identical artwork frames while keeping every image fully visible. */
.game .art{position:relative;width:100%;flex:none;overflow:hidden}.game .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* Compact game catalogue: full artwork and descriptions remain visible. */
.games-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 18px}
.games-grid .game-body{padding:16px}
.games-grid .game h3{font-size:1.125rem;line-height:1.25;margin-bottom:10px}
.games-grid .game p{font-size:.875rem;line-height:1.5;margin-bottom:12px}
.games-grid .meta{padding-top:10px;margin-top:auto;gap:8px;flex-wrap:wrap;font-size:.75rem}
.games-grid .meta span:last-child{font-size:.8125rem}
.games-index .page-intro{padding:40px 0 28px}
.games-index>.section{padding:28px 0 50px}
@media(max-width:1199px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:899px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:599px){.games-grid{grid-template-columns:1fr}}

.release-date{display:flex;flex-direction:column;gap:3px}.release-date small{font-size:.75rem;color:var(--muted)}.games-grid .meta .release-date{color:var(--muted)}

.games-grid .game .game-chinese{flex:0;color:var(--accent);font-size:.875rem;line-height:1.5;margin:0 0 10px}.page-intro .game-chinese{color:var(--accent);margin-top:18px}.prose .game-brand{margin:36px 0 0;padding:24px;background:#d9dfd8;border-radius:6px}.prose .game-brand img{width:100%;max-width:460px;height:auto;max-height:260px;object-fit:contain;margin:auto}