.nav-icon{width:32px;height:32px;object-fit:cover;border-radius:9px}.top-download img,.primary img{width:27px;height:27px;border-radius:7px;object-fit:cover}.download-button{padding:13px 18px;min-width:260px;box-shadow:0 8px 22px rgba(245,184,93,.25);transition:transform .2s,box-shadow .2s}.download-button:hover,.download-button:focus{transform:translateY(-2px);box-shadow:0 12px 28px rgba(245,184,93,.38)}.download-button>img{width:48px;height:48px;border-radius:12px;object-fit:cover}.download-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.download-label b{font-size:1.05rem}.download-label small{font-size:.68rem;margin-top:5px;opacity:.75}.download-arrow{font-size:1.2rem;margin-left:auto}.hero-game-shot{position:absolute;left:18px;bottom:18px;width:190px;height:112px;object-fit:cover;border:3px solid var(--paper);box-shadow:9px 9px 0 rgba(8,19,26,.55);transform:rotate(-4deg);z-index:2}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.gallery-grid figure,.gallery-grid .wide{grid-column:auto}.gallery-grid figure img,.gallery-grid .wide img,.gallery-grid figure:nth-child(4) img{height:260px}.gallery-grid figcaption{min-height:92px}
.map-evidence{position:absolute;left:50%;top:43%;width:250px;margin:0;background:#243a3d;border:4px solid #e3d8bb;box-shadow:8px 8px 0 rgba(38,52,58,.2);transform:rotate(-3deg);z-index:1}.map-evidence img{display:block;width:100%;height:148px;object-fit:cover}.map-evidence figcaption{padding:7px 10px;color:#e3d8bb;font-size:.68rem;letter-spacing:.08em}
@media(max-width:800px){.nav-icon{width:28px;height:28px}.top-download img{width:24px;height:24px}.download-button{width:100%;justify-content:flex-start}.download-button>img{width:44px;height:44px}.hero-game-shot{left:10px;bottom:12px;width:132px;height:78px}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure img,.gallery-grid .wide img,.gallery-grid figure:nth-child(4) img{height:220px}.map-evidence{left:28%;top:40%;width:175px}.map-evidence img{height:104px}.map-evidence figcaption{font-size:.58rem;padding:5px 7px}}

/* Visual pass: bring real gameplay into the first viewport and keep every image aligned. */
.intro-art{background:#0c222b;border:1px solid #294c55;border-left:1px solid #4d7776}
.intro-art:before{z-index:0;opacity:.5}
.intro-art .moon{width:54%;height:78%;right:7%;top:10%;border-radius:10px;background:url('/assets/game-shot-0.jpg') center 24%/cover no-repeat;border:2px solid #d8cda9;box-shadow:0 18px 34px rgba(0,0,0,.35);z-index:1}
.intro-art .moon{left:7%;right:auto}
.intro-art .moon:after,.intro-art .mountains:after,.intro-art .tower:after{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;background:linear-gradient(transparent,rgba(8,19,26,.92));color:#f4ecd5;font-size:.64rem;letter-spacing:.1em}
.intro-art .moon:after{content:'实机画面  /  迷宫探索'}
.intro-art .mountains{left:auto;right:7%;bottom:7%;width:27%;height:30%;border-radius:8px;background:url('/assets/game-shot-2.jpg') center 42%/cover no-repeat;border:2px solid #78968c;clip-path:none;z-index:2;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.intro-art .mountains:after{content:'玩法记录  /  随机迷宫'}
.intro-art .tower{left:auto;right:7%;bottom:42%;width:27%;height:30%;border-radius:8px;background:url('/assets/game-shot-3.jpg') center 58%/cover no-repeat;border:2px solid #78968c;clip-path:none;z-index:2;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.intro-art .tower:after{content:'事件房间  /  策略战斗'}
.intro-art .tower i,.intro-art .tower b{display:none}
.hero-game-shot{display:none}
.intro-art .stamp{z-index:3;right:auto;left:20px;bottom:20px;transform:rotate(-3deg);background:rgba(8,19,26,.65);border-color:#f5b85d}
.intro-art .stamp:before{content:'';display:inline-block;width:28px;height:28px;margin:0 7px 0 0;vertical-align:middle;background:url('/assets/game-icon.jpg') center/cover;border-radius:7px}
.map-evidence{left:38%;top:56%;width:280px;transform:rotate(-1.5deg);z-index:4}
.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px}
.gallery-grid figure,.gallery-grid .wide{grid-column:auto !important;display:flex;flex-direction:column}
.gallery-grid figure img,.gallery-grid .wide img,.gallery-grid figure:nth-child(4) img{height:280px !important;aspect-ratio:16/10;object-fit:cover;object-position:center}
.gallery-grid figure:first-child img{object-position:center 34%}
.gallery-grid figcaption{min-height:92px;display:flex;flex-direction:column;justify-content:center}

@media(max-width:800px){
  html,body{overflow-x:hidden}
  .intro{display:flex;flex-direction:column;min-width:0}
  .intro-copy{width:100%;min-width:0}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden}
  .wordmark{min-width:0;margin-right:0}
  .topbar nav{grid-column:1/-1;order:initial;width:100%}
  .top-download{max-width:142px;overflow:hidden;white-space:nowrap;padding:8px 10px;gap:8px;font-size:.72rem}
  .top-download span{display:none}
  .intro-art{height:520px;width:calc(100vw - 55px)!important;max-width:calc(100vw - 55px)!important;min-width:0}
  .intro-art .moon{width:88%;height:62%;left:6%;right:auto;top:7%}
  .intro-art .mountains,.intro-art .tower{width:42%;height:24%;bottom:6%}
  .intro-art .tower{left:6%!important;right:auto}
  .intro-art .mountains{left:auto!important;right:6%}
  .intro-art .stamp{display:none}
  .map-evidence{left:10%;top:52%;width:180px}
  .map-evidence img{height:108px}
  .gallery-grid{grid-template-columns:1fr !important;gap:16px}
  .gallery-grid figure img,.gallery-grid .wide img,.gallery-grid figure:nth-child(4) img{height:235px !important;aspect-ratio:16/10}
}