/* 用途：正式遊戲頁專用版型。執行：由 index.html 在原遊戲 CSS 後載入。注意：遊戲核心畫面樣式仍維持原來源。 */
.layout{padding:16px;min-height:100dvh}
.game-shell{max-height:900px}
.topbar{align-items:flex-start;gap:8px}
.brand{min-width:0}
.download-cta{z-index:6;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;min-width:92px;min-height:40px;padding:4px 8px;border:1px solid #f6d28b;border-radius:12px;background:#332044ed;color:#fff1bf;text-decoration:none;box-shadow:0 4px 12px #15112baa}
.download-cta strong{font-size:12px;line-height:1.2}
.download-cta small{font-size:9px;line-height:1.25;white-space:nowrap}
.download-cta:hover,.download-cta:focus-visible,.result-line:hover,.result-line:focus-visible{background:#65407b;outline:2px solid #ffe1a0;outline-offset:2px}
.result-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px}
.result-line{display:inline-block;border:1px solid #f4d792;border-radius:9px;background:#493561;color:#fff0bb;padding:9px 14px;font-size:13px;font-weight:900;text-decoration:none}
.result-line[hidden]{display:none!important}
.reward-note{font-size:11px;line-height:1.4;color:#dbcaa8}
.reward-note[hidden]{display:none!important}
@media(max-width:800px){.layout{padding:0}.game-shell{max-height:none}}
@media(max-width:380px){.topbar{left:11px;right:11px}.brand{gap:6px}.brand-logo{width:92px}.brand-logo img{width:170px;left:-40px;top:-9px}.brand em{font-size:11px}.download-cta{min-width:84px;padding:4px 6px}.download-cta strong{font-size:11px}.download-cta small{font-size:8px}.result-panel{left:4%;right:4%;padding:19px 12px}}
