.street-rhythm-active>canvas,.street-rhythm-active>.gameTop,.street-rhythm-active>#gameBottom,.street-rhythm-active>#gameIntro{display:none!important}
#streetRhythm{position:absolute;inset:0;isolation:isolate;overflow:hidden;color:#fff;font-family:Arial,'PingFang SC',sans-serif;line-height:1.3;background:linear-gradient(#071019b3,#07101970 45%,#071019dc),url('assets/kling-theme/street-rescue.png') center/cover;display:grid;grid-template-rows:106px 30px minmax(140px,1fr) 72px;padding:0 6%}
#streetRhythm *{box-sizing:border-box}.sr-time{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff35}.sr-time i{display:block;height:100%;background:#fff;box-shadow:0 0 8px #fff}
.sr-head{position:absolute;left:6%;top:21px;width:60%}.sr-head small{font-size:10px;letter-spacing:1.5px;color:#ddd}.sr-head h2{font-size:20px;font-weight:500;margin:7px 0;letter-spacing:1px}.sr-score{position:absolute;left:6%;top:76px;display:flex;align-items:baseline;gap:7px}.sr-score strong{font:26px/1 Arial,sans-serif;font-variant-numeric:tabular-nums}.sr-score span{font-size:9px;color:#ddd}.sr-combo{position:absolute;top:72px;right:6%;text-align:right}.sr-combo strong{font:29px/1 Arial,sans-serif;display:block;font-variant-numeric:tabular-nums}.sr-combo span{font-size:9px;letter-spacing:2px}.sr-phases{grid-row:2;display:flex;gap:10px;align-items:center}.sr-phases span{font-size:9px;color:#ffffff68;border-bottom:1px solid #ffffff22;padding-bottom:6px;flex:1;white-space:nowrap}.sr-phases .on{color:#fff;border-bottom-color:#fff}
.sr-playfield{position:relative;grid-row:3;min-height:0}.sr-rings{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sr-status{position:absolute;top:28%;width:100%;text-align:center;font-size:15px;letter-spacing:.5px;color:#f4dda2;text-shadow:0 2px 12px #000;pointer-events:none}.sr-pad{position:absolute;top:72%;left:0;width:100%;height:19%;border:0;border-radius:0;background:linear-gradient(#b4e9ff20,#b4e9ff00);color:#fff;touch-action:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;padding:3px}.sr-pad b{font-size:14px;font-weight:500;letter-spacing:2px}.sr-pad-hint{font-size:8px;letter-spacing:3px;color:#ffffff75}.sr-touch-mark{font:20px/12px Arial;color:#bdeaff}.sr-pad.pressed{background:linear-gradient(#b4e9ff66,#b4e9ff00)}.sr-pad:focus-visible{outline:1px solid #fff;outline-offset:2px}.sr-tip{position:absolute;bottom:0;width:100%;text-align:center;margin:0;font-size:10px;color:#e4e9ee}.sr-foot{grid-row:4;align-self:end;padding-bottom:13px}.sr-progress{display:flex;gap:3px}.sr-progress i{flex:1;height:3px;background:#ffffff30}.sr-progress .hit{background:#b8ecff}.sr-progress .miss{background:#f59188}.sr-progress .holding{background:#f6df97}.sr-bottom{display:flex;justify-content:space-between;font-size:11px;margin:8px 0}.sr-foot small{display:block;text-align:center;font-size:8px;color:#ffffff66}.sr-paused{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:#071019d9;font-size:26px;letter-spacing:5px}.sr-paused[hidden]{display:none}.sr-miss .sr-status{color:#ff9b94}.sr-hit .sr-combo{color:#f4dda2}
@media(max-height:720px){#streetRhythm{grid-template-rows:90px 26px minmax(120px,1fr) 65px}.sr-head{top:15px}.sr-head h2{font-size:18px}.sr-score,.sr-combo{top:62px}.sr-combo strong{font-size:23px}.sr-score strong{font-size:22px}.sr-status{font-size:12px}.sr-pad b{font-size:12px}.sr-tip{font-size:9px}}