:root{--j-bg:#090716;--j-deep:#120b22;--j-panel:#1c1233;--j-panel2:#2a1950;--j-purple:#5c3a8f;--j-cream:#fff3cf;--j-muted:#cdbce2;--j-cyan:#5df2d6;--j-coral:#ff8a5b;--j-yellow:#ffd166;--j-pink:#ef70c3;--j-shadow:#05030b}body.xarmo-game-jump-rope{overflow:auto!important}body.xarmo-game-jump-rope>main.rope-page{display:block!important;padding:clamp(1rem,3vw,2rem) 1rem 2.2rem!important;background:linear-gradient(rgba(93,242,214,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(93,242,214,.035) 1px,transparent 1px),radial-gradient(circle at 50% -10%,rgba(255,138,91,.2),transparent 34rem),var(--j-bg)!important;background-size:24px 24px,24px 24px,auto,auto!important;color:var(--j-cream)!important}.rope-game{width:min(100%,1080px);margin:auto;font-family:"Courier New",monospace}.rope-heading{display:flex;justify-content:space-between;align-items:end;gap:1.4rem;margin-bottom:1rem}.rope-heading h1{margin:0;font:clamp(3rem,9vw,6rem)/.82 Impact,sans-serif;text-transform:uppercase;letter-spacing:.035em;text-shadow:5px 5px 0 var(--j-purple),9px 9px 0 var(--j-shadow)}.rope-heading p:not(.rope-kicker){max-width:62ch;margin:1rem 0 0;color:var(--j-muted);font-weight:700;line-height:1.5}.rope-kicker{margin:0 0 .6rem;color:var(--j-cyan);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.rope-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.rope-actions button,.rope-overlay button,.rope-controls button{min-height:44px;border:3px solid var(--j-cream);border-radius:0;background:var(--j-purple);box-shadow:4px 4px 0 var(--j-shadow);color:var(--j-cream);font:900 .78rem/1 "Courier New",monospace;text-transform:uppercase;cursor:pointer}.rope-actions button,.rope-overlay button{padding:.75rem .95rem}.rope-actions button:focus-visible,.rope-overlay button:focus-visible,.rope-controls button:focus-visible{outline:4px solid var(--j-yellow);outline-offset:3px}.rope-hud{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:.8rem;border:4px solid var(--j-deep);background:var(--j-deep)}.rope-hud>div{display:grid;gap:.2rem;padding:.65rem .4rem;background:var(--j-panel);text-align:center}.rope-hud span{color:var(--j-pink);font-size:.62rem;font-weight:900;text-transform:uppercase}.rope-hud strong{color:var(--j-cyan);font-size:1.02rem}.rope-stage{position:relative;border:6px solid var(--j-deep);background:var(--j-panel);box-shadow:0 0 0 4px var(--j-cream),8px 8px 0 var(--j-shadow);overflow:hidden}body.xarmo-game-jump-rope #gameCanvas{display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border:0!important;background:var(--j-panel)!important;box-shadow:none!important;image-rendering:pixelated;touch-action:none}.rope-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;background:rgba(9,7,22,.8);text-align:center}.rope-overlay[hidden]{display:none}.rope-overlay>div{width:min(100%,470px);box-sizing:border-box;padding:1.35rem;border:5px solid var(--j-cream);background:var(--j-panel);box-shadow:10px 10px 0 var(--j-shadow)}.rope-overlay h2{margin:.2rem 0 .7rem;color:var(--j-yellow);font:clamp(2.1rem,7vw,4rem)/1 Impact,sans-serif;text-transform:uppercase;text-shadow:4px 4px 0 var(--j-purple)}.rope-overlay p{color:var(--j-muted);font-weight:700;line-height:1.5}.rope-overlay__eyebrow{color:var(--j-cyan)!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.13em;text-transform:uppercase}.rope-controls{width:min(100%,620px);margin:1rem auto 0}.rope-controls button{width:100%;min-height:66px;background:var(--j-coral);color:var(--j-deep);font-size:1rem;touch-action:manipulation}.rope-help{margin:.8rem 0 0;color:var(--j-muted);font-size:.72rem;font-weight:700;text-align:center}.rope-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:760px){.rope-heading{display:grid}.rope-actions{justify-content:flex-start}.rope-hud{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.rope-hud{grid-template-columns:repeat(2,1fr)}.rope-stage{border-width:4px}}