/* Preserve the global header and real exercise controls. */
.listening-view.tune-in{padding:0;position:relative}
.tune-in>.listening-back{position:absolute;top:20px;left:3%;z-index:2;background:#f1e4ca;padding:7px 12px;transform:rotate(-2deg)}
.tune-scene{position:relative;isolation:isolate;padding:45px 18% 85px;min-height:810px;background:#bda17d url('assets/tune-in-reference.webp') center bottom / 100% calc(100% + 115px) no-repeat}
/* Mask the sample heading and player with live HTML, not screenshot controls. */
.tune-scene:before{content:'';position:absolute;z-index:-1;left:18%;right:18%;top:0;bottom:85px;background:#ead8af}
.tune-scene:after{content:'';position:absolute;z-index:-1;left:2%;top:0;width:17%;height:55px;background:#ded3b9}
.tune-scene>h1{position:relative;max-width:76%;margin:0 auto;padding:0 10px;text-align:center;font:700 clamp(48px,6vw,88px)/1.2 'Oswald',Impact,sans-serif;background:#ead8af;color:#082b49;transform:rotate(-3deg)}
.tune-scene>h1:after{content:'';position:absolute;left:-4%;right:-4%;bottom:4px;height:24%;background:#e6bc57;z-index:-1;transform:rotate(1deg)}
.tune-scene>.instruction,.tune-scene>.translation{position:relative;text-align:center;background:#ead8af;padding:4px 8px;margin:0;max-width:100%}
.tune-scene>.instruction{margin-top:18px;font:500 16px/1.5 'DM Mono',monospace}
.tune-scene>.translation{padding-bottom:14px}
.tune-scene .listening-deck{margin:12px 0 0;padding:22px 26px;border:22px solid #be7e6e;border-radius:60px 60px 45px 45px;background:#ead7ac;box-shadow:inset 0 0 0 3px #83745b,0 8px 0 #744d3d,8px 15px 14px #30241f66}
.tune-scene .listening-deck form{max-width:none}
.tune-scene .listening-meta{margin:0 0 20px;font-size:13px}
.tune-scene .frequency-scale{font-size:14px;margin:0 0 20px;padding:15px 8px}
.tune-scene .listening-audio{display:flex;margin:20px 0;gap:15px}
.tune-scene .listening-audio button{border:1px solid #817865;border-radius:5px;min-height:62px;background:#e3d0aa;color:#103e70}
.tune-scene .listening-audio button:first-child{flex:1;font-weight:700}
.tune-scene .listening-audio .slow-icon{font-size:33px}
.tune-scene .listening-deck h2{font:600 23px 'DM Mono',monospace;margin:18px 0 12px}
.tune-scene .listening-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tune-scene .listening-choices label{font-size:15px;padding:14px 10px;background:#efdfba;min-height:60px;border-radius:3px}
.tune-scene .listening-choices label:has(:checked){background:#e8c354;outline:2px solid #103e70}
.tune-scene .listening-notice{text-align:center}
.tune-scene .action{display:block;margin:20px auto 0;min-width:160px;min-height:50px}
.tune-in>#listening-result,.tune-in>.listening-notice{margin:24px 4%}
.tune-in>.ear-report-local{padding:0 3%}
@media(max-width:900px){.tune-scene{padding:75px 8% 55px}.tune-scene .listening-deck{padding:22px 18px;border-width:16px}.tune-scene .listening-choices{grid-template-columns:1fr}.tune-scene>h1{font-size:60px}}
@media(max-width:900px){.tune-scene:before{left:8%;right:8%;bottom:55px}}
@media(max-width:550px){.tune-scene{padding:75px 4% 45px;min-height:0;background-size:auto 100%}.tune-scene>h1{font-size:48px;max-width:100%}.tune-scene .listening-deck{padding:22px 14px;border-width:11px;border-radius:35px}.tune-scene .listening-meta{gap:9px}.tune-scene .listening-meta label{margin-left:0}.tune-scene .frequency-scale{font-size:11px}.tune-scene .listening-audio{gap:8px}.tune-scene .listening-audio button{padding:8px}.tune-scene .listening-deck h2{font-size:20px}}
@media(max-width:550px){.tune-scene:before{left:4%;right:4%;bottom:45px}}