body.jump-page{--jump-accent:#ffb178;--jump-glow:#5c2928;background:radial-gradient(ellipse at 50% 35%,var(--jump-glow),#080e19 75%);transition:background-color 2s;min-height:100vh}.jump-page main{max-width:1040px}.jump-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.jump-heading h1{font-size:38px;letter-spacing:-1px;margin:0}.jump-heading .label{color:var(--jump-accent)}.jump-heading p{margin:3px 0;color:#becbd6}.jump-heading .edition{font-size:13px;letter-spacing:2px;color:#c8c0b8;border-left:2px solid var(--jump-accent);padding-left:14px}.jump-layout{display:grid;grid-template-columns:minmax(0,640px) minmax(200px,260px);gap:22px;align-items:start;justify-content:center}.jump-play{min-width:0}.jump-page .stage{border-radius:18px;border:1px solid #8b7b7055;box-shadow:0 20px 90px #0005;background:#151023;isolation:isolate}.jump-page #game{aspect-ratio:4/5;width:100%;max-height:72vh;object-fit:contain;background:#101525;outline-offset:-4px}.jump-page .hud{border-radius:12px;margin:0 0 10px;padding:10px 15px;background:#0c182be3}.jump-page .stat strong{font-size:24px}.jump-page .stat small{font-size:11px}.jump-page .overlay{background:linear-gradient(180deg,#0b10204d,#0a1123ed);backdrop-filter:blur(5px)}.jump-page .panel{padding:22px;max-width:420px}.jump-page .panel .label{font-size:12px;letter-spacing:3px;color:#ffd5a6}.jump-page .panel h2{font-size:42px;line-height:1.05;letter-spacing:-1.5px;margin:16px 0}.jump-page .panel p{font-size:16px;line-height:1.6;color:#d0d9e7}.jump-page .primary{background:#ffe0a0;border-color:#ffe0a0;color:#26232a;font-weight:750;box-shadow:0 4px 0 #987d4d;min-height:48px}.jump-page .primary:hover{background:#ffedc9}.jump-keys{display:flex;gap:8px;align-items:center;justify-content:center;margin:20px 0;color:#bdc9dc;font-size:14px}.jump-keys kbd{background:#263347;border:1px solid #69809b;border-bottom-width:3px;border-radius:7px;padding:5px 10px;font:700 16px system-ui}.jump-notebook{border:1px solid #5a6d804f;border-radius:16px;background:#101b2bba;backdrop-filter:blur(12px);padding:22px}.jump-notebook h2{font-size:17px;letter-spacing:0;margin:0 0 5px}.jump-notebook .label{font-size:11px;letter-spacing:1.4px;color:#a7bdcf}.zone-title{font-size:22px;line-height:1.2;color:var(--jump-accent);margin:8px 0 14px}.zone-track{display:flex;gap:5px;margin:18px 0}.zone-track span{height:5px;background:#344251;flex:1;border-radius:2px}.zone-track .reached{background:var(--jump-accent);box-shadow:0 0 10px var(--jump-accent)}.zone-fact{font-size:14px;color:#c3d1e0;line-height:1.75;margin:16px 0 20px}.jump-readout{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid #455064;padding:10px 0;color:#b2c3d4;gap:10px}.jump-readout b{color:#f2f4fa}.jump-caption{font-size:12px;color:#91a5b9;margin-top:20px}.jump-page .touch{margin:10px 0}.jump-page .touch button{flex:1;background:#162639a6;min-height:48px}.jump-page #announcement{font-size:14px;text-align:center;min-height:23px;margin:8px 0}.jump-page .gamebar{margin:12px 0}.jump-page .legend{display:grid;grid-template-columns:1fr 1fr}.jump-page .legend>div{min-width:0;display:flex;gap:13px;align-items:center}.jump-symbol{width:46px;height:35px;object-fit:contain;flex-shrink:0}.jump-page .legend b{font-size:15px}.jump-page .legend span{font-size:13px}.jump-page .howto{font-size:15px}.jump-page #result{background:#162a3ee6;border:1px solid #426479;border-radius:12px;padding:14px;font-size:16px;color:#ffe4b4}.jump-page .is-fullscreen .jump-layout{grid-template-columns:minmax(0,640px) 240px;max-width:1040px;margin:auto}.jump-page .is-fullscreen #game{max-height:none}.jump-page .is-fullscreen .jump-heading{display:none}.jump-page .is-fullscreen .jump-notebook{max-height:calc(100dvh - 140px);overflow:auto}.jump-page .is-fullscreen .stage{max-width:100%}.jump-page .is-fullscreen .hud{max-width:none}.jump-page .is-fullscreen .gamebar{max-width:1040px;margin:0 auto 8px}
@media(max-width:850px){.jump-layout{grid-template-columns:minmax(0,540px)}.jump-notebook{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.jump-notebook .zone-track{grid-column:1/-1;grid-row:2;margin:10px 0}.jump-notebook .zone-fact{grid-column:1/-1;margin:8px 0}.jump-notebook .jump-caption{grid-column:1/-1;margin:8px 0}.jump-notebook .zone-title{margin:0;font-size:18px}.jump-notebook>.label{align-self:center}.jump-notebook .jump-readout{padding:7px 0}.jump-heading .edition{display:none}.jump-page #game{max-height:none}.jump-page .is-fullscreen .jump-layout{grid-template-columns:1fr}.jump-page .is-fullscreen .jump-notebook{display:none}.jump-page .panel{padding:12px}.jump-page .panel h2{font-size:34px}.jump-page .legend{grid-template-columns:1fr}}
@media(max-height:550px) and (orientation:landscape){.jump-page .is-fullscreen .jump-layout{display:block}.jump-page .is-fullscreen .jump-notebook{display:none}.jump-page .is-fullscreen .hud{max-width:550px}.jump-page .is-fullscreen .touch{position:absolute;bottom:20px;left:3%;right:3%;justify-content:space-between;pointer-events:none}.jump-page .is-fullscreen .touch button{flex:0 0 90px;pointer-events:auto}.jump-page .is-fullscreen .stage:has(>#overlay:not([hidden])){min-height:260px}.jump-page .panel h2{font-size:26px}.jump-page .panel p{font-size:14px}.jump-keys{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.jump-page *{scroll-behavior:auto;transition:none!important}}
/* Keep the playfield bright and readable while the notebook follows each sphere. */
.jump-page .stage{border-color:color-mix(in srgb,var(--jump-accent) 38%,transparent);box-shadow:0 18px 70px #0006,0 0 35px color-mix(in srgb,var(--jump-accent) 9%,transparent)}.jump-page .hud{background:linear-gradient(115deg,#172735ed,#0b1829ef);border-color:color-mix(in srgb,var(--jump-accent) 25%,#293a4d)}.jump-page .hud .stat:first-child strong{color:var(--jump-accent)}.jump-page .jump-notebook{border-top:2px solid var(--jump-accent)}.jump-page .jump-symbol{width:56px;height:49px}.jump-page .legend>div{padding:14px 12px}.jump-page .zone-track .reached{box-shadow:0 0 13px var(--jump-accent)}