/* The approved playful menu, without increasing the surrounding panels. */
body .main-nav{background:linear-gradient(135deg,#ffffffed,#fff9fff0);border:1px solid #fff;box-shadow:0 5px 24px #42266228,inset 0 1px 0 #fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);isolation:isolate;gap:2px}
body .main-nav button{position:relative;overflow:visible;border-radius:15px;color:#573376;font-weight:750;transition:background .2s,color .2s,box-shadow .2s}
body .main-nav button>span{position:relative;z-index:1;line-height:1.12;white-space:normal;text-align:center}
body .main-nav button.active,body .main-nav button[aria-current=page]{background:linear-gradient(150deg,#f4eaff,#ead9fb);color:#7022b5;box-shadow:inset 0 1px 0 #fff,0 2px 10px #8c45bd12}
body .main-nav svg.lively-icon{width:43px;height:43px;flex:none;overflow:visible;filter:drop-shadow(0 2px 1px #5f28861c)}
.lively-icon *{transform-box:view-box}.nav-gear{transform-origin:44px 43px;animation:nav-gear-turn 12s ease-in-out infinite}.nav-wave-arm{transform-origin:10px 12px;animation:nav-wave 6s ease-in-out infinite;animation-delay:var(--delay,0s)}.nav-friend{animation:nav-hello 6s ease-in-out infinite;animation-delay:var(--delay,0s)}.nav-orbit{transform-origin:44px 44px;animation:nav-orbit 18s linear infinite}.nav-group-face{animation:nav-float 7s ease-in-out infinite}.nav-group-two{animation-delay:-1.7s}.nav-group-three{animation-delay:-3.4s}.nav-group-four{animation-delay:-5.1s}.nav-dancer{transform-origin:44px 77px;animation:nav-dance 6s ease-in-out infinite}.nav-leg-left{transform-origin:38px 57px;animation:nav-kick 6s ease-in-out infinite}.nav-leg-right{transform-origin:49px 57px;animation:nav-kick 6s ease-in-out -.3s infinite}.nav-dance-arm{transform-origin:32px 38px;animation:nav-dance-arm 6s ease-in-out infinite}.nav-music{animation:nav-notes 6s ease-in-out infinite}.nav-info-pulse{transform-origin:44px 44px;animation:nav-pulse 5s ease-in-out infinite}.main-nav .nav-tap .lively-icon{animation:nav-tap .65s ease-out}
@keyframes nav-gear-turn{0%,65%{transform:rotate(0)}85%,100%{transform:rotate(180deg)}}
@keyframes nav-wave{0%,65%,100%{transform:rotate(0)}72%,86%{transform:rotate(-24deg)}79%,93%{transform:rotate(12deg)}}
@keyframes nav-hello{0%,65%,100%{transform:translateY(0)}79%{transform:translateY(-3px)}}
@keyframes nav-orbit{to{transform:rotate(360deg)}}
@keyframes nav-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes nav-dance{0%,55%,100%{transform:rotate(0) translateY(0)}64%,82%{transform:rotate(-7deg) translateY(-2px)}73%,91%{transform:rotate(7deg) translateY(-1px)}}
@keyframes nav-kick{0%,55%,100%{transform:rotate(0)}64%,82%{transform:rotate(-20deg)}73%,91%{transform:rotate(12deg)}}
@keyframes nav-dance-arm{0%,55%,100%{transform:rotate(0)}65%,85%{transform:rotate(20deg)}75%,95%{transform:rotate(-12deg)}}
@keyframes nav-notes{0%,50%,100%{opacity:.15;transform:translateY(1px)}70%,85%{opacity:1;transform:translateY(-3px)}}
@keyframes nav-pulse{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.04);opacity:.9}}
@keyframes nav-tap{0%,100%{transform:scale(1)}40%{transform:scale(1.12) translateY(-2px)}}
@media(max-width:700px){
 body .main-nav{padding:4px;border-radius:20px}
 body .main-nav button{min-height:62px;padding:0 1px 3px;gap:0;font-size:10px}
 body .main-nav svg.lively-icon{width:40px;height:40px}
 body .sheet-toggle{background:linear-gradient(115deg,#f7eefcea,#fffcf3ee)}
 body .sheet .sheet-action{background:linear-gradient(120deg,#8b35db,#aa79e9);border:1px solid #bd99e8;box-shadow:0 2px 10px #753da928}
 body .top-pills #share[aria-checked=true]{background:linear-gradient(115deg,#248653,#177649);border:1px solid #a1d6b8;box-shadow:0 2px 12px #246f4a26,inset 0 1px 0 #c7eed855}
 body .top-pills #share[aria-checked=true] #shareLabel::after{box-shadow:0 0 0 3px #c2a3e42b,0 1px 6px #371c6c30}
 body .top-pills #mapOptions{background:linear-gradient(145deg,#ffffffed,#f6eef9ee);border:1px solid #fff;box-shadow:0 2px 8px #4e286515;color:#4c286c;border-radius:14px}
 body #gamesOnlineButton{background:linear-gradient(120deg,#9140e4,#6223ac);box-shadow:inset 0 1px 0 #d5b0fc77,0 2px 7px #58298620}
 body .map-tools{background:#fffcfff0;border:1px solid #fff;box-shadow:0 3px 18px #48256528;backdrop-filter:blur(12px)}
 body #statsButton{flex:0 1 auto!important;min-width:90px;max-width:max-content;background:#fffcfff0;color:#694194;border:1px solid #dfcbf1;font-weight:700;border-radius:20px!important;padding:6px 12px!important}
 body header .profile-button{border-color:#ad7ce0;box-shadow:0 0 0 3px #f3e6ff99,0 2px 12px #67379924}
}
@media(max-width:360px){body .main-nav button{font-size:9px;min-height:58px}body .main-nav svg.lively-icon{width:36px;height:36px}}
.touchyou-paused .main-nav *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body .main-nav *,body .main-nav .nav-tap .lively-icon{animation:none!important;transition:none!important}}
/* Remove the redundant group/city caption above the logo. Keep its status for assistive readers. */
body #modeLabel.gps-status-label{position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;max-width:none!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;box-shadow:none!important}
@media(max-width:700px){body header,body.install-available header{min-height:72px;padding-top:8px;padding-bottom:8px}}