.learn{position:fixed;inset:0;z-index:12;pointer-events:none}body:is(.is-intro,.is-cut,.is-paused) .learn{visibility:hidden}.ln{position:fixed;left:0;top:0;opacity:0;filter:blur(4px);transition:opacity .45s ease,filter .45s var(--ease),scale .5s var(--ease)}.ln.is-on{opacity:1;filter:none}.ln.is-off{transition-duration:.3s}.ln.is-done{scale:1.08;transition:opacity .55s ease .35s,filter .55s ease .35s,scale .6s var(--ease)}.ln.is-done kbd{animation:none!important;border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 6px #ffffff29,0 0 22px #fff9}.ln-anchor{display:flex;align-items:center;gap:8px;translate:-100% -50%}.learn kbd{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid rgba(255,255,255,.6);border-radius:6px;background:#080b0f8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:600 12px/1 var(--mono);color:#fff;box-shadow:0 6px 18px #00000059;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .3s ease}@keyframes lnPress{0%,14%,58%,to{transform:none;border-color:#fff9;background:#080b0f8c;color:#fff;box-shadow:0 0 #fff0,0 0 16px #ffffff38,0 6px 18px #00000059}20%,52%{transform:translateY(1.5px) scale(.95);border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 6px #ffffff24,0 0 22px #ffffff8c}}.ln-throttle{flex-direction:column;gap:4px}.ln-throttle kbd{animation:lnPress 2.6s var(--ease) infinite}.ln-up{width:9px;height:9px;transform:rotate(45deg);border-top:2px solid #fff;border-left:2px solid #fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.8));animation:lnRise 2.6s ease-out infinite}@keyframes lnRise{0%,18%{opacity:0;transform:translateY(6px) rotate(45deg)}34%{opacity:1}58%,to{opacity:0;transform:translateY(-8px) rotate(45deg)}}.ln-dial svg{display:block;width:100%;height:100%;overflow:visible}.ln-dial path{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-dasharray:0 130;filter:drop-shadow(0 0 5px rgba(255,255,255,.9));animation:lnSweep 2.6s var(--ease) infinite}@keyframes lnSweep{0%,18%{stroke-dasharray:0 130;opacity:0}24%{opacity:.75}54%{stroke-dasharray:30 130;opacity:.75}78%,to{stroke-dasharray:30 130;opacity:0}}.ln-dial.is-done path{animation:lnAnswer .9s var(--ease) both}@keyframes lnAnswer{0%{stroke-dasharray:30 130;opacity:.8}55%{stroke-dasharray:100 130;opacity:.7}to{stroke-dasharray:100 130;opacity:0}}.ln-steer{flex-direction:column;gap:6px}.ln-steer>span{display:flex;gap:14px}.ln-wheel{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(0,0,0,.4));animation:lnRock 3s ease-in-out infinite}@keyframes lnRock{0%,to{transform:rotate(0)}25%{transform:rotate(-40deg)}75%{transform:rotate(40deg)}}.ln-steer .ln-a{animation:lnLitA 3s ease-in-out infinite}.ln-steer .ln-d{animation:lnLitD 3s ease-in-out infinite}@keyframes lnLitA{0%,6%,44%,to{border-color:#fff9;background:#080b0f8c;color:#fff;box-shadow:0 6px 18px #00000059}14%,36%{border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 5px #ffffff24,0 0 20px #ffffff80}}@keyframes lnLitD{0%,56%,94%,to{border-color:#fff9;background:#080b0f8c;color:#fff;box-shadow:0 6px 18px #00000059}64%,86%{border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 5px #ffffff24,0 0 20px #ffffff80}}.ln-cam{flex-direction:column;gap:9px;translate:-50% 0}.ln-frame{position:relative;padding:8px}.ln-frame>i{position:absolute;width:9px;height:9px;border:0 solid rgba(255,255,255,.85);animation:lnFocus 3.6s var(--ease) infinite}.ln-frame>i:nth-child(1){left:0;top:0;border-width:1.5px 0 0 1.5px;--x: 3px;--y: 3px}.ln-frame>i:nth-child(2){right:0;top:0;border-width:1.5px 1.5px 0 0;--x: -3px;--y: 3px}.ln-frame>i:nth-child(3){left:0;bottom:0;border-width:0 0 1.5px 1.5px;--x: 3px;--y: -3px}.ln-frame>i:nth-child(4){right:0;bottom:0;border-width:0 1.5px 1.5px 0;--x: -3px;--y: -3px}@keyframes lnFocus{0%,4%,16%,37%,49%,70%,82%,to{transform:none;border-color:#ffffffd9}8%,12%,41%,45%,74%,78%{transform:translate(var(--x),var(--y));border-color:#fff}}.ln-cam kbd{animation:lnTap3 3.6s var(--ease) infinite}@keyframes lnTap3{0%,4%,16%,37%,49%,70%,82%,to{transform:none;border-color:#fff9;background:#080b0f8c;color:#fff;box-shadow:0 6px 18px #00000059}8%,12%,41%,45%,74%,78%{transform:translateY(1.5px) scale(.95);border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 5px #ffffff24,0 0 20px #ffffff80}}.ln-pips{display:flex;gap:5px}.ln-pips u{width:5px;height:5px;border-radius:50%;background:#ffffff40;box-shadow:0 1px 2px #00000080}.ln-pips u:nth-child(1){animation:lnPip1 3.6s steps(1) infinite}.ln-pips u:nth-child(2){animation:lnPip2 3.6s steps(1) infinite}.ln-pips u:nth-child(3){animation:lnPip3 3.6s steps(1) infinite}@keyframes lnPip1{0%,8%{background:#ffffff40}9%,41%{background:#fff}42%,to{background:#ffffff40}}@keyframes lnPip2{0%,41%{background:#ffffff40}42%,74%{background:#fff}75%,to{background:#ffffff40}}@keyframes lnPip3{0%,8%{background:#fff}9%,74%{background:#ffffff40}75%,to{background:#fff}}.keys .is-shown{opacity:1!important}.ln-ping>i{position:absolute;left:-14px;top:-14px;width:28px;height:28px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 12px #ffffffb3,inset 0 0 8px #fff6;animation:lnRing 1.8s ease-out infinite}.ln-ping>i+i{animation-delay:.9s}@keyframes lnRing{0%{transform:scale(.45);opacity:.95}to{transform:scale(2.2);opacity:0}}.ln-ping.is-prompt>i{left:-17px;top:-17px;width:34px;height:34px}.prompt.is-learn:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;animation:lnGlow 1.8s ease-in-out infinite}@keyframes lnGlow{0%,to{box-shadow:0 0 #fff0,0 0 14px #fff3}50%{box-shadow:0 0 0 5px #ffffff24,0 0 30px #ffffff73}}.ln-chev{position:absolute;left:-32px;top:-32px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#ffffff4d,#fff0 68%);transform:rotate(var(--a, 0rad));transition:transform .35s var(--ease)}.ln-chev:before{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -12px;border-top:3px solid #fff;border-right:3px solid #fff;border-radius:2px;transform:rotate(45deg);filter:drop-shadow(0 0 5px rgba(255,255,255,.9));animation:lnNudge 1.4s ease-in-out infinite}@keyframes lnNudge{50%{translate:6px 0}}.ln-way.is-there .ln-chev{transform:translateY(-34px) rotate(90deg)}.keys .is-shine{opacity:1!important}.keys .is-shine kbd{animation:lnShine 1.5s ease-out calc(var(--ln-i, 0) * .25s) 2 both}.keys .is-shine b{animation:lnShineText 1.5s ease-out calc(var(--ln-i, 0) * .25s) 2 both}@keyframes lnShine{0%{box-shadow:0 0 #fff9}25%{border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 4px #fff3,0 0 16px #ffffffb3}to{box-shadow:0 0 0 10px #fff0}}@keyframes lnShineText{25%{color:#fff}}.ln-walk,.ln-run,.ln-look{translate:-50% -50%}.ln-walk{flex-direction:column;gap:5px}.ln-walk>span{display:flex;gap:5px}.ln-walk>span kbd{opacity:.55}.ln-walk .ln-w{animation:lnPress 1.3s ease-in-out infinite}.ln-run .ln-shift{padding:0 12px;animation:lnHold 2.6s var(--ease) infinite}.ln-run .ln-w{animation:lnPress .65s ease-in-out .35s infinite}.ln-plus{position:relative;width:9px;height:9px}.ln-plus:before,.ln-plus:after{content:"";position:absolute;left:0;top:4px;width:9px;height:1.5px;background:#fff9}.ln-plus:after{transform:rotate(90deg)}@keyframes lnHold{0%,10%,92%,to{border-color:#fff9;background:#080b0f8c;color:#fff;box-shadow:0 6px 18px #00000059}16%,86%{border-color:#fff;background:#fff;color:#111;box-shadow:0 0 0 5px #ffffff24,0 0 20px #ffffff80}}.ln-streak{display:grid;gap:4px;width:22px}.ln-streak u{height:1.5px;border-radius:1px;background:linear-gradient(90deg,#ffffffe6,#fff0);animation:lnStreak .65s linear infinite}.ln-streak u:nth-child(2){width:70%;margin-left:6px;animation-delay:-.2s}.ln-streak u:nth-child(3){width:85%;animation-delay:-.4s}@keyframes lnStreak{0%{transform:translate(-6px);opacity:0}40%{opacity:1}to{transform:translate(10px);opacity:0}}.ln-look{gap:12px}.ln-mouse{width:26px;height:36px;fill:#080b0f80;stroke:#fff;stroke-width:1.5;stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7));animation:lnSway 2.8s ease-in-out infinite}.ln-mouse path{stroke:#fff}@keyframes lnSway{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-18px) rotate(-6deg)}75%{transform:translate(18px) rotate(6deg)}}.ln-arr{width:9px;height:9px;border-top:2px solid #fff;border-left:2px solid #fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.8));opacity:.25}.ln-arr.is-l{transform:rotate(-45deg);animation:lnArrL 2.8s ease-in-out infinite}.ln-arr.is-r{transform:rotate(135deg);animation:lnArrR 2.8s ease-in-out infinite}@keyframes lnArrL{15%,35%{opacity:1}0%,50%,to{opacity:.25}}@keyframes lnArrR{65%,85%{opacity:1}0%,50%,to{opacity:.25}}.ln-crouch,.ln-jump{translate:-50% -50%;flex-direction:column;gap:6px}.ln-crouch kbd{animation:lnPress 1.3s ease-in-out infinite}.ln-jump kbd{padding:0 24px;animation:lnPress 1.1s ease-in-out infinite}.ln-crouch .ln-arr{transform:rotate(-135deg);animation:lnArrDown 1.3s ease-in-out infinite}.ln-jump .ln-arr{order:-1;transform:rotate(45deg);animation:lnArrUp 1.1s ease-in-out infinite}@keyframes lnArrDown{0%,30%{opacity:.25;translate:0 -3px}55%{opacity:1;translate:0 3px}to{opacity:.25;translate:0 3px}}@keyframes lnArrUp{0%,30%{opacity:.25;translate:0 3px}55%{opacity:1;translate:0 -4px}to{opacity:.25;translate:0 -4px}}.ln-pad{border-radius:16px;box-shadow:0 0 0 2px #ffffffe6,0 0 24px #fff6;animation:lnBreathe 2.4s ease-in-out infinite}@keyframes lnBreathe{50%{box-shadow:0 0 0 2px #ffffff80,0 0 12px #fff3}}.ln-finger{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:radial-gradient(circle,#ffffff80,#ffffff2e 70%);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #080b0f59,0 2px 10px #00000073,0 0 18px #ffffff59}.ln-pad-v .ln-finger{animation:lnFingerUp 2.4s var(--ease) infinite}@keyframes lnFingerUp{0%{top:80%;opacity:0;scale:1.2}14%{top:80%;opacity:1;scale:1}24%{top:80%;scale:.86}62%{top:24%;opacity:1;scale:.86}76%,to{top:24%;opacity:0;scale:1.15}}.ln-pad-h .ln-finger{animation:lnFingerLR 3s ease-in-out infinite}@keyframes lnFingerLR{0%{left:25%;opacity:0;scale:1.2}8%{left:25%;opacity:1;scale:1}14%,38%{left:25%;scale:.86}44%{left:25%;opacity:1;scale:1}50%{left:75%;opacity:1;scale:1}58%,84%{left:75%;scale:.86}92%,to{left:75%;opacity:0;scale:1.15}}.ln-steer.is-wheel{translate:-100% -50%}.ln-drag .ln-finger{animation:lnFingerDrag 2.8s ease-in-out infinite}.ln-trail{position:absolute;left:-60px;top:-1px;width:120px;height:2px;border-radius:1px;background:linear-gradient(90deg,#fff0,#fff,#fff0);filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}@keyframes lnFingerDrag{0%{left:-60px;opacity:0;scale:1.2}12%{left:-60px;opacity:1;scale:.86}62%{left:60px;opacity:1;scale:.86}76%,to{left:60px;opacity:0;scale:1.15}}@media(max-height:520px){.learn kbd{min-width:26px;height:26px;font-size:11px}.ln-wheel{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.learn *,.learn *:before,.learn *:after,.prompt.is-learn:after,.keys .is-shine kbd,.keys .is-shine b{animation:none!important}.ln{filter:none;transition:opacity .2s ease}.learn kbd{border-color:#fff;box-shadow:0 0 0 4px #ffffff24,0 0 16px #fff6}.ln-dial path{stroke-dasharray:30 130;opacity:.55}.ln-up,.ln-arr{opacity:1}.ln-pad-v .ln-finger{top:55%}.ln-pad-h .ln-finger{left:25%}.keys .is-shine kbd{border-color:#fff;box-shadow:0 0 12px #fff9}}