.game-container{position:relative;overflow:hidden;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100)}@supports (height: 100dvh){.game-container{height:100dvh}}@media (max-width: 768px){.runner{transform:scale(1.5)}.game-container{overflow-y:hidden}}.chasm{background:linear-gradient(180deg,#000c,#191919)}.cliff{background:linear-gradient(180deg,#8b4513,sienna);box-shadow:inset 0 -10px 20px #0000004d}.teeter-totter{background:linear-gradient(90deg,#6e6e6e,#a0a0a0,#6e6e6e);box-shadow:0 4px 8px #00000080;border-radius:2px}.assembly-piece{background:linear-gradient(90deg,#6e6e6e,#a0a0a0,#6e6e6e);box-shadow:0 2px 4px #0000004d;border-radius:2px;opacity:0;animation:fadeIn .5s forwards}.prize{background:radial-gradient(circle,#ff9d00,#ff6a00);box-shadow:0 0 10px #ffa500b3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes throb{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}[data-paused=true] .runner,[data-paused=true] .runner *,[data-paused=true] .runner *:before,[data-paused=true] .runner *:after,[data-paused=true] .assembly-piece,[data-paused=true] .teeter-totter{animation-play-state:paused!important}.paused-alert .chakra-alert__icon{animation:throb 1.5s ease-in-out infinite}@media (max-width: 768px){.teeter-totter,.assembly-piece{height:8px}}.runner{--color: rgb(138, 156, 249);--duration: .8s;position:absolute;transform:scale(2);filter:drop-shadow(0 0 1px white) drop-shadow(0 0 1px white);z-index:20}.runner.running .outer{animation:outer var(--duration) linear infinite}.runner.running .body{animation:body var(--duration) linear infinite}.runner .body{background:var(--color);height:15px;width:8px;border-radius:4px;transform-origin:4px 11px;position:relative;transform:rotate(0)}.runner .body:before{content:"";width:8px;height:8px;border-radius:4px;bottom:16px;left:0;position:absolute;background:var(--color)}.runner .arm,.runner .arm:before,.runner .leg,.runner .leg:before{content:"";width:var(--w, 11px);height:4px;top:var(--t, 0);left:var(--l, 2px);border-radius:2px;transform-origin:2px 2px;position:absolute;background:var(--c, var(--color));transform:rotate(var(--r, 0deg));animation:var(--name, arm-leg) var(--duration) linear infinite}.runner .arm:before{--l: 7px;--name: arm-b}.runner .arm.front{--r: 24deg;--r-to: 164deg}.runner .arm.front:before{--r: -48deg;--r-to: -36deg}.runner .arm.behind{--r: 164deg;--r-to: 24deg}.runner .arm.behind:before{--r: -36deg;--r-to: -48deg}.runner .leg{--w: 12px;--t: 11px}.runner .leg:before{--t: 0;--l: 8px}.runner .leg.front{--r: 10deg;--r-to: 108deg}.runner .leg.front:before{--r: 18deg;--r-to: 76deg}.runner .leg.behind{--r: 108deg;--r-to: 10deg;--c: none}.runner .leg.behind:before{--c: var(--color);--r: 76deg;--r-to: 18deg}.runner .leg.behind:after{content:"";top:0;right:0;height:4px;width:6px;clip-path:polygon(2px 0,6px 0,6px 4px,0 4px);border-radius:0 2px 2px 0;position:absolute;background:var(--color)}@keyframes outer{50%{transform:translateY(0)}25%,75%{transform:translateY(4px)}}@keyframes body{50%{transform:rotate(16deg)}25%,75%{transform:rotate(24deg)}}@keyframes arm-leg{50%{transform:rotate(var(--r-to))}}@keyframes arm-b{30%,70%{transform:rotate(var(--r-to))}}.runner.flailing .outer{animation:none}.runner.flailing .body{animation:flail-body .5s linear infinite}.runner.flailing .arm.front{--r: 90deg;animation:flail-limb .5s linear infinite}.runner.flailing .arm.behind{--r: -90deg;animation:flail-limb .5s linear infinite}.runner.flailing .leg.front{--r: 45deg;animation:flail-limb .5s linear infinite}.runner.flailing .leg.behind{--r: -45deg;animation:flail-limb .5s linear infinite}@keyframes flail-body{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}@keyframes flail-limb{0%,to{transform:rotate(var(--r))}50%{transform:rotate(calc(var(--r) * -1))}}.runner.waiting .outer{animation:wait-outer 1.2s linear infinite}.runner.waiting .body{animation:wait-body 1.2s linear infinite}.runner.waiting .arm.front{--r: 15deg;--r-to: 30deg;animation:wait-limb 1.2s linear infinite}.runner.waiting .arm.behind{--r: 160deg;--r-to: 175deg;animation:wait-limb 1.2s linear infinite}.runner.waiting .leg.front{--r: 5deg;--r-to: 15deg;animation:wait-limb 1.2s linear infinite}.runner.waiting .leg.behind{--r: 100deg;--r-to: 110deg;animation:wait-limb 1.2s linear infinite}@keyframes wait-outer{50%{transform:translateY(2px)}}@keyframes wait-body{50%{transform:rotate(8deg)}}@keyframes wait-limb{50%{transform:rotate(var(--r-to))}}.teeter-totter{height:12px;background-color:#505050;border-radius:6px;box-shadow:0 2px 4px #0000004d}.runner.sliding .outer{animation:slide-outer .5s linear infinite}.runner.sliding .body{animation:slide-body .5s linear infinite}.runner.sliding .arm.front{--r: 160deg;animation:slide-limb .5s linear infinite}.runner.sliding .arm.behind{--r: 20deg;animation:slide-limb .5s linear infinite}.runner.sliding .leg.front{--r: 150deg;animation:slide-limb .5s linear infinite}.runner.sliding .leg.behind{--r: 30deg;animation:slide-limb .5s linear infinite}.runner.sliding:after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;background:#fff9;border-radius:50%;transform:translate(-50%);animation:slide-particle .3s linear infinite;filter:blur(1px)}@keyframes slide-particle{0%{opacity:.8;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,10px) scale(.5)}}@keyframes slide-outer{0%,to{transform:translateY(-2px)}50%{transform:translateY(0)}}@keyframes slide-body{0%,to{transform:rotate(15deg)}50%{transform:rotate(20deg)}}@keyframes slide-limb{0%,to{transform:rotate(calc(var(--r) - 5deg))}50%{transform:rotate(var(--r))}}.runner.recovering{animation:recover .3s ease-out}.runner.recovering .body{animation:recover-body .3s ease-out}.runner.recovering .arm.front,.runner.recovering .arm.behind,.runner.recovering .leg.front,.runner.recovering .leg.behind{animation:recover-limbs .3s ease-out}@keyframes recover{0%{transform:translateY(-2px) rotate(15deg)}50%{transform:translateY(-1px) rotate(8deg)}to{transform:translateY(0) rotate(0)}}@keyframes recover-body{0%{transform:rotate(15deg)}to{transform:rotate(0)}}@keyframes recover-limbs{0%{transform:rotate(var(--r))}to{transform:rotate(calc(var(--r) * .5))}}.goal{background:radial-gradient(circle at 30% 30%,#fa0,#f50);box-shadow:0 0 10px #ffc83299}.ladder{background-color:#8b4513;position:relative;overflow:visible}.ladder:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 15px,#A0522D 15px,#A0522D 20px);border-radius:2px}.runner.climbing .outer{animation:climb-outer .9s linear infinite}.runner.climbing .body{animation:climb-body .9s linear infinite}.runner.climbing .arm.front{--r: 140deg;--r-to: 180deg;animation:climb-limb .9s linear infinite}.runner.climbing .arm.behind{--r: 40deg;--r-to: 0deg;animation:climb-limb .9s ease-in-out infinite}.runner.climbing .leg.front{--r: 140deg;--r-to: 170deg;animation:climb-limb .9s linear infinite .45s}.runner.climbing .leg.behind{--r: 40deg;--r-to: 10deg;animation:climb-limb .9s linear infinite .45s}@keyframes climb-outer{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes climb-body{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes climb-limb{0%,to{transform:rotate(var(--r))}50%{transform:rotate(var(--r-to))}}.compatibility-warning{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;box-shadow:0 2px 10px #0000001a}
