/* Scoped to Bibi Jump: no cursor overrides or global motion. */
#jump.app-window.jump-window{width:460px;height:760px;min-width:280px;background:#fbf8ed}
#jump .window-body{display:flex;flex-direction:column;background:#fbf8ed;overflow:auto;scrollbar-width:thin;scrollbar-color:#bcced5 #f8f7ee}
.jump-game{--jump-ink:#244963;--jump-blue:#2474a6;color:var(--jump-ink);font-family:"Segoe UI",Arial,sans-serif;height:100%;min-height:440px;flex:1;display:flex;flex-direction:column;background:#fbf8ed}
.jump-game *, .jump-game *::before, .jump-game *::after{box-sizing:border-box}
.jump-game [hidden]{display:none!important}
.jump-hud{display:flex;align-items:center;gap:15px;min-height:74px;padding:14px 17px;background:#fffdf5;border-bottom:1px solid #d9e4df;flex-shrink:0}
.jump-brand{margin-right:auto;white-space:nowrap}.jump-eyebrow{display:block;font-size:8px;letter-spacing:1.8px;color:#849687;font-weight:700;margin-bottom:4px}
.jump-brand>strong{font-size:23px;letter-spacing:-1px;line-height:1;font-weight:800}.jump-brand>strong>span{display:inline-block;margin-left:5px;color:#72a878;font-size:25px}
.jump-counters{display:flex;gap:16px;text-align:right}.jump-counters>div>span{display:block;font-size:7px;letter-spacing:1.1px;color:#83939a;font-weight:700;margin-bottom:2px}.jump-counters strong{display:block;font-size:21px;line-height:1;font-variant-numeric:tabular-nums;font-weight:700}.jump-counters b{font-weight:inherit}.jump-counters small{font-size:10px;color:#7c949d;font-weight:500}
#jump-pause{border:1px solid #c8d8d8;border-radius:9px;background:#f2f6ee;color:#37627a;width:32px;height:34px;flex-shrink:0;font-size:17px;font-weight:800;padding:0}#jump-pause:disabled{opacity:.35}#jump-pause:not(:disabled):hover{background:#e1eee1}
.jump-stage{position:relative;isolation:isolate;margin:12px 14px 0;border:1.5px solid #9bb8c3;border-radius:13px;overflow:hidden;flex:1;min-height:240px;display:flex;align-items:center;justify-content:center;container-type:size;box-shadow:0 3px 0 #dfe6dc;background:#fbf8ed}
#jump-canvas{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:3/4;outline:none}
.jump-overlay{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px 0;background:linear-gradient(#fbf8ed18,#fbf8ed05 75%)}
.jump-card{width:100%;max-width:322px;padding:24px 19px 18px;background:#fffdf5f5;border:1.5px solid #bdcec6;border-radius:17px;box-shadow:0 5px 0 #d7e1d385,0 10px 24px #2847630c;text-align:center}
.jump-card-label{font-size:8px;font-weight:800;letter-spacing:2px;color:#749269;display:inline-block;background:#edf3e5;padding:6px 10px;border-radius:20px}
#jump .jump-card h2{font-size:24px;line-height:1.12;letter-spacing:-.8px;margin:14px 0 10px;color:#244963;font-weight:800}.jump-card p{font-size:11px;line-height:1.65;color:#738797;margin:0}.jump-key-guide{margin:17px 0 18px;font-size:10px;color:#80908d;display:grid;gap:10px}.jump-key-guide kbd{display:inline-grid;place-items:center;min-width:24px;height:25px;padding:0 5px;background:#f0f3ed;border:1px solid #c5d2c7;border-bottom:3px solid #c5d2c7;border-radius:5px;font:600 11px "Segoe UI",sans-serif;color:#52705f}.jump-key-guide small{font-size:9px;color:#92a095}
.jump-primary{display:flex;align-items:center;justify-content:center;gap:17px;width:100%;border:1px solid #1a658e;background:#287daa;color:#fff;border-radius:9px;padding:12px 15px;font:700 13px "Segoe UI",sans-serif;box-shadow:0 3px 0 #175578}.jump-primary:hover{background:#206e9a}.jump-primary:active{transform:translateY(1px);box-shadow:0 2px 0 #175578}.jump-primary span{font-size:20px;line-height:1;font-weight:400}.jump-space-hint{display:block;font-size:8px;letter-spacing:.3px;color:#97a5a2;margin-top:13px}
.jump-paper-label{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#8aaba9;pointer-events:none}
.jump-footer{padding:13px 16px 10px;margin-top:auto;flex-shrink:0;background:#fbf8ed}.jump-touch{display:flex;justify-content:space-between;align-items:center;gap:9px}.jump-touch button{min-width:102px;min-height:46px;background:#edf2e8;border:1px solid #b9cdbb;border-bottom:3px solid #a4bba9;border-radius:10px;color:#3f6857;font-size:25px;display:flex;align-items:center;justify-content:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.jump-touch button span{font-size:8px;letter-spacing:1.1px;font-weight:800}.jump-touch button:hover,.jump-touch button.is-held{background:#d7e8d1;color:#315c47}.jump-touch button.is-held{border-bottom-width:1px;transform:translateY(2px)}.jump-bounce-hint{font-size:9px;line-height:1.5;color:#8b9b8d;text-align:center}.jump-footer>p{font-size:8px;text-align:center;letter-spacing:.3px;color:#9aaba0;margin:11px 0 0}
.jump-game button:focus-visible{outline:3px solid #68a5ca;outline-offset:3px}
.jump-game[data-state="paused"] .jump-overlay,.jump-game[data-state="gameover"] .jump-overlay{background:#f6f7ee65}
@media(max-width:520px){#jump.app-window.jump-window{height:760px}.jump-hud{padding:12px;gap:10px;min-height:69px}.jump-brand>strong{font-size:21px}.jump-counters{gap:11px}.jump-counters strong{font-size:19px}.jump-stage{margin:9px 9px 0}.jump-overlay{padding:17px 13px 0}.jump-card{padding:20px 14px 16px}#jump .jump-card h2{font-size:22px}.jump-footer{padding:12px 11px 10px}.jump-touch button{min-width:94px}.jump-space-hint{font-size:7px}}
.jump-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.jump-footer-meta p{margin:0;font-size:8px;line-height:1.5;color:#91a195}#jump-new{flex-shrink:0;background:#edf2e8;border:1px solid #c2d2c0;border-radius:6px;padding:6px 9px;font-size:9px;color:#527360}#jump-new:hover{background:#dcebd7}
@container(max-height:380px){.jump-overlay{padding:12px 12px 0}.jump-card{padding:12px}.jump-card-label{padding:4px 8px;font-size:7px}#jump .jump-card h2{font-size:19px;margin:9px 0 7px}.jump-card p{font-size:10px}.jump-key-guide{margin:10px 0;gap:5px}.jump-space-hint{margin-top:8px}.jump-primary{padding:9px 12px}}
@container(max-height:280px){.jump-key-guide,.jump-card-label{display:none}.jump-card{max-width:285px}.jump-overlay{padding-top:9px}}
@media(prefers-reduced-motion:reduce){.jump-game *{animation:none!important;transition:none!important}.jump-game button:active,.jump-game button.is-held{transform:none}}
