.sound-challenge-page{padding-bottom:36px}
.sound-hero{position:relative;overflow:hidden}
.sound-hero:after{content:"♪";position:absolute;right:5%;top:8%;font-size:clamp(6rem,16vw,12rem);font-weight:900;line-height:1;color:rgba(151,213,106,.06);transform:rotate(-8deg);pointer-events:none}
.sound-hero-actions,.sound-app-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.daily-sound-game{margin:22px 0 18px;padding:24px;border:1px solid rgba(151,213,106,.28);border-radius:24px;background:linear-gradient(135deg,rgba(151,213,106,.12),rgba(18,47,38,.52));box-shadow:0 18px 50px rgba(0,0,0,.15)}
.sound-game-intro{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.sound-game-intro h2{margin:4px 0 7px;font-size:clamp(1.8rem,4vw,2.7rem)}
.sound-game-intro p:not(.eyebrow){margin:0;max-width:760px;color:var(--muted);line-height:1.55}
.sound-score{display:grid;place-items:center;min-width:92px;padding:13px;border-radius:18px;background:rgba(5,18,14,.58);border:1px solid rgba(255,255,255,.10)}
.sound-score strong{font-size:1.22rem}.sound-score span{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.sound-game-card{margin-top:18px;padding:18px;border-radius:20px;background:rgba(4,16,13,.58);border:1px solid rgba(255,255,255,.10)}
.sound-game-progress{display:flex;justify-content:space-between;gap:12px;color:#d9e7df;font-size:.82rem;font-weight:800;margin-bottom:12px}.sound-game-progress span:last-child{color:#bde99d}
.sound-play-btn{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;width:100%;border:1px solid rgba(151,213,106,.36);border-radius:17px;background:rgba(151,213,106,.10);color:#fff;padding:14px 16px;text-align:left;cursor:pointer}
.sound-play-btn>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#10220f;font-weight:950}.sound-play-btn strong{font-size:1rem}.sound-play-btn small{color:var(--muted)}.sound-play-btn.playing{background:rgba(151,213,106,.18)}
.sound-instruction{margin:15px 0 0;color:var(--muted);font-size:.88rem}
.sound-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.sound-choice{padding:13px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.055);color:#fff;font:inherit;font-weight:850;cursor:pointer;text-align:left;transition:.16s ease}
.sound-choice:hover:not(:disabled){border-color:rgba(151,213,106,.55);background:rgba(151,213,106,.10)}.sound-choice.selected:not(:disabled){border-color:#97d56a;background:rgba(151,213,106,.16);box-shadow:0 0 0 2px rgba(151,213,106,.08) inset}.sound-choice.correct{border-color:#97d56a;background:rgba(151,213,106,.19);color:#e8ffd9}.sound-choice.wrong{border-color:#ff6b6b;background:rgba(255,107,107,.13)}
.sound-lock-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}.sound-lock-row>span{color:var(--muted);font-size:.82rem}.sound-lock-row .content-btn:disabled{opacity:.45;cursor:not-allowed}
.sound-countdown{display:grid;place-items:center;min-height:190px;margin-top:16px;border-radius:18px;background:radial-gradient(circle at center,rgba(151,213,106,.15),rgba(255,255,255,.025));border:1px solid rgba(151,213,106,.22);text-align:center}.sound-countdown span,.sound-countdown small{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850}.sound-countdown strong{font-size:clamp(4.5rem,16vw,8rem);line-height:1;color:#dfffc9;text-shadow:0 0 30px rgba(151,213,106,.24)}
.sound-answer{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.10)}.sound-answer img{width:100%;height:230px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:#10251f}.sound-answer h3{margin:4px 0 8px;font-size:1.35rem}.sound-answer p:not(.eyebrow){color:var(--muted);line-height:1.5}.sound-answer .eyebrow.wrong{color:#ffc0c0}.sound-license{font-size:.7rem!important;line-height:1.5!important}.sound-license a{color:#ccefb5}
.sound-game-finish{text-align:center;padding:28px 12px}.sound-game-finish>span{font-size:2.6rem}.sound-game-finish h3{font-size:2rem;margin:8px 0}.sound-game-finish p{color:var(--muted);max-width:620px;margin:0 auto 12px}.sound-finish-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.sound-social-bridge,.sound-app-cta,.sound-source-note{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:20px 0;padding:22px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.035)}.sound-social-bridge h2,.sound-app-cta h2,.sound-source-note h2{margin:4px 0 7px}.sound-social-bridge p:not(.eyebrow),.sound-app-cta p:not(.eyebrow),.sound-source-note p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.sound-app-cta{border-color:rgba(151,213,106,.2);background:linear-gradient(135deg,rgba(151,213,106,.08),rgba(255,255,255,.03))}.sound-app-actions{justify-content:flex-end;margin-top:0}.sound-source-note{grid-template-columns:1fr}
@media(max-width:760px){.sound-game-intro{display:grid}.sound-score{justify-self:start}.sound-choice-grid,.sound-answer{grid-template-columns:1fr}.sound-answer img{height:260px}.sound-play-btn{grid-template-columns:44px 1fr}.sound-play-btn small{grid-column:2}.sound-social-bridge,.sound-app-cta{grid-template-columns:1fr}.sound-app-actions{justify-content:flex-start}.sound-lock-row{align-items:stretch;flex-direction:column}.sound-lock-row .content-btn{width:100%}.top-nav a[href="./index.html"]{order:-1}}

/* V40 natural-audio source transparency */
.sound-source-status{margin:10px 0 4px;color:#b9d7c4;font-size:.92rem;display:flex;gap:8px;align-items:center}
.sound-source-status::before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(122,201,67,.16);color:#8ee05b;font-weight:800}
.sound-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.sound-source-grid>div{padding:15px;border:1px solid rgba(126,211,83,.18);border-radius:14px;background:rgba(8,31,25,.42)}
.sound-source-grid strong,.sound-source-grid span{display:block}.sound-source-grid span{margin-top:5px;color:var(--muted)}
@media(max-width:720px){.sound-source-grid{grid-template-columns:1fr}}