/* 延续原合成网页，只处理双向导航、双语排版、快速阅读和遮挡问题。 */
:root{--page-top:108px}
html{scroll-padding-top:var(--page-top)}
.site-page{padding-top:var(--page-top);padding-bottom:28px;min-height:calc(100svh - 108px)}
.page-deck{min-height:calc(100svh - 108px)}
.topbar{height:auto;min-height:66px;gap:14px;padding:9px 12px}
.studio-return{display:flex;flex-direction:column;gap:5px;align-items:center;flex-shrink:0;text-decoration:none;border-right:1px solid #2f3a4a2e;padding-right:14px}
.studio-return img{width:94px;height:auto;max-width:none}
.studio-return span{font-size:10px;line-height:1;white-space:nowrap;color:#51667a}
.brand-button{min-width:0;font-size:14px;text-align:left;line-height:1.4}
.brand-button img{width:28px;height:28px;flex:none}
.discovery-state{min-width:90px}.discovery-state>span{max-width:190px;text-align:center;line-height:1.45}
.top-actions{flex-shrink:0;gap:9px}
.overview-trigger,.language-switch{min-height:42px;padding:8px 11px;font-size:12px;font-weight:800;background:#fff;border:2px solid var(--ink);border-radius:6px;cursor:pointer;line-height:1.25}
.overview-trigger:hover,.language-switch:hover{background:#e5f2fa}
.language-switch{min-width:44px}
.top-actions .header-wishlist{min-height:42px}
.game-skip{position:fixed;z-index:200;left:16px;top:12px;background:white;border:2px solid var(--ink);padding:12px;transform:translateY(-180%)}
.game-skip:focus{transform:none}
.page-heading h2:focus,.title-board h1:focus{outline:none}
.synthesis-zone{touch-action:pan-y}
[data-piece]{touch-action:none}
.synthesis-card:disabled,.alchemy-card:disabled{cursor:default}
.bookmark-dock .icon-button{flex:none}
.bookmark-dock{position:relative;left:auto;bottom:auto;width:max-content;max-width:calc(100% - 32px);margin:0 auto 24px;transform:none}
.bookmark{flex-shrink:0}
.toast{top:var(--page-top);max-width:min(520px,calc(100% - 36px));text-align:center;line-height:1.6}
.release-note{font-size:12px;line-height:1.8;color:#4d697b;margin:22px auto 0;max-width:680px}
.more-worlds{display:inline-block;margin:10px 0 0;text-underline-offset:5px;font-size:13px;min-height:44px;padding:12px;color:#345a72}
.content-facts strong{font-size:clamp(20px,2vw,30px)}
.content-facts p{padding:12px;gap:6px;flex-direction:column;text-align:center}
.game-window figcaption,.collection-window figcaption{line-height:1.6;max-width:calc(100% - 24px)}
.game-window img,.collection-window img{height:auto}
.game-skip,.site-page h1,.site-page h2,[data-piece]{scroll-margin-top:var(--page-top);scroll-margin-bottom:100px}
.quick-overview{padding:0;border:2px solid var(--ink);border-radius:14px;width:min(820px,calc(100% - 32px));max-height:90dvh;color:var(--ink);background:#f5fbff;box-shadow:9px 10px 0 #162a3959;overflow-y:auto;overscroll-behavior:contain}
.quick-overview::backdrop{background:#132331b8;backdrop-filter:blur(5px)}
.overview-toolbar{position:sticky;top:0;z-index:2;display:flex;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid #2f3a4a30;background:#fff}
.overview-toolbar>span{margin-right:auto;font:700 10px/1.5 'Courier New',monospace;letter-spacing:.04em}
.overview-close{flex:none;width:44px;height:44px;background:#fff;border:2px solid var(--ink);border-radius:6px;cursor:pointer;font-size:26px}
.overview-poster{width:100%;height:auto}
.overview-copy{padding:28px 32px 22px}
.overview-copy h2{font-size:clamp(26px,3.5vw,38px);margin:10px 0 14px;line-height:1.25}
.overview-copy>p{font-size:14px;line-height:1.8}
.overview-status{font-size:11px!important;font-weight:900;color:#257498}
.overview-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px 0 30px;border-bottom:1px solid #2f3a4a28;margin-bottom:26px}
.overview-features img{width:44px;height:44px;object-fit:contain}
.overview-features h3{font-size:15px;line-height:1.5;margin:10px 0 7px}
.overview-features p{font-size:12px;line-height:1.8;margin:0;color:#51697b}
.overview-actions{justify-content:flex-start}
.overview-actions a{font-size:13px}
.resume-exploration{display:block;margin:18px auto 0;padding:12px;background:transparent;border:0;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font-size:13px;min-height:44px}
body.overview-open{overflow:hidden}
body.overview-open .world-memory *{animation-play-state:paused!important}
.no-script{position:fixed;z-index:99;top:95px;left:5%;right:5%;padding:20px;background:white;border:2px solid var(--ink)}
html[lang="en"] .title-board h1 span{display:block;white-space:normal}
html[lang="en"] .title-board h1 span:first-child{font-size:1.15em;letter-spacing:.04em}
html[lang="en"] .title-board h1 span:last-child{font-size:.57em;margin-top:9px;font-weight:600}
html[lang="en"] .title-board>p{display:none}
html[lang="en"] .game-card strong{font-size:13px;padding:0 4px;line-height:1.2;text-align:center}
html[lang="en"] .memory-mini-card strong{font-size:9px;text-align:center}
html[lang="en"] .bookmark{width:88px;grid-template-columns:16px 1fr}
html[lang="en"] .bookmark span{font-size:10px}
html[lang="en"] .synthesis-title{line-height:1.5}
html[lang="en"] .synthesis-hint{line-height:1.6}
html[lang="en"] .day-night-control{width:190px}
html[lang="en"] .day-night-control span{width:84px;line-height:1.4}
@media(max-width:1100px){.brand-button span{display:none}.topbar{max-width:calc(100% - 28px)}.discovery-state>span{max-width:220px}}
@media(max-width:760px){
  .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'studio language wishlist' 'progress overview overview';gap:7px 9px;padding:9px 12px;min-height:104px;max-width:calc(100dvw - 16px)}
  .studio-return{grid-area:studio;flex-direction:row;border:0;padding:0;justify-self:start}
  .studio-return img{width:91px}.studio-return span{display:none}.brand-button{display:none}
  .top-actions{display:contents}.top-actions [data-game-language]{grid-area:language}.header-wishlist{grid-area:wishlist}
  .top-actions .overview-trigger{grid-area:overview;justify-self:end;font-size:11px;min-height:32px;padding:5px 9px;border:0;text-decoration:underline;text-underline-offset:4px}
  .discovery-state{grid-area:progress;justify-items:start;min-width:0}.discovery-count{font-size:11px}
  .top-actions .header-wishlist{padding:8px 10px;font-size:12px;min-height:42px}
  .site-page{padding:var(--page-top) 18px 24px;min-height:calc(100svh - 90px)}.page-deck{min-height:calc(100svh - 90px)}
  /* 手机目录回到正常文档流，不再固定盖在合成卡片上；空白区域允许手势滚动。 */
  .bookmark-dock{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% - 24px);max-width:calc(100% - 24px);margin:0 auto calc(16px + env(safe-area-inset-bottom,0px));transform:none;padding:10px 8px;gap:7px;min-height:74px}
  .bookmark-dock .dock-label{display:none}
  .bookmark{min-width:50px;min-height:50px}
  html[lang="en"] .bookmark{min-width:74px;width:74px;grid-template-columns:1fr}
  html[lang="en"] .bookmark span{font-size:9px}
  .toast{top:var(--page-top);bottom:auto}
  .title-board h1{font-size:clamp(25px,7.6vw,34px)}
  html[lang="en"] .title-board h1{font-size:clamp(34px,10vw,50px)}
  html[lang="en"] .page-heading h2,html[lang="en"] .final-heading h2{font-size:30px;line-height:1.18}
  html[lang="en"] .game-card strong{font-size:11px}
  .page-synthesis{height:285px}.synthesis-title{font-size:13px;line-height:1.6}
  .synthesis-card{top:76px}.plus-mark{top:112px}.number-piece{left:14%}.page-piece{right:14%}
  .synthesis-hint{bottom:26px;line-height:1.7}
  .alchemy-stage{height:440px}.alchemy-stage .synthesis-hint{bottom:12px;padding:0 4px;line-height:1.7}
  .recipe-line{max-width:100%;font-size:12px;white-space:nowrap}.stage-reset{right:0}
  .game-window figcaption,.collection-window figcaption{max-width:100%;font-size:11px}
  .quick-overview{width:calc(100% - 20px);max-height:calc(100dvh - 28px);border-radius:10px}
  .overview-toolbar{padding:8px;gap:7px}.overview-toolbar>span{max-width:145px;font-size:9px}
  .overview-copy{padding:22px 20px}.overview-features{grid-template-columns:1fr;gap:18px;padding-block:16px 22px}
  .overview-features>div{display:grid;grid-template-columns:44px 1fr;column-gap:12px}.overview-features img{grid-row:1/3}.overview-features h3{margin:0 0 5px}.overview-features p{grid-column:2}
  .overview-actions{flex-direction:column;align-items:stretch}.overview-actions a{padding-inline:12px}
  .final-actions a{font-size:13px;min-height:48px}.content-facts strong{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.quick-overview::backdrop{backdrop-filter:none}}