.wrap { max-width: 1000px; margin: auto; padding: 56px 24px 88px; }
.back-link { font-size: 14px; }
.app-meta { display: flex; flex-wrap: wrap; gap: 8px 24px; color: var(--muted); margin: 24px 0; font-size: 13px; overflow-wrap: anywhere; }
code { font-size: inherit; }
.panel { background: white; }
.game-banner { width: 100%; height: auto; display: block; aspect-ratio: 1200/630; object-fit: cover; }
.panel-content { padding: clamp(24px, 6vw, 64px); }
.app-heading { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; }
.app-heading img { flex-shrink: 0; border-radius: 16px; }
.app-heading h2 { font-size: 32px; margin: 0 0 10px; }
.app-heading p { color: var(--muted); font-size: 14px; margin: 0; }
.intro { font-size: 20px; font-weight: 300; margin-bottom: 0; }
section { margin-top: 48px; }
h2 { font-size: 28px; margin: 0 0 20px; }
section h2::before { content: ''; display: block; width: 50px; height: 3px; background: var(--green); margin-bottom: 24px; }
p { margin-bottom: 16px; }
ul { padding: 0; margin: 20px 0 0; list-style: none; }
li { position: relative; padding-left: 24px; margin: 16px 0; color: #444; }
li::before { content: ''; width: 7px; height: 2px; background: var(--green); position: absolute; left: 0; top: .8em; }
strong { color: var(--ink); }
.disclosure { border-top: 1px solid var(--line); padding-top: 28px; margin-top: 40px; color: var(--muted); font-size: 14px; }
.actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 36px; }
.store-button { display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 13px 22px; background: var(--green); color: white; font-weight: 700; font-size: 14px; border: 1px solid var(--green); }
.store-button:hover { background: #026944; text-decoration: none; }
.store-button.secondary { background: transparent; color: var(--ink); border-color: #bbb; }
.store-button.secondary:hover { border-color: var(--green); color: var(--green); }
@media (max-width: 600px) { .wrap { padding: 32px 16px 48px; } .app-heading { align-items: flex-start; gap: 16px; } .app-heading img { width: 56px; height: 56px; border-radius: 12px; } .app-heading h2 { font-size: 24px; } .app-heading p { font-size: 13px; } h2 { font-size: 24px; } .intro { font-size: 17px; } .store-button { width: 100%; } section { margin-top: 36px; } }