.mascote{-webkit-tap-highlight-color:transparent;flex-shrink:0;display:block;overflow:visible}.mascote .m-squish{transform-box:view-box;transform-origin:60px 106px}.mascote .m-look{transition:transform .14s cubic-bezier(.3,.7,.3,1)}.mascote .m-blink,.mascote .m-eye,.mascote .m-spin,.mascote .m-wear,.mascote .m-shadow{transform-box:fill-box;transform-origin:50%}.mascote .m-wear{transition:transform .3s cubic-bezier(.3,1.4,.5,1)}.mascote .m-blink{transition:transform 70ms ease-in}.mascote .m-blink.m-blinking{transform:scaleY(.08)}.mascote .m-eye{animation:.18s cubic-bezier(.3,1.6,.5,1) both m-eye-in}@keyframes m-eye-in{0%{transform:scale(.6,.2)}to{transform:none}}.mascote .m-scanning{transform-box:view-box}.mascote.m-scan-slow .m-scanning{animation:2.4s cubic-bezier(.6,0,.4,1) infinite m-scan}.mascote.m-scan-fast .m-scanning{animation:1.1s cubic-bezier(.6,0,.4,1) infinite m-scan}@keyframes m-scan{0%,to{transform:translate(-6px)}40%,50%{transform:translate(6px,.5px)}90%{transform:translate(-6px)}}.mascote .m-spin{animation:1.3s linear infinite m-spin}@keyframes m-spin{to{transform:rotate(360deg)}}.mascote .m-squish-0,.mascote .m-squish-1{animation:.55s cubic-bezier(.2,.9,.3,1) m-poke}.mascote .m-squish-1{animation-name:m-poke2}@keyframes m-poke{0%{transform:scale(1)}18%{transform:scale(1.1,.86)}45%{transform:scale(.96,1.05)}70%{transform:scale(1.02,.98)}to{transform:scale(1)}}@keyframes m-poke2{0%{transform:scale(1)}18%{transform:scale(1.1,.86)}45%{transform:scale(.96,1.05)}70%{transform:scale(1.02,.98)}to{transform:scale(1)}}.mascote:not(.m-still){cursor:pointer}.mascote .m-lean,.mascote .m-act,.mascote .m-life,.mascote .m-shadows{transform-box:view-box;transform-origin:60px 106px}.mascote .m-lean{transition:transform .5s cubic-bezier(.3,.7,.3,1)}.mascote .m-life{animation:3.6s ease-in-out infinite m-breathe}@keyframes m-breathe{0%,to{transform:scale(1)}50%{transform:scale(.988,1.022)}}.mascote.m-walk .m-life{animation:.46s cubic-bezier(.4,0,.6,1) infinite m-walk}@keyframes m-walk{0%,to{transform:translateY(0)scale(1.05,.95)}20%{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(.97,1.04)}80%{transform:translateY(0)scale(1)}}.mascote.m-walk .m-shadows{animation:.46s cubic-bezier(.4,0,.6,1) infinite m-walk-shadow}@keyframes m-walk-shadow{0%,to{transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.mascote .m-hand{transform-box:fill-box;transform-origin:50%;opacity:0;transform:translate(0)scale(.2)}.mascote .m-waving .m-hand-r{animation:1.7s cubic-bezier(.3,.7,.3,1) both m-wave-r}.mascote .m-waving .m-hand-l{animation:1.7s ease-out both m-wave-l}@keyframes m-wave-r{0%{opacity:0;transform:translate(-10px)scale(.3)}13%{opacity:1;transform:translate(12px,-36px)rotate(-22deg)scale(1.1)}25%{transform:translate(16px,-40px)rotate(20deg)scale(1.1)}37%{transform:translate(12px,-36px)rotate(-20deg)scale(1.1)}49%{transform:translate(16px,-40px)rotate(20deg)scale(1.1)}61%{transform:translate(12px,-36px)rotate(-16deg)scale(1.1)}74%{opacity:1;transform:translate(14px,-38px)rotate(8deg)scale(1.1)}to{opacity:0;transform:translate(-10px)scale(.3)}}@keyframes m-wave-l{0%{opacity:0;transform:translate(10px)scale(.3)}16%,76%{opacity:1;transform:translate(-5px,-3px)scale(1)}to{opacity:0;transform:translate(10px)scale(.3)}}.mascote.m-still *,.mascote.m-still{animation:none!important}@media (prefers-reduced-motion:reduce){.mascote *,.mascote{transition:none!important;animation:none!important}}.mascote-stroll{left:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;pointer-events:none;will-change:transform;position:fixed}.mascote-stroll-body{pointer-events:auto;-webkit-user-select:none;user-select:none;display:block}@media (width<=767px){.mascote-stroll{bottom:calc(84px + env(safe-area-inset-bottom))}}.mascote-badge{appearance:none;cursor:pointer;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;margin:-4px 0;padding:0;transition:transform .15s;display:grid}.mascote-badge:active{transform:scale(.92)}.mascote-stage{color:#9a9aa4;background:radial-gradient(60% 70% at 50% 45%,#2a2a30 0%,#141416 70%,#0e0e10 100%);place-items:center;margin:-16px -16px 14px;padding:18px 0 10px;display:grid;position:relative;overflow:hidden}.mascote-stage:after{content:"";background:var(--border);height:1px;position:absolute;inset:auto 0 0}.mascote-stage-label{text-align:center;color:#d8d8de;letter-spacing:.01em;margin-top:10px;font-size:13px;font-weight:600}.mascote-stage-label small{text-align:center;color:#8d8d96;font-size:11.5px;font-weight:450;display:block}.mascote-section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 8px;font-size:12px;font-weight:650}.mascote-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}@media (width<=767px){.mascote-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mascote-tile{border-radius:14px}.mascote-tile-label{font-size:9.5px}}.mascote-tile{appearance:none;cursor:pointer;color:#9a9aa4;font:inherit;background:linear-gradient(#1c1c20,#141417);border:1px solid #26262b;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:6px 4px 8px;transition:transform .12s,border-color .12s,box-shadow .12s;display:flex}.mascote-tile:hover{border-color:#3a3a42}.mascote-tile:active{transform:scale(.95)}.mascote-tile.active{border-color:#d8d8de;box-shadow:inset 0 0 0 1px #d8d8de,0 6px 18px #00000040}.mascote-tile-art{place-items:center;height:70px;display:grid}.mascote-tile-label{font-family:var(--mono);color:#a6a6b0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;overflow:hidden}.mascote-tile.active .mascote-tile-label{color:#f1f1f4}.mascote-none{color:#55555e;place-items:center;height:62px;font-size:22px;display:grid}:root[data-theme=light] .mascote-stage{background:radial-gradient(60% 70% at 50% 45%,#f4f4f1 0%,#e6e6e2 70%,#dcdcd7 100%)}:root[data-theme=light] .mascote-stage-label{color:#2a2a2a}:root[data-theme=light] .mascote-stage-label small{color:#74746f}:root[data-theme=light] .mascote-tile{border-color:var(--border);background:linear-gradient(#f1f1ee,#e7e7e3)}:root[data-theme=light] .mascote-tile:hover{border-color:var(--border-2)}:root[data-theme=light] .mascote-tile.active{border-color:#141414;box-shadow:inset 0 0 0 1px #141414,0 6px 18px #00000014}:root[data-theme=light] .mascote-tile-label{color:#74746f}:root[data-theme=light] .mascote-tile.active .mascote-tile-label{color:#141414}:root[data-theme=light] .mascote-none{color:#b0b0aa}.mascote.m-small:not(.m-walk) .m-life{animation:none}.mascote{shape-rendering:geometricprecision}
