:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#292334;background:#fcfbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,calc(100% - 64px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #e8e1ef}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#292334;font-weight:750;font-size:16px}.brand-icon{display:grid;place-items:center;background:#7935a8;color:white;width:42px;height:42px;border-radius:12px;font-size:26px;font-weight:800}.brand-sub{display:block;font-size:12px;letter-spacing:1.5px;margin-top:4px;color:#766b82;font-weight:600}.edition{font-size:14px;color:#766b82}.intro{padding:44px 0 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:#7935a8;margin:0 0 12px}h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:0 0 16px;font-weight:760}h1 span{color:#7935a8}.lead{font-size:17px;color:#70647a;line-height:1.6;margin:0;max-width:590px}.control-hint{display:flex;gap:12px;align-items:center;color:#766b82;font-size:14px;line-height:1.7;min-width:160px}.control-hint strong{font-weight:600;color:#40344c}.key{background:white;border:1px solid #e0d6e9;border-bottom-width:3px;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:26px;color:#7935a8}.stage{position:relative;overflow:hidden;height:390px;min-height:300px;border:1px solid #d9d1e5;border-radius:24px;background:radial-gradient(ellipse at 65% 15%,#e2f7f8 0,transparent 65%),linear-gradient(180deg,#f2efff,#faf8ff);touch-action:pan-y;outline-offset:5px}.stage-top{position:absolute;inset:22px 24px auto;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-label{font-size:12px;letter-spacing:1.7px;color:#817489;font-weight:700}.state{font-size:14px;border:1px solid #ddd3e8;background:#ffffffc9;border-radius:24px;padding:7px 13px;color:#683392}.track-line{position:absolute;left:0;right:0;bottom:65px;border-top:1px solid #cec0dd}.ground{position:absolute;bottom:0;height:65px;left:0;right:0;background:#ece4f5}.ground>span{position:absolute;left:24px;bottom:19px;font-size:12px;letter-spacing:1.5px;color:#7d6c8a;font-weight:650}.ticks{position:absolute;inset:0 0 auto;height:10px;background:repeating-linear-gradient(90deg,transparent 0,transparent 31px,#cdbbdd 31px,#cdbbdd 32px)}.catchy{position:absolute;left:0;bottom:55px;width:160px;height:160px;background:transparent;border:0;padding:0;cursor:pointer;transform-origin:50% 100%;will-change:transform;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.catchy img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;user-select:none}.catchy:focus-visible{outline:2px dashed #7935a8;outline-offset:-10px;border-radius:20px}.shadow{position:absolute;bottom:60px;left:0;width:76px;height:10px;border-radius:50%;background:#69468729;will-change:transform}.destination{position:absolute;bottom:58px;width:12px;height:12px;border:2px solid #b890cf;border-radius:50%;opacity:0;transition:opacity .2s;pointer-events:none}.toolbar{display:flex;align-items:center;gap:32px;padding:26px 0}.instructions{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#786c81;line-height:1.7;flex:1}.instructions strong{color:#3a2e45;font-size:16px;font-weight:650}.instruction-number{font-size:12px;color:#7935a8;border:1px solid #ddcee9;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;margin-top:3px}.jump-button{font-family:inherit;font-size:16px;font-weight:650;cursor:pointer;color:white;border:0;border-radius:12px;padding:15px 24px;background:#7935a8;box-shadow:0 4px 0 #562078;transition:background .15s,transform .15s}.jump-button:hover{background:#683091}.jump-button:active{transform:translateY(3px);box-shadow:0 1px 0 #562078}button:disabled{cursor:default}.jump-button:disabled{opacity:.5}footer{padding:20px 0 28px;border-top:1px solid #e8e1ef;display:flex;justify-content:space-between;gap:16px;color:#807488;font-size:13px;line-height:1.6}kbd{font-family:inherit;border:1px solid #ded6e6;border-radius:4px;padding:1px 5px;background:white}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#load-error{position:absolute;inset:100px 24px auto;background:white;padding:20px;border-radius:10px;color:#9c244a}@media(max-width:650px){main{width:calc(100% - 32px)}header{padding:20px 0}.edition,.control-hint{display:none}.intro{padding:30px 0 24px}h1{letter-spacing:-1px}.lead{font-size:16px}.stage{height:350px;border-radius:18px}.stage-top{inset:18px 16px auto}.toolbar{gap:18px;flex-wrap:wrap}.instructions{flex:1 1 40%}.jump-button{width:100%}footer{flex-direction:column;gap:6px}.ground>span{font-size:11px;letter-spacing:1px;left:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}