#topmenu .jump-nav { border:0; padding:0; margin-left:20px; display:flex; font:inherit; color:inherit; pointer-events:auto; }
#topmenu .jump-nav:disabled { opacity:.4; cursor:wait; }
#topmenu .jump-nav:focus-visible, #jump-ui button:focus-visible { outline:2px solid white; outline-offset:5px; }
body.jump-active #topmenu .surround.--selected:not(.jump-nav) { background:transparent!important; color:#ff0033!important; }
body.jump-active #topmenu .surround.--selected:not(.jump-nav) p { color:#ff0033!important; }
body.jump-active #globalvue .fps { display:none!important; }
body.jump-active #leftencart .left-tutorial { visibility:hidden; }
body.jump-active #leftencart h2, body.jump-active #leftencart h4 { display:none; }
body.jump-active #leftencart h3 { max-height:1em; overflow:hidden; }
#jump-ui { position:fixed; inset:0; z-index:22; pointer-events:none; color:#ff243d; font-family:Arial,Helvetica,sans-serif; }
#jump-ui[hidden] { display:none; }
.jump-caption { position:absolute; bottom:36px; left:50px; max-width:calc(100vw - 145px); }
.jump-caption p { font-size:14px; line-height:1.5; margin:0 0 8px; font-weight:600; }
.jump-actions { display:flex; gap:20px; align-items:center; }
.jump-actions button { font:600 12px/1.4 Arial,Helvetica,sans-serif; background:none; border:0; border-bottom:1px solid #ff243d66; padding:6px 0; color:inherit; cursor:pointer; pointer-events:auto; }
.jump-actions button:hover { color:white; }
.jump-actions button:disabled { opacity:.35; cursor:default; }
.jump-actions kbd { font:inherit; opacity:.6; margin-left:5px; }
.jump-touch { display:none; }
body.jump-active #topmenu { z-index:30; }
@media(max-width:700px) {
  #topmenu { max-width:calc(100vw - 32px)!important; gap:2px!important; }
  #topmenu .surround p { width:auto!important; min-width:52px; font-size:11px!important; }
  #topmenu .jump-nav { width:64px; min-width:64px; margin-left:0; }
  .jump-caption { left:20px; bottom:26px; max-width:calc(100vw - 95px); }
  .jump-caption p { font-size:12px; }
  .jump-actions { gap:16px; }
  .jump-actions kbd { display:none; }
  .jump-caption { bottom:150px; }
  .jump-touch { display:grid; position:absolute; bottom:25px; left:20px; grid-template-columns:repeat(3,44px); grid-template-rows:repeat(2,44px); gap:4px; pointer-events:auto; }
  .jump-touch button { background:#0b0d16c9; border:1px solid #ff243d66; color:#ff243d; border-radius:8px; touch-action:none; user-select:none; }
  .jump-touch img { width:20px; height:20px; pointer-events:none; filter:invert(1); opacity:.85; }
  .jump-touch [data-key="KeyW"] { grid-column:2; grid-row:1; }
  .jump-touch [data-key="KeyA"] { grid-column:1; grid-row:2; }
  .jump-touch [data-key="KeyS"] { grid-column:2; grid-row:2; }
  .jump-touch [data-key="KeyD"] { grid-column:3; grid-row:2; }
  .jump-touch [data-key="KeyW"] img { transform:none; }
  .jump-touch [data-key="KeyA"] img { transform:rotate(-90deg); }
  .jump-touch [data-key="KeyS"] img { transform:rotate(180deg); }
  .jump-touch [data-key="KeyD"] img { transform:rotate(90deg); }
  .jump-touch [data-key="Space"] { position:fixed; right:24px; bottom:80px; width:58px; height:58px; border-radius:50%; }
}
@media(prefers-reduced-motion:reduce) { #jump-ui * { transition:none!important; } }
/* Keep the original navigation visible while the world, not the interface, folds. */
body.jump-active #leftencart { pointer-events:none; }
body.jump-active #leftencart h3 { display:none; }
.jump-world-label { display:block; font-size:11px; font-weight:700; letter-spacing:.19em; margin-bottom:12px; color:#b9c6d2; }
.jump-world-label span { letter-spacing:.05em; color:#ff334c; margin-left:9px; }
#jump-ui[data-mode="entering"] .jump-actions, #jump-ui[data-mode="leaving"] .jump-actions,
#jump-ui[data-mode="entering"] .jump-touch, #jump-ui[data-mode="leaving"] .jump-touch { visibility:hidden; }
@media(max-width:700px) { .jump-world-label { font-size:10px; margin-bottom:8px; } }
body.jump-active canvas { touch-action:none; cursor:grab; }
body.jump-active:has(#jump-ui[data-aim="ready"]) canvas { cursor:pointer; }
.jump-target-hint { position:absolute; left:50%; top:54%; transform:translate(-50%,0); padding:9px 14px; background:#050913c9; border:1px solid #cedff950; color:#e3edff; font:500 12px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.08em; white-space:nowrap; pointer-events:none; }
#jump-ui[data-mode="flying"] .jump-actions, #jump-ui[data-mode="flying"] .jump-touch { visibility:hidden; }
@media(max-width:700px) { .jump-target-hint { top:42%; font-size:11px; } }