@font-face{font-family:Pixel;src:url('pixel.woff2?v=20261102-city') format('woff2');font-display:swap;font-weight:400}
:root{color-scheme:dark;--bg:#000;--ink:#f5e8ca;--blue:#5388b1;--orange:#f68523;--line:#284c70;--muted:#89a1b2}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:24px/1.6 Pixel,monospace}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}button{color:inherit}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img,video{display:block;max-width:100%;height:auto}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.ui-icon{width:24px;height:24px;image-rendering:pixelated;filter:invert(1);flex-shrink:0}
.site-header{height:72px;border-block:3px solid var(--line);background:#030a12;display:flex;align-items:center;gap:36px;padding-inline:40px}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-avatar{width:36px;height:36px;opacity:.75}.brand-wordmark{width:240px;height:64px;object-fit:contain;opacity:.8}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:0}.site-header nav a{border-left:2px solid var(--line);padding:0 22px;white-space:nowrap;font-size:24px;line-height:36px}.music-toggle{border:0;border-left:2px solid var(--line);background:none;display:flex;gap:12px;align-items:center;font-size:18px;min-height:44px;padding-left:22px;white-space:nowrap}.music-toggle:hover,.music-toggle[aria-pressed=true]{color:var(--orange)}
.hero{position:relative;isolation:isolate;min-height:calc(min(100vw,1600px)*.68);background:#000 url('city-pixel.png') center bottom/100% auto no-repeat;image-rendering:pixelated}.hero-content{position:relative;z-index:1;padding:12px 40px 300px}.hero h1{margin:0;font-weight:400;line-height:1.05}.masthead-en{display:block;font-size:clamp(56px,10.6vw,160px);white-space:nowrap;letter-spacing:-.015em}.masthead-en>span{color:var(--orange)}.masthead-zh{display:block;font-size:clamp(64px,11.2vw,168px);margin-top:4px}.mission{font-size:clamp(30px,4.2vw,60px);line-height:1.2;margin:28px 0 24px;color:var(--blue)}.mission span{color:var(--orange)}.pixel-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:3px solid var(--ink);padding:7px 20px;font-size:30px;min-height:54px;background:#02070c}.pixel-button .ui-icon{width:30px;height:30px}.pixel-button:hover{border-color:var(--orange)}.pixel-button.small{font-size:24px;min-height:48px;padding:8px 16px;white-space:nowrap}
.game-section{padding-bottom:64px}.section-rule{border-top:3px solid var(--line);display:flex;align-items:center;gap:20px;padding-top:24px}.section-rule h2{font-size:36px;color:var(--blue);font-weight:400;margin:0}.section-rule>span{font-size:24px;color:var(--blue)}.game-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:28px 0}.game-intro h3{font-size:36px;font-weight:400;line-height:1.3;margin:0 0 12px}.game-intro p{font-size:24px;color:var(--muted);margin:0;max-width:820px}.game-poster{width:100%;height:auto;border:2px solid var(--line)}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.gallery figure{min-width:0;margin:0}.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line)}.gallery figcaption{font-size:18px;color:var(--muted);margin-top:10px}.game-video{border-block:2px solid var(--line);margin-top:28px}.game-video summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:24px}.game-video summary::-webkit-details-marker{display:none}.game-video video{width:100%;aspect-ratio:16/9;background:#000;margin-bottom:24px}
.studio-contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:48px 64px;border-top:2px solid var(--line)}.studio-contact h2{font-weight:400;font-size:30px;color:var(--blue);margin:0 0 20px}.studio-contact p{max-width:570px;color:var(--muted);font-size:24px;margin:0}dl{margin:0}dt{font-size:18px;color:var(--muted)}dd{margin:0 0 16px;font-size:24px;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:24px;border-top:2px solid var(--line);padding-block:24px 32px;color:var(--muted);font-size:18px}.policy{padding-block:60px;min-height:70vh}.policy h1{font-weight:400;font-size:48px}.policy p{max-width:860px;color:var(--muted);font-size:24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1600px){.hero-content{width:1600px;margin-inline:auto}.hero{background-size:1600px auto}}
@media(max-width:1100px){.site-header{gap:12px;padding-inline:24px}.brand-wordmark{width:180px;height:48px}.brand-avatar{width:30px;height:30px}.site-header nav a{font-size:18px;padding-inline:14px}.music-toggle{font-size:18px;padding-left:12px;gap:8px}.hero-content{padding:22px 28px 260px}.wrap{width:calc(100% - 56px)}.studio-contact{gap:48px}}
@media(max-width:700px){body{font-size:24px}.site-header{height:auto;min-height:112px;display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:8px 20px}.brand-wordmark{width:160px;height:44px}.brand-avatar{width:28px;height:28px}.brand{gap:8px}.site-header nav{grid-row:2;grid-column:1 / -1;margin:0;justify-content:space-between}.site-header nav a{padding:0 12px;border-left:0;font-size:18px;line-height:40px}.site-header nav a:first-child{padding-left:0}.site-header nav a:last-child{padding-right:0}.music-toggle{grid-column:2;grid-row:1;padding:0;border:0;font-size:12px;gap:8px}.music-toggle .ui-icon{width:20px;height:20px}.hero{min-height:610px;background-size:auto 460px;background-position:63% bottom}.hero-content{padding:28px 20px 350px}.masthead-en{font-size:clamp(30px,8.7vw,60px);letter-spacing:0}.masthead-zh{font-size:clamp(48px,15vw,96px);margin-top:12px}.mission{font-size:36px;margin:25px 0 20px}.pixel-button{font-size:24px;padding:6px 14px;min-height:48px;gap:12px}.pixel-button .ui-icon{width:24px;height:24px}.wrap{width:calc(100% - 40px)}.section-rule{padding-top:20px;gap:12px;flex-wrap:wrap}.section-rule h2{font-size:30px}.section-rule>span{font-size:18px}.game-intro{display:block;margin-block:24px}.game-intro h3{font-size:30px}.game-intro p{font-size:24px;line-height:1.5}.game-intro .pixel-button{margin-top:22px}.gallery{grid-template-columns:1fr;gap:24px}.gallery figcaption{font-size:18px}.game-section{padding-bottom:36px}.studio-contact{grid-template-columns:1fr;gap:32px;padding-block:36px}.studio-contact p{font-size:24px}.studio-contact h2{font-size:30px;margin-bottom:14px}dd{font-size:18px}.policy{padding-top:36px}.policy h1{font-size:36px}.policy p{font-size:24px}footer{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@font-face{font-family:Arcade;src:url('arcade.woff2') format('woff2');font-display:swap}
.masthead-en{font-family:Arcade,Pixel,monospace;font-size:clamp(24px,6.2vw,100px);letter-spacing:-.025em;line-height:1.25}
.masthead-zh{font-weight:700;margin-top:20px}
@media(max-width:700px){.masthead-en{font-size:clamp(22px,6.1vw,44px)}.masthead-zh{margin-top:18px}}
/* 电脑首屏随可视高度收放，放大文字时允许内容自然撑开。 */
@media(min-width:701px){
 .hero{min-height:calc(100svh - 72px);background-size:auto 100%;display:flex;align-items:flex-start}
 .hero-content{width:min(1600px,100%);margin-inline:auto;padding:clamp(12px,2svh,28px) 40px 40px}
 .masthead-en{font-size:clamp(24px,min(6.2vw,9svh),100px)}
 .masthead-zh{font-size:clamp(48px,min(11.2vw,15svh),168px);margin-top:clamp(8px,2svh,20px)}
 .mission{font-size:clamp(30px,min(4.2vw,5.5svh),60px);margin:clamp(14px,2.6svh,28px) 0 24px}
}
/* 以正式标志的可见范围布局，原始透明画布不参与对齐。 */
.brand{align-items:center}
.brand-wordmark{--mark-h:32px;position:relative;display:block;overflow:hidden;width:calc(var(--mark-h)*6.141);height:var(--mark-h);flex-shrink:0;opacity:.9}
.brand-wordmark img{position:absolute;width:calc(var(--mark-h)*8.889);height:calc(var(--mark-h)*2.3704);max-width:none;left:calc(var(--mark-h)*-.11852);top:calc(var(--mark-h)*-.45926)}
.game-art{position:relative}
.game-art-title{position:absolute;top:12%;left:5%;display:grid;gap:12px}
.game-art-title strong{font-size:clamp(36px,5vw,72px);font-weight:400;color:var(--ink)}
.game-art-title span{font-size:clamp(18px,2.3vw,30px);color:var(--blue)}
.future-section{padding-bottom:64px}
.future-art{position:relative;margin-top:28px;border:1px solid var(--line);min-height:240px}
.future-art>img{width:100%;height:320px;object-fit:cover;image-rendering:pixelated}
.future-art>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:32px 5%}
.future-art h3{font-weight:400;font-size:36px;color:var(--orange);margin:0 0 12px}
.future-art p{font-size:24px;color:var(--muted);margin:0}
@media(max-width:1100px){.brand-wordmark{--mark-h:26px}.site-header{gap:16px}}
@media(max-width:700px){.brand-wordmark{--mark-h:24px}.game-art-title{top:10%;gap:4px}.game-art-title strong{font-size:30px}.game-art-title span{font-size:15px}.future-section{padding-bottom:36px}.future-art>img{height:240px}.future-art h3{font-size:30px}.future-art p{font-size:18px}}