.fbar{z-index:2;left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem);bottom:max(1rem, env(safe-area-inset-bottom,0px));color:#f4efe6;text-align:center;pointer-events:none;padding-top:.8rem;position:absolute}.fbar:before{content:"";background:#ffffff4d;width:min(44rem,58%);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.fbar--tok{z-index:20;position:fixed}.fbar__hint{justify-items:center;margin:0;display:grid}.fbar__turn{letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 4px #0006;align-items:center;gap:.7rem;font-size:.52rem;font-weight:600;line-height:1.5;display:inline-flex}.hero:not(.has-pano) .fbar--pano .fbar__turn{visibility:hidden}.fbar__text{white-space:nowrap;animation:2.8s ease-in-out infinite cue-breathe}.fbar__hp{display:none}@media (pointer:coarse){.fbar__hp{display:inline}.fbar__desk{display:none}}.fbar__arrow{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 2px #00000059);opacity:.1;flex:none;width:1.6rem;height:.6rem}.fbar__arrow--l{animation:2.8s cubic-bezier(.45,0,.3,1) infinite pano-left}.fbar__arrow--r{animation:2.8s cubic-bezier(.45,0,.3,1) infinite pano-right}.hero.has-turned .fbar__arrow{animation-play-state:paused}@keyframes pano-left{0%{opacity:0;transform:translate(4px)}35%{opacity:.65}75%,to{opacity:0;transform:translate(-8px)}}@keyframes pano-right{0%{opacity:0;transform:translate(-4px)}35%{opacity:.65}75%,to{opacity:0;transform:translate(8px)}}@keyframes tok-up{0%{opacity:0;transform:translateY(3px)}35%{opacity:.65}75%,to{opacity:0;transform:translateY(-4px)}}@keyframes cue-breathe{0%,to{opacity:.62}50%{opacity:.25}}@keyframes cue-breathe-soft{0%,to{opacity:.5}50%{opacity:.2}}.fbar__slot,.fbar__stack{place-items:center;display:inline-grid}.fbar__slot{width:1.6rem}.fbar__slot>*,.fbar__stack>*{grid-area:1/1}.fbar__arrow--up{width:.6rem}.fbar__stack .fbar__swap-a{animation:9s ease-in-out infinite swap-a}.fbar__stack .fbar__swap-b{animation:9s ease-in-out infinite swap-b}.fbar__arrow--up.fbar__swap-a{animation:2.8s cubic-bezier(.45,0,.3,1) infinite tok-up,9s linear infinite swap-show-a}.fbar__arrow--l.fbar__swap-b{animation:2.8s cubic-bezier(.45,0,.3,1) infinite pano-left,9s linear infinite swap-show-b}.fbar__arrow--r.fbar__swap-b{animation:2.8s cubic-bezier(.45,0,.3,1) infinite pano-right,9s linear infinite swap-show-b}@keyframes swap-a{0%,44%{opacity:1}50%,94%{opacity:0}to{opacity:1}}@keyframes swap-b{0%,44%{opacity:0}50%,94%{opacity:1}to{opacity:0}}@keyframes swap-show-a{0%,47%{visibility:visible}47.01%,97%{visibility:hidden}97.01%,to{visibility:visible}}@keyframes swap-show-b{0%,47%{visibility:hidden}47.01%,97%{visibility:visible}97.01%,to{visibility:hidden}}@media (width<=47.99rem){.fbar{bottom:max(.9rem, env(safe-area-inset-bottom,0px));padding-top:.75rem}.fbar:before{width:86%}.fbar__turn{letter-spacing:.1em;gap:.4rem;font-size:min(.39rem,2.27273vw - .127273rem)}.fbar__text{animation-name:cue-breathe-soft}.fbar__arrow,.fbar__slot{width:.9rem}.fbar__arrow--up{width:.5rem}}
