.store-links{display:flex;justify-content:center;gap:14px;margin:20px auto 0;pointer-events:auto}
.stomp-hint{margin-top:24px}.release{margin-top:16px}
/* Official artwork retains its colors, proportions and clear space. */
.store-links{align-items:center;gap:24px;margin-top:20px;padding:12px;max-width:100%;width:max-content;flex-wrap:wrap}
.store-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:48px;text-decoration:none;position:relative}
.store-badge img{display:block;width:auto;height:46px;max-width:none;pointer-events:none}
.google-badge{width:156px}.google-badge img{height:69px;position:absolute}
.galaxy-badge img{height:46px}
@media(max-width:600px){.store-links{width:340px;max-width:92vw;gap:22px 24px;padding:12px 0;margin-top:14px}.store-badge img{height:42px}.google-badge{width:143px}.google-badge img{height:63px}.store-badge{min-height:44px}}
@media(max-width:360px){.store-links{width:276px;gap:20px}.store-badge img{height:40px}.google-badge{width:136px}.google-badge img{height:60px}}
@media(min-width:700px) and (max-height:500px){.store-links{max-width:340px;gap:20px;padding:10px 0;margin-top:12px}.store-badge img{height:40px}.google-badge img{height:60px}.google-badge{width:136px}}

@media(max-width:600px){.hero-copy{padding-top:32px}.stomp-hint{margin-top:20px}.hero::after{min-height:155px}}

/* The store group gets a quiet frame; official badge artwork stays untouched. */
.store-links{border:1px solid #428ccc66;border-radius:18px;background:#103858e8;padding:20px 24px;gap:28px;margin-top:22px;box-shadow:0 8px 28px #061c2d24}
.store-badge{outline-offset:6px;border-radius:6px}
a.store-badge:hover{outline:2px solid #10dbf099;outline-offset:6px}
.street-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:19px 0 0;pointer-events:auto}
.street-controls .stomp-hint{margin:0;line-height:1.4}


.hero::after{min-height:240px}
@media(max-width:600px){.store-links{width:350px;max-width:92vw;padding:20px 14px;gap:24px}.street-controls{gap:10px;margin-top:13px}.street-controls .stomp-hint{font-size:12px}.keyboard-hint{display:none}.hero::after{min-height:245px}}
@media(max-width:360px){.store-links{width:288px;max-width:94vw;padding:17px 10px;gap:20px 14px}.store-badge img{height:40px}.google-badge{width:122px}.google-badge img{height:57px}.hero-copy{max-width:96%}.hero::after{min-height:235px}}
@media(min-width:700px) and (max-height:500px){.store-links{padding:18px 12px;gap:24px}.street-controls .stomp-hint{display:none}.street-controls{margin-top:8px}.hero::after{min-height:24px}}

/* Keep all three live downloads together; center Galaxy Store below on small screens. */
.store-links{display:grid;grid-template-columns:auto auto auto;width:max-content;max-width:calc(100vw - 16px);padding:20px 24px 18px;column-gap:28px;row-gap:14px}
@media(max-width:600px){.store-links{grid-template-columns:auto auto;padding:18px 14px 16px;column-gap:20px;row-gap:13px}.galaxy-badge{grid-column:1 / -1;justify-self:center}}
@media(max-width:360px){.store-links{padding:17px 10px 15px;column-gap:12px}}
@media(min-width:700px) and (max-height:500px){.store-links{grid-template-columns:auto auto;padding:18px 12px 16px;column-gap:18px}.galaxy-badge{grid-column:1 / -1;justify-self:center}}

/* Place the play instruction at the lower edge of the street, above the footer. */
.street-controls{position:absolute;z-index:3;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;pointer-events:none}
.street-controls .stomp-hint{display:block;margin:0;padding:7px 14px;border-radius:8px;background:var(--navy);font:600 17px/1.4 Barlow,sans-serif;text-align:center}
.street-controls .keyboard-hint{font-size:14px;font-weight:400;color:#fff4dbb8}
@media(max-width:600px){.street-controls{bottom:18px}.street-controls .stomp-hint{font-size:16px}}
@media(min-width:700px) and (max-height:500px){.street-controls{left:75%;bottom:14px;max-width:46%}.street-controls .keyboard-hint{display:none}}