#jumpRopeHud[hidden]{display:none!important}
#jumpRopeHud{position:fixed;inset:0;z-index:40;background:#dce5c3;display:grid;place-items:center;touch-action:none;user-select:none;color:#435334}
.jr-stage{position:relative;width:min(100vw,60dvh);height:100dvh;max-height:100%;overflow:hidden;background:#efe3bc;box-shadow:0 0 80px #5b764933}
.jr-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.jr-stage header{position:absolute;top:5%;left:10%;width:80%;text-align:center;pointer-events:none}
.jr-stage h2{margin:0 0 12px;background:#fff5dc;border:2px solid #bfa578;border-radius:22px;padding:12px;font-size:clamp(20px,4dvh,34px);box-shadow:0 4px #ad996e55}
.jr-stats{background:#fff7e4ed;border-radius:16px;padding:10px;font-weight:700;font-size:clamp(13px,2.4dvh,20px)}
.jr-leave,.jr-sound{position:absolute;top:8px;right:8px;background:#fff7e4;border:1px solid #c0af80;border-radius:12px;padding:7px 12px;color:#435334;cursor:pointer;font:inherit;font-size:12px}
.jr-sound{right:auto;left:8px}
.jr-view{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:#fff7e4;border:1px solid #c0af80;border-radius:12px;padding:7px 12px;color:#435334;cursor:pointer;font:inherit;font-size:12px}
.jr-stage footer{position:absolute;bottom:max(2%,env(safe-area-inset-bottom));left:10%;width:80%;display:grid;gap:9px;text-align:center}
.jr-jump{padding:16px;border:3px solid #658b40;border-radius:30px;background:linear-gradient(#b6d679,#7fab4b);box-shadow:0 5px #54733d;color:#fffbea;font-size:clamp(25px,5dvh,44px);font-weight:900;cursor:pointer;touch-action:none}
.jr-jump:active{transform:translateY(3px);box-shadow:0 2px #54733d}.jr-jump:disabled{filter:saturate(.3);cursor:default}
.jr-hint{background:#fff7e4e8;border-radius:12px;padding:8px;font-weight:700;font-size:clamp(12px,2dvh,18px)}
.jr-ready{color:#9c461a;background:#fff0a6}.jr-stage small{font-size:12px;background:#fff8e5c9;border-radius:10px;padding:4px}
.jr-message{position:absolute;top:24%;left:7%;width:86%;box-sizing:border-box;white-space:pre-line;text-align:center;line-height:1.7;padding:18px;background:#fff9e8f5;border:2px solid #baaa7e;border-radius:20px;font-size:clamp(16px,2.8dvh,24px);font-weight:bold;pointer-events:none}
body[data-game-mode="jumprope"] #c{visibility:hidden}
#gameCardJumpRope .turtle-race-preview{object-fit:cover;object-position:center 48%}
@media (orientation:landscape) and (max-height:550px){.jr-stage{width:60dvh}.jr-stage header{top:8%}.jr-stage h2{padding:4px;margin-bottom:4px}.jr-stats{padding:3px}.jr-jump{padding:5px}.jr-stage footer{gap:3px}.jr-hint{padding:3px}.jr-stage small{display:none}}
@media (min-width:800px){.jr-stage{width:min(100vw,140dvh)}.jr-stage header{left:25%;width:50%}.jr-stage footer{left:30%;width:40%}.jr-message{left:25%;width:50%}}