/* A flight instrument, with one operating rail and five interchangeable systems. */
#jump-game{width:100%;min-width:0;--journey-ivory:var(--ivory,#f2f0df);--journey-muted:var(--muted,#b5beb0);--journey-violet:var(--violet,#b497ee);--journey-lime:var(--lime,#d6f596);--journey-amber:var(--amber,#e5bf7e);--journey-edge:var(--edge,#596450)}
#jump-game .journey-machine{position:relative;isolation:isolate;padding:20px 26px 0;border:1px solid var(--journey-edge);border-radius:24px 24px 8px 8px;background:linear-gradient(112deg,#303d35,#26312b 55%,#29342c);color:var(--journey-ivory);font:16px/1.5 var(--body,Arial,sans-serif);box-shadow:0 18px 40px #070d0a30;outline-offset:5px}
#jump-game .journey-machine [hidden]{display:none!important}
#jump-game .journey-machine button{font:600 15px/1.3 var(--body,Arial,sans-serif);min-height:48px;cursor:pointer;touch-action:manipulation;transition:background .16s,color .16s,border-color .16s}
#jump-game .journey-machine :is(button,input,summary):focus-visible,#jump-game .journey-machine:focus-visible{outline:2px solid var(--journey-lime);outline-offset:4px}
#jump-game .journey-machine button:disabled{cursor:default;opacity:.55}
#jump-game .journey-bezel{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--journey-muted);font:11px/1.5 var(--mono,monospace);letter-spacing:.12em}
#jump-game .journey-bezel>span:first-child{display:flex;align-items:center;gap:8px}
#jump-game .journey-bezel i{width:6px;height:6px;border-radius:50%;background:var(--journey-lime);box-shadow:0 0 12px #d6f5963b}
#jump-game .journey-run{color:var(--journey-amber);letter-spacing:.06em}
#jump-game .journey-route{display:flex;list-style:none;gap:0;margin:20px 0 22px;padding:0}
#jump-game .journey-route li{display:flex;align-items:center;flex:1;gap:10px;color:var(--journey-muted);font:12px/1.3 var(--mono,monospace)}
#jump-game .journey-route li::after{content:'';height:1px;flex:1;margin:0 16px 0 6px;background:#66725f77}
#jump-game .journey-route li:last-child{flex:0 0 auto}
#jump-game .journey-route li:last-child::after{display:none}
#jump-game .journey-route li span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #78866d;color:var(--journey-muted);border-radius:50%;font-size:10px}
#jump-game .journey-route li b{font-weight:400}
#jump-game .journey-route li[data-state=current]{color:var(--journey-ivory)}
#jump-game .journey-route li[data-state=current] span{background:var(--journey-lime);color:#203021;border-color:var(--journey-lime)}
#jump-game .journey-route li[data-state=complete] span{border-color:var(--journey-lime);color:var(--journey-lime)}
#jump-game .journey-route li[data-state=complete]::after{background:var(--journey-lime)}
#jump-game .journey-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,31%);gap:30px;align-items:stretch}
#jump-game .journey-display{position:relative;min-width:0;height:380px;overflow:hidden;border:1px solid #6b796164;border-radius:17px;background:#131d18;box-shadow:0 2px 0 #81906d30,inset 0 2px 12px #0002}
#jump-game .journey-canvas{display:block;width:100%;height:100%}
#jump-game .journey-display::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(130deg,#f2f0df05,transparent 40%)}
#jump-game .journey-display-top,#jump-game .journey-display-bottom{position:absolute;left:20px;right:20px;z-index:1;display:flex;justify-content:space-between;align-items:baseline;gap:12px;pointer-events:none;color:var(--journey-muted);font:11px/1.4 var(--mono,monospace);letter-spacing:.05em}
#jump-game .journey-display-top{top:17px}
#jump-game .journey-display-bottom{bottom:15px}
#jump-game .journey-instrument-label::before{content:'＋';margin-right:7px;color:var(--journey-ivory)}
#jump-game .journey-health{color:var(--journey-muted);text-align:right}
#jump-game .journey-telemetry{color:var(--journey-amber);font-variant-numeric:tabular-nums}
#jump-game .journey-count{color:var(--journey-ivory)}
#jump-game .journey-screen-shade{position:absolute;z-index:2;left:50%;top:48%;width:74%;max-width:370px;transform:translate(-50%,-50%);padding:18px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;background:radial-gradient(ellipse,#152019 20%,#152019e8 60%,#15201900 75%)}
#jump-game .journey-screen-tag{font:10px/1.4 var(--mono,monospace);letter-spacing:.16em;color:var(--journey-lime)}
#jump-game .journey-screen-text{max-width:12ch;font:600 clamp(28px,3vw,42px)/.98 var(--display,Arial,sans-serif);text-transform:uppercase;letter-spacing:.015em;color:var(--journey-ivory)}
#jump-game .journey-operation{display:flex;flex-direction:column;align-items:stretch;padding:10px 0 0;min-width:0}
#jump-game .journey-heading{margin-bottom:14px}
#jump-game .journey-overline{margin:0 0 10px;color:var(--journey-muted);font:11px/1.4 var(--mono,monospace);letter-spacing:.1em}
#jump-game .journey-index{margin-left:7px;color:var(--journey-amber)}
#jump-game .journey-title{margin:0;max-width:12ch;font:600 clamp(30px,3.1vw,46px)/.96 var(--display,Arial,sans-serif);text-transform:uppercase;letter-spacing:.012em;color:var(--journey-ivory);text-wrap:balance}
#jump-game .journey-instruction{max-width:32ch;margin:0 0 24px;font:15px/1.55 var(--body,Arial,sans-serif);color:var(--journey-muted);text-wrap:pretty}
#jump-game .journey-tuner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:9px;margin:0 0 14px}
#jump-game .journey-tuner label{min-width:0;font:10px/1.4 var(--mono,monospace);color:var(--journey-muted);text-align:center}
#jump-game .journey-frequency{color:var(--journey-amber)}
#jump-game .journey-tuner input{display:block;width:100%;height:36px;margin:0;accent-color:var(--journey-lime);cursor:pointer}
#jump-game .journey-machine .journey-nudge{min-height:44px;border:1px solid #819075;border-radius:50%;background:#344234;color:var(--journey-ivory);font:25px/1 var(--body,Arial,sans-serif)}
#jump-game .journey-nudge:hover{background:#455442}
#jump-game .journey-controls{display:flex;gap:8px;align-items:stretch}
#jump-game .journey-action{position:relative;flex:1;min-width:0;padding:13px 15px;border:1px solid var(--journey-lime);border-radius:5px;background:var(--journey-lime);color:#233020;box-shadow:0 3px 0 #131e1366;user-select:none;touch-action:none!important}
#jump-game .journey-action:hover{background:#e3ffaf;border-color:#e3ffaf}
#jump-game .journey-action:active,#jump-game [data-held=true] .journey-action{background:var(--journey-violet);border-color:var(--journey-violet);color:#211d2b;box-shadow:inset 0 2px 4px #251b3230}
#jump-game .journey-pause{flex:0 0 auto;min-width:62px;padding:10px 12px;background:transparent;border:1px solid #8c997f;border-radius:5px;color:var(--journey-ivory)}
#jump-game .journey-pause:hover{background:#40503f}
#jump-game .journey-steering{display:flex;flex:1;gap:8px;min-width:0}
#jump-game .journey-steering button{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;gap:6px;background:#d6f596;color:#233020;border:1px solid #d6f596;border-radius:5px;touch-action:none;user-select:none;font-size:22px}
#jump-game .journey-steering button span{font-size:13px}
#jump-game .journey-steering button:active{background:var(--journey-violet);border-color:var(--journey-violet)}
#jump-game .journey-feedback{min-height:50px;margin:13px 0 18px;font:13px/1.5 var(--body,Arial,sans-serif);color:var(--journey-muted);text-wrap:pretty}
#jump-game .journey-feedback[data-kind=hit]{color:var(--journey-lime)}
#jump-game .journey-feedback[data-kind=miss]{color:var(--journey-amber)}
#jump-game .journey-key-hint{display:block;margin-top:auto;padding-top:10px;border-top:1px solid #80906c40;font:10px/1.5 var(--mono,monospace);letter-spacing:.04em;color:var(--journey-muted)}
#jump-game .journey-discovery{margin:0 0 18px;padding:0 0 0 13px;border-left:2px solid var(--journey-violet)}
#jump-game .journey-discovery-label{font:10px/1.5 var(--mono,monospace);letter-spacing:.08em;color:var(--journey-violet)}
#jump-game .journey-discovery-text{margin:6px 0 0;font:15px/1.5 var(--body,Arial,sans-serif);color:var(--journey-ivory)}
#jump-game .journey-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;font:10px/1.5 var(--mono,monospace);letter-spacing:.04em;color:var(--journey-muted)}
#jump-game .journey-score-block{display:flex;align-items:center;gap:10px;white-space:nowrap}
#jump-game .journey-score-block strong{font:24px/1.3 var(--mono,monospace);font-variant-numeric:tabular-nums;color:var(--journey-amber);letter-spacing:.05em}
#jump-game .journey-storage{text-align:right;max-width:32ch}
#jump-game .journey-history{border-top:1px solid #8294713d;color:var(--journey-muted);font:12px/1.5 var(--mono,monospace)}
#jump-game .journey-history summary{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer;list-style:none}
#jump-game .journey-history summary::-webkit-details-marker{display:none}
#jump-game .journey-history summary::before{content:'+';font-size:18px;width:14px;color:var(--journey-ivory)}
#jump-game .journey-history[open] summary::before{content:'−'}
#jump-game .journey-history-count{margin-left:auto;font-size:10px;letter-spacing:.06em}
#jump-game .journey-history-list{list-style:none;padding:0;margin:0}
#jump-game .journey-history-list li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #82947130}
#jump-game .journey-history-list b{color:var(--journey-ivory);font-weight:400}
#jump-game .journey-history-list strong{color:var(--journey-amber);font-weight:400}
#jump-game .journey-history>p{margin:8px 0 14px;font:12px/1.5 var(--body,Arial,sans-serif)}
#jump-game .journey-result{display:grid;grid-template-columns:1fr auto;gap:16px 28px;margin-top:22px;padding:22px 25px;background:var(--journey-ivory);color:#273027;border-radius:3px}
#jump-game .journey-result-heading{grid-column:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font:11px/1.5 var(--mono,monospace)}
#jump-game .journey-result-heading strong{font-weight:400}
#jump-game .journey-result-scores{display:grid;grid-template-columns:repeat(5,1fr);grid-column:1;gap:16px;border-top:1px dashed #59645077;padding-top:14px}
#jump-game .journey-result-scores span{display:block;font:10px/1.5 var(--mono,monospace);text-transform:uppercase}
#jump-game .journey-result-scores b{font:24px/1.5 var(--mono,monospace);font-weight:400}
#jump-game .journey-download{align-self:start;grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:13px 20px;background:#27372b;border:1px solid #27372b;border-radius:4px;color:var(--journey-ivory)}
#jump-game .journey-download:hover{background:#43523a}
#jump-game .journey-download-note{grid-column:2;grid-row:2;align-self:end;max-width:26ch;margin:0;font:11px/1.4 var(--body,Arial,sans-serif)}
@media(min-width:801px) and (max-height:850px){
  #jump-game .journey-machine{padding-top:15px}
  #jump-game .journey-route{margin:14px 0 16px}
  #jump-game .journey-display{height:320px}
  #jump-game .journey-title{font-size:38px}
  #jump-game .journey-instruction{margin-bottom:16px;font-size:14px}
  #jump-game .journey-heading{margin-bottom:10px}
  #jump-game .journey-feedback{min-height:38px;margin:10px 0 14px}
  #jump-game .journey-footer{min-height:54px}
}
@media(max-width:1050px) and (min-width:801px){
  #jump-game .journey-workbench{grid-template-columns:minmax(0,1fr) 265px;gap:24px}
  #jump-game .journey-machine{padding-inline:20px}
  #jump-game .journey-route li{gap:7px}
  #jump-game .journey-route li::after{margin-inline:10px}
}
@media(max-width:800px){
  #jump-game .journey-machine{padding:15px 16px 0;border-radius:18px 18px 7px 7px}
  #jump-game .journey-bezel{font-size:9px;letter-spacing:.07em}
  #jump-game .journey-route{margin:13px 0 16px}
  #jump-game .journey-route li{flex:1;gap:6px;font-size:10px}
  #jump-game .journey-route li:last-child{flex:0 0 auto}
  #jump-game .journey-route li::after{margin:0 7px 0 2px}
  #jump-game .journey-route li span{width:20px;height:20px;flex-shrink:0;font-size:9px}
  #jump-game .journey-workbench{display:flex;flex-direction:column;gap:0}
  #jump-game .journey-operation{display:contents}
  #jump-game .journey-heading{order:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
  #jump-game .journey-title{max-width:none;font-size:30px;order:-1;line-height:1}
  #jump-game .journey-overline{flex-shrink:0;margin:0;font-size:9px;letter-spacing:.03em}
  #jump-game .journey-index{display:block;margin-left:0;margin-top:3px;text-align:right;font-size:12px}
  #jump-game .journey-display{order:1;height:225px;border-radius:11px}
  #jump-game .journey-display-top,#jump-game .journey-display-bottom{left:12px;right:12px;font-size:10px;letter-spacing:0}
  #jump-game .journey-display-top{top:11px}
  #jump-game .journey-display-bottom{bottom:10px}
  #jump-game .journey-instrument-label::before{display:none}
  #jump-game .journey-screen-shade{max-width:255px;padding:12px 6px;gap:8px}
  #jump-game .journey-screen-tag{font-size:9px}
  #jump-game .journey-screen-text{font-size:30px;max-width:14ch}
  #jump-game .journey-instruction{order:2;max-width:none;margin:12px 0 13px;font-size:14px;line-height:1.5}
  #jump-game .journey-tuner{order:3;margin:0 0 10px}
  #jump-game .journey-controls{order:4}
  #jump-game .journey-feedback{order:5;min-height:0;margin:10px 0 14px;font-size:12px;line-height:1.5}
  #jump-game .journey-discovery{order:6;margin:0 0 15px}
  #jump-game .journey-key-hint{order:7;padding-top:9px;font-size:9px}
  #jump-game .journey-footer{min-height:58px;gap:14px;font-size:9px}
  #jump-game .journey-score-block{gap:6px;flex-wrap:wrap;max-width:150px}
  #jump-game .journey-score-block>span:first-child{flex-basis:100%;font-size:9px}
  #jump-game .journey-score-block strong{font-size:20px;line-height:1}
  #jump-game .journey-storage{max-width:22ch;font-size:9px}
  #jump-game .journey-history summary{font-size:11px}
  #jump-game .journey-result{display:block;padding:18px;margin-top:16px}
  #jump-game .journey-result-heading{flex-wrap:wrap;gap:5px;font-size:10px}
  #jump-game .journey-result-scores{margin:13px 0;gap:8px}
  #jump-game .journey-result-scores b{font-size:21px}
  #jump-game .journey-download{width:100%;min-height:48px}
  #jump-game .journey-download-note{max-width:none;margin-top:10px}
}
@media(max-width:480px){
  #jump-game .journey-route li{gap:5px}
  #jump-game .journey-route li::after{margin:0 5px;height:1px}
  #jump-game .journey-route li span{display:none}
  #jump-game .journey-route li::before{content:'';display:block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#77806a}
  #jump-game .journey-route li[data-state=current]::before,#jump-game .journey-route li[data-state=complete]::before{background:var(--journey-lime)}
  #jump-game .journey-route li[data-state=current] b{color:var(--journey-lime)}
}
@media(max-width:800px) and (max-height:720px){
  #jump-game .journey-machine{padding:12px 13px 0}
  #jump-game .journey-bezel{display:none}
  #jump-game .journey-route{margin:0 0 12px}
  #jump-game .journey-heading{margin-bottom:10px}
  #jump-game .journey-title{font-size:27px}
  #jump-game .journey-overline{font-size:8px}
  #jump-game .journey-index{font-size:10px}
  #jump-game .journey-display{height:156px}
  #jump-game .journey-display-top,#jump-game .journey-display-bottom{font-size:9px}
  #jump-game .journey-display-top{top:8px}
  #jump-game .journey-display-bottom{bottom:8px}
  #jump-game .journey-screen-shade{gap:5px;max-width:235px}
  #jump-game .journey-screen-text{font-size:26px}
  #jump-game .journey-screen-tag{font-size:8px}
  #jump-game .journey-instruction{font-size:13px;line-height:1.4;margin:9px 0 10px}
  #jump-game .journey-machine button{min-height:44px;font-size:14px}
  #jump-game .journey-action{padding:10px 12px}
  #jump-game .journey-feedback{margin:8px 0 10px;font-size:11px}
  #jump-game .journey-key-hint{font-size:8px}
  #jump-game .journey-tuner{grid-template-columns:44px minmax(0,1fr) 44px;margin-bottom:8px}
  #jump-game .journey-tuner input{height:28px}
  #jump-game .journey-tuner label{font-size:9px}
}
@media(min-width:600px) and (max-width:800px) and (max-height:520px){
  #jump-game .journey-workbench{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px}
  #jump-game .journey-operation{display:flex;padding:0;order:1}
  #jump-game .journey-display{height:182px;order:0}
  #jump-game .journey-heading{display:block;margin-bottom:8px}
  #jump-game .journey-overline{display:none}
  #jump-game .journey-title{font-size:26px}
  #jump-game .journey-instruction{font-size:12px;line-height:1.4;margin:0 0 10px}
  #jump-game .journey-feedback{font-size:10px;margin:8px 0}
  #jump-game .journey-key-hint{font-size:8px;padding-top:7px}
  #jump-game .journey-screen-text{font-size:25px}
  #jump-game .journey-tuner{margin-bottom:7px}
  #jump-game .journey-tuner label{font-size:8px}
  #jump-game .journey-tuner input{height:25px}
}
