.contest-setup label{display:block;font-weight:700;margin:20px 0 8px}.contest-setup label:first-child{margin-top:0}.contest-setup select{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.contest-goal{padding:10px 16px;background:#f7ecc4;border-radius:14px;display:inline-block;margin-top:16px}
.contest-listening{max-width:920px;margin:auto;text-align:center;padding:0 4px}.contest-heading{display:flex;align-items:center;gap:16px;justify-content:space-between}.contest-heading h1{font-size:26px;margin:0}.contest-heading>span{white-space:nowrap;font-size:18px}.contest-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:440px;margin:16px auto}.contest-dots span{width:12px;height:12px;border-radius:50%;background:#c5d9d6}.contest-dots .heard{background:#7ba65d}.contest-dots .current{background:#f5b83d;box-shadow:0 0 0 2px #fff}
.contest-scene{display:flex;gap:26px;align-items:center;justify-content:center;margin:24px 0}.contest-number{font-size:clamp(88px,12vw,150px);font-weight:700;line-height:1}.contest-gardener{width:135px;height:189px}.contest-gardener svg{display:block;width:100%;height:100%}.contest-listening .contest-speaker{width:136px;height:136px;border-radius:50%;padding:30px;background:#f7d987;border:2px solid #c4a35c;box-shadow:0 5px 0 #d9b04e;flex:none}.contest-speaker svg{width:100%;height:100%}.contest-status{font-size:24px;min-height:36px;margin:14px auto;max-width:620px}.contest-audio-steps{display:flex;gap:12px;max-width:660px;margin:20px auto}.contest-audio-steps span{flex:1;min-width:0;padding:18px 6px;border:2px dashed #a6c0b9;border-radius:16px;font-size:20px}.contest-audio-steps .playing{background:#fff;border:2px solid #527d4b;box-shadow:0 0 0 2px #d8e8c1}.contest-audio-steps .heard{background:#e2eecb;border-style:solid}.contest-controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 16px}.contest-controls button{min-height:56px;font-size:20px}.contest-notebook-note{font-size:18px;color:#4f5e55}.contest-summary{padding-top:24px}.contest-summary>p{overflow-wrap:anywhere}
@media(max-width:600px){.contest-heading{gap:8px;flex-wrap:wrap}.contest-heading h1{font-size:23px}.contest-heading>span{flex:1 0 100%;font-size:18px}.contest-dots{gap:5px;max-width:300px;margin:12px auto}.contest-dots span{width:10px;height:10px}.contest-scene{gap:15px;margin:12px 0}.contest-gardener{width:84px;height:118px}.contest-number{font-size:72px}.contest-listening .contest-speaker{width:100px;height:100px;padding:23px}.contest-status{font-size:20px;line-height:1.35;min-height:54px;margin:10px auto}.contest-audio-steps{gap:6px;margin:12px 0}.contest-audio-steps span{padding:12px 2px;font-size:18px}.contest-controls{gap:8px;margin:16px 0 10px}.contest-controls button{font-size:18px;padding:10px 12px;flex:1 1 130px}.contest-controls .primary{flex-basis:100%}.contest-notebook-note{margin:8px 0}.contest-summary h1{font-size:30px}}
@media(max-width:359px){.contest-heading h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.contest-heading>span{flex:0 0 auto}.contest-gardener{display:none}.contest-scene{gap:36px;margin:8px 0}.contest-status{margin:8px auto}.contest-audio-steps{margin:8px 0}.contest-audio-steps span{font-size:18px}.contest-controls{margin:12px 0 8px}.contest-controls button{padding:8px}.contest-dots{max-width:270px;margin:8px auto}}
.contest-listening [hidden]{display:none!important}
.contest-practice-body{display:contents}.contest-secondary-control{display:grid;min-width:0;width:240px}.contest-secondary-control>button{grid-area:1/1;width:100%;margin:0}.contest-controls>.primary{min-width:200px}.contest-summary-card{background:#fff;text-align:center;padding:28px}.contest-summary-card>p{overflow-wrap:anywhere}.contest-summary-card>.row{justify-content:center}.contest-summary-gardener{width:170px;height:210px;margin:0 auto 14px}.contest-summary-gardener svg{width:100%;height:100%;display:block}.contest-reader.card,.contest-reader .card{background:#fff}.contest-reader .contest-read-word{font-size:clamp(30px,6vw,48px);line-height:1.3;overflow-wrap:anywhere}.contest-reader .contest-read-sentence{font-size:22px;line-height:1.5;margin:20px 0}.contest-reader .row{align-items:stretch}.contest-reader .row>.btn{flex:1 1 220px}
@media(max-width:600px){.contest-secondary-control{flex:1 1 130px;width:auto}.contest-summary{padding-top:12px}.contest-summary-card{padding:22px 18px}.contest-summary-gardener{width:130px;height:160px;margin-bottom:12px}.contest-reader .contest-read-sentence{font-size:20px}}
@media(orientation:landscape) and (max-height:850px){.contest-heading h1{font-size:24px}.contest-dots{margin:8px auto}.contest-scene{margin:12px 0;gap:32px}.contest-gardener{width:86px;height:120px}.contest-number{font-size:94px}.contest-listening .contest-speaker{width:112px;height:112px;padding:24px}.contest-status{font-size:22px;margin:10px auto;min-height:30px}.contest-audio-steps{margin:10px auto}.contest-audio-steps span{padding:10px 6px}.contest-controls{margin:16px 0 10px}.contest-notebook-note{margin:8px 0}}
@media(orientation:landscape) and (max-height:500px){.contest-listening{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;align-items:center}.contest-heading,.contest-dots{grid-column:1/-1}.contest-heading h1{font-size:20px}.contest-scene{grid-column:1;grid-row:3/6;margin:0}.contest-gardener{display:none}.contest-listening .contest-speaker{width:90px;height:90px}.contest-status,.contest-audio-steps,.contest-controls{grid-column:2;margin:0}.contest-status{font-size:18px;min-height:0}.contest-audio-steps{gap:4px}.contest-audio-steps span{font-size:18px;padding:5px 2px}.contest-controls{gap:6px}.contest-controls button{font-size:18px;flex:1 1 120px;padding:8px}.contest-notebook-note{grid-column:1/-1;margin:0}}
/* Use the tablet's height for a calm central listening area; phones keep the
   compact layout above, including a two-column layout in short landscape. */
@media(min-width:701px) and (min-height:601px){.contest-listening{display:flex;flex-direction:column;min-height:calc(100svh - 24px)}.contest-practice-body{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;width:100%}.contest-scene{gap:clamp(28px,5vw,64px);margin:16px 0}.contest-number{font-size:clamp(128px,19vmin,180px)}.contest-gardener{width:clamp(112px,16vmin,160px);height:auto;aspect-ratio:5/7}.contest-listening .contest-speaker{width:clamp(136px,20vmin,176px);height:clamp(136px,20vmin,176px);padding:30px}.contest-listening .contest-status{font-size:26px;min-height:39px;margin:12px 0;line-height:1.4}.contest-audio-steps{width:100%;max-width:660px;margin:16px 0}.contest-audio-steps span{font-size:24px;padding:16px 6px}.contest-controls{width:100%;margin:20px 0 12px}.contest-controls .btn.primary{font-size:24px;min-height:64px}.contest-listening .contest-notebook-note{font-size:20px;margin:8px 0}}
@media(orientation:landscape) and (min-width:701px) and (min-height:601px) and (max-height:700px){.contest-scene{margin:8px 0}.contest-gardener{width:106px}.contest-number{font-size:124px}.contest-listening .contest-speaker{width:132px;height:132px;padding:28px}.contest-listening .contest-status{font-size:24px;margin:8px 0}.contest-audio-steps{margin:10px 0}.contest-audio-steps span{font-size:22px;padding:12px 6px}.contest-controls{margin:12px 0 8px}.contest-listening .contest-notebook-note{margin:6px 0}}
@media(orientation:landscape) and (max-height:500px){.contest-secondary-control{flex:1 1 120px;width:auto}.contest-controls>.primary{min-width:0}.contest-controls .btn.primary{min-height:56px;font-size:18px}.contest-summary-card{display:grid;grid-template-columns:130px 1fr;gap:8px 20px;align-items:center;text-align:left}.contest-summary-gardener{grid-row:1/5;width:120px;height:150px;margin:0}.contest-summary-card>h1,.contest-summary-card>p,.contest-summary-card>.row{grid-column:2;margin-top:0}.contest-summary-card>.row{justify-content:flex-start}}