.mascot{display:none}@media (width>=1440px){.mascot{top:0;right:calc(50% + var(--frame) / 2);z-index:15;pointer-events:none;user-select:none;width:150px;display:block;position:fixed}}.mascot-rig{will-change:transform;width:100%;position:absolute;top:0;right:0}.mascot-rig:before,.mascot-rig:after,.mascot-twin:before,.mascot-twin:after{content:"";background:var(--accent);position:absolute}.mascot-rig:before,.mascot-twin:before{top:calc(var(--m-s) / 2);opacity:.6;width:16px;height:1px}.mascot-rig:after,.mascot-twin:after{top:calc(var(--m-s) / 2 - 1px);width:3px;height:3px}.mascot-rig:before{right:0}.mascot-rig:after{right:-2px}.mascot-twin:before{left:0}.mascot-twin:after{left:-2px}.mascot-unit{--m-w:1;--m-h:1;--m-red-o:0px;--m-amber-o:var(--m-o);width:calc(var(--m-s) + var(--m-o));height:calc(var(--m-s) + var(--m-o));position:absolute;top:0}.mascot-unit[data-pose=tall]{--m-h:var(--m-tall)}.mascot-unit[data-pose=wide]{--m-w:var(--m-wide)}.mascot-unit[data-swap]{--m-red-o:var(--m-o);--m-amber-o:0px}.mascot-bod{cursor:grab;pointer-events:auto;touch-action:none;right:16px}.mascot[data-fly=drag] .mascot-bod{cursor:grabbing}.mascot-ink{width:var(--m-s);height:var(--m-s);transform:translate(var(--io), var(--io)) scale(var(--m-w), var(--m-h));transition:transform var(--m-morph) var(--m-ease), background-color .3s;position:absolute;top:0;left:0}.mascot-red{--io:var(--m-red-o);z-index:1;background-color:var(--red)}.mascot-amber{--io:var(--m-amber-o);z-index:0;background-color:var(--accent)}.mascot-face{--io:0px;z-index:2}.mascot-unit[data-swap]>.mascot-red{z-index:0}.mascot-unit[data-swap]>.mascot-amber{z-index:1}.mascot[data-scene=gate] .mascot-bod>.mascot-red{background-color:var(--line-2)}.mascot[data-scene=gate] .mascot-bod>.mascot-amber{background-color:var(--line)}.mascot-eye{background:var(--on-primary);width:6px;height:7px;transition:transform .12s;position:absolute;top:7px}.mascot-eye:first-child{left:5px}.mascot-eye+.mascot-eye{left:13px}.mascot-eye b{background:var(--art-bg);width:3px;height:3px;transform:translate(var(--lx,1.5px), var(--ly,0px));transition:transform .15s;position:absolute;top:2px;left:1.5px}.mascot[data-fly] .mascot-bod .mascot-eye{transform:scale(1.1,1.35)}.mascot[data-squint] .mascot-eye{transform:scaleY(.4)}.mascot[data-blink] .mascot-eye,.mascot:is([data-asleep],[data-scene=footer]) .mascot-eye{transform:scaleY(.15)}.mascot[data-dizzy] .mascot-eye b{animation:.5s linear infinite mascot-orbit;transform:none}.mascot[data-dizzy] .mascot-eye+.mascot-eye b{animation-direction:reverse}.mascot-cap{top:calc(var(--m-s) + var(--m-o) + 16px);font:500 8.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;position:absolute;right:16px}.mascot-cap span{color:var(--accent-ink);display:none}.mascot-cap b{font-weight:500}.mascot-cap b[data-code]{letter-spacing:.02em;text-transform:none;color:var(--fg);font-size:9.5px}@media (width>=1500px){.mascot-cap span{display:inline}}.mascot-twin{--lx:-1.5px;top:0;left:calc(100% + var(--frame));width:150px;transform-origin:calc(16px + var(--m-s) / 2) calc(var(--m-s) / 2);display:none;position:absolute}.mascot-twin .mascot-unit{left:16px}.mascot-twin .mascot-cap{left:16px;right:auto}.mascot[data-twin] .mascot-twin{animation:mascot-pop .42s var(--m-ease) both;display:block}.mascot[data-twin=out] .mascot-twin{animation:.3s ease-in both mascot-unpop}.mascot-prop{display:none;position:absolute}.mascot[data-scene=models] .mascot-dots,.mascot[data-scene=linux] .mascot-keys{display:flex}.mascot[data-scene=gate] .mascot-lock,.mascot[data-scene=install] .mascot-arrow,.mascot:is([data-scene=faq],[data-scene=missing]) .mascot-ask,.mascot:is([data-asleep],[data-scene=footer]) .mascot-zz{display:block}.mascot[data-asleep] .mascot-prop:not(.mascot-zz){display:none}.mascot[data-away] .mascot-prop,.mascot-bod[data-hop]~:is(.mascot-dots,.mascot-ask,.mascot-zz){visibility:hidden}.mascot-dots{gap:3px;top:-11px;right:18px}.mascot-dots i{background:var(--muted);width:3px;height:3px}.mascot-dots i:nth-child(2){animation:1.2s step-end infinite mascot-dot-2}.mascot-dots i:nth-child(3){animation:1.2s step-end infinite mascot-dot-3}.mascot-keys{gap:2px;top:15px;right:52px}.mascot-keys i{border:1px solid var(--line-2);width:7px;height:5px;position:relative}.mascot-keys i:after{content:"";background:var(--red);opacity:0;animation:.6s step-end infinite mascot-key;position:absolute;inset:-1px}.mascot-keys i:nth-child(2):after{animation-delay:.2s}.mascot-keys i:nth-child(3):after{animation-delay:.4s}.mascot-lock{color:var(--red);top:7px;right:52px}.mascot-arrow{color:var(--red);animation:.9s ease-in-out infinite alternate mascot-bob;top:8px;right:52px}.mascot-arrow svg{display:block}.mascot-ask{font:400 20px/1 var(--serif);color:var(--accent-ink);animation:1.6s ease-in-out infinite mascot-wobble;top:-24px;right:21px}.mascot-zz{width:0;height:0;top:-4px;right:38px}.mascot-zz i{font:500 10px/1 var(--mono);color:var(--muted);opacity:0;font-style:normal;animation:2.4s ease-out infinite mascot-float;position:absolute;bottom:0;right:0}.mascot-zz i+i{animation-delay:1.2s}.mascot[data-scene=linux] .mascot-bod{animation:.2s step-end infinite alternate mascot-type}.mascot[data-asleep] .mascot-bod{animation:none}.mascot[data-dizzy] .mascot-bod{animation:.5s ease-in-out infinite mascot-wobble}.mascot .mascot-unit[data-hop]{animation:.6s ease-in-out mascot-hop}.mascot .mascot-unit[data-shake]{animation:.42s linear mascot-shake}@keyframes mascot-dot-2{0%{opacity:0}33.33%{opacity:1}}@keyframes mascot-dot-3{0%{opacity:0}66.67%{opacity:1}}@keyframes mascot-key{0%{opacity:1}33%{opacity:0}}@keyframes mascot-type{to{translate:0 1px}}@keyframes mascot-bob{to{translate:0 3px}}@keyframes mascot-wobble{0%,to{rotate:-10deg}50%{rotate:10deg}}@keyframes mascot-float{0%{opacity:0;translate:0}30%{opacity:1}to{opacity:0;translate:-10px -20px}}@keyframes mascot-hop{0%,18%{translate:0}50%{translate:0 -22px}78%,to{translate:0}}@keyframes mascot-shake{0%,to{translate:0}20%,60%{translate:-3px}40%,80%{translate:3px}}@keyframes mascot-orbit{0%,to{translate:-1.5px -2px}25%{translate:1.5px -2px}50%{translate:1.5px 2px}75%{translate:-1.5px 2px}}@keyframes mascot-pop{0%{translate:0 12px;scale:0}}@keyframes mascot-unpop{to{translate:0 12px;scale:0}}@media (prefers-reduced-motion:reduce){.mascot-ink,.mascot-eye,.mascot-eye b{transition:none}.mascot[data-scene] .mascot-unit,.mascot[data-twin] .mascot-twin,.mascot[data-dizzy] .mascot-eye b,.mascot-dots i,.mascot-keys i:after,.mascot-arrow,.mascot-ask,.mascot-zz i{animation:none}.mascot[data-dizzy] .mascot-eye b{transform:translate(var(--lx,1.5px), var(--ly,0px))}.mascot-zz i{opacity:1}.mascot-zz i+i{translate:-6px -8px}}