.sentence-track{padding:15px 20px;background:#0c2630;border-top:1px solid #4b6974;border-bottom:1px solid #4b6974;color:#f4fff9}.sentence-track-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sentence-count{color:#97f7d5;font-weight:700}.sentence-track button{margin-left:auto;padding:6px 12px}.sentence-built{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0;font-size:20px;line-height:1.5}.sentence-built span{min-width:35px;padding:3px 9px;border-radius:8px;border:1px solid #41646b}.sentence-built .done{background:#d8ffed;color:#143c32}.sentence-built .next{border:2px solid #ffdf83;color:#ffdf83}.sentence-built .empty{color:#b0c4ca}.sentence-hint{font-size:17px;line-height:1.5;margin:0;overflow-wrap:anywhere;color:#e7f9ef}@media(max-width:600px){.sentence-track{padding:12px}.sentence-built{font-size:18px}.sentence-track-head{gap:8px}.sentence-track button{font-size:14px}.sentence-hint{font-size:16px}}

/* Keep sentence guidance, paddle and touch actions in one playable viewport. */
body:has(.rebound-game)>header{display:none}
body.playing:has(.rebound-game) main{padding-top:8px;scroll-margin-top:0}
.rebound-game{display:flex;flex-direction:column}
.rebound-game .brief{padding:8px 14px;gap:6px}
.rebound-game .brief h2{font-size:20px}
.rebound-game .brief p{font-size:12px;margin:2px 0}
.rebound-game .sentence-track{padding:7px 14px}
.rebound-game .sentence-track-head{gap:8px;font-size:13px}
.rebound-game .sentence-built{margin:5px 0;gap:5px;font-size:17px}
.rebound-game .sentence-built span{padding:1px 7px;min-width:28px}
.rebound-game .sentence-hint{font-size:14px}
.rebound-game .sentence-track button{padding:2px 10px;min-height:32px}
.rebound-game .stage{width:min(100%,var(--rebound-stage-width,810px));max-width:810px!important}
.rebound-game .play-status{min-height:32px;padding:5px 12px;font-size:12px}
.rebound-game .controls{padding:6px 14px;gap:12px;flex-direction:row}
.rebound-game .joystick{width:58px;height:58px}
.rebound-game .joystick .knob{width:28px;height:28px}
.rebound-game .action{width:80px;height:48px;border-radius:15px}
@media(max-width:600px){
 body:has(.rebound-game) .play-head h1{font-size:20px}
 body:has(.rebound-game) .head-buttons{display:flex;gap:5px;margin-top:6px}
 body:has(.rebound-game) .head-buttons>*{min-height:40px;padding:7px 9px;font-size:11px}
 .rebound-game .brief{padding:7px 10px}
 .rebound-game .brief h2{font-size:18px}
 .rebound-game .sentence-track{padding:6px 10px}
 .rebound-game .controls-copy b{font-size:11px}
}
@media(max-height:550px) and (min-width:600px){
 .rebound-game{display:grid;grid-template-columns:minmax(0,1fr) 90px}
 .rebound-game .brief,.rebound-game .sentence-track,.rebound-game .play-status{grid-column:1/3}
 .rebound-game .stage{grid-column:1;grid-row:3}
 .rebound-game .controls{grid-column:2;grid-row:3;flex-direction:column;padding:5px;gap:8px}
 .rebound-game .controls-copy{display:none}
 .rebound-game .sentence-track{padding:4px 10px}
 .rebound-game .sentence-built{margin:3px 0;font-size:15px}
 .rebound-game .sentence-hint{font-size:12px}
}