.jax{left:50%;width:57vmin;aspect-ratio:1 / 1;background-image:url(/explorations/sorry-jax/jax-sprite-sheet.webp);transform:translate(20%);animation:stunned .8s steps(4) infinite;transition:opacity .4s}.jax--left{transform:scaleX(-1) translate(120%)}.jax--hit{animation:hit .8s steps(5) forwards,drop-right .6s .2s ease-out forwards}.jax--hit.jax--left{animation:hit .8s steps(5) forwards,drop-left .6s .2s ease-out forwards}.jax--fall{animation:hit .8s steps(5) forwards}.jax--fade-out{opacity:0}@keyframes stunned{0%{background-position:0 0}to{background-position:0 44.45%}}@keyframes hit{0%{background-position:0 44.45%}to{background-position:0 100%}}@keyframes drop-left{0%{transform:scaleX(-1) translate(120%)}33%{transform:scaleX(-1) translate(140%,-80%)}50%{transform:scaleX(-1) translate(150%,-100%)}66%{transform:scaleX(-1) translate(170%,-40%)}to{transform:scaleX(-1) translate(180%)}}@keyframes drop-right{0%{transform:translate(20%)}33%{transform:translate(40%,-80%)}50%{transform:translate(50%,-100%)}66%{transform:translate(70%,-40%)}to{transform:translate(80%)}}.scorpion{left:50%;height:65vmin;height:var(--scorpion-height);aspect-ratio:18 / 25;background-image:url(/explorations/sorry-jax/scorpion-spritesheet.webp);transform:translate(-50%);animation:idle .8s steps(6) infinite;z-index:1}.scorpion--left{transform:translate(-50%) scaleX(-1)}.scorpion--crouch{animation:crouch .1s steps(2) forwards}.scorpion--uppercut{animation:uppercut .4s steps(6) forwards}.scorpion--win{animation:win .4s steps(2) forwards}@keyframes idle{0%{background-position:0 0}to{background-position:0 -390vmin;background-position:0 calc(-6 * var(--scorpion-height))}}@keyframes crouch{0%{background-position:0 -325vmin;background-position:0 calc(-5 * var(--scorpion-height))}to{background-position:0 -390vmin;background-position:0 calc(-6 * var(--scorpion-height))}}@keyframes uppercut{0%{background-position:0 -455vmin;background-position:0 calc(-7 * var(--scorpion-height))}to{background-position:0 -845vmin;background-position:0 calc(-13 * var(--scorpion-height))}}@keyframes win{0%{background-position:0 -845vmin;background-position:0 calc(-13 * var(--scorpion-height))}to{background-position:0 -975vmin;background-position:0 calc(-15 * var(--scorpion-height))}}.dan-forden{position:absolute;bottom:0;right:0;width:23vmin;height:23vmin;background-image:url(/explorations/sorry-jax/dan-forden.webp);background-size:contain;transform:translate(101%);z-index:2}.toasty .dan-forden{animation:toasty .3s alternate 2}@keyframes toasty{0%{transform:translate(101%)}to{transform:translate(0)}}.instructions{position:fixed;inset:0;background-color:#323033;background-image:url(/explorations/sorry-jax/marble-texture.jpg);background-size:cover;opacity:1;z-index:1;transition:opacity .3s}.instructions img{position:absolute;top:50%;left:50%;width:90vmin;max-width:400px;transform:translate(-50%,-50%);border:solid 1vmin #191919}.instructions .desktop{display:none}.instructions.instructions--hidden{opacity:0;pointer-events:none}@media(hover:hover){.instructions .mobile{display:none}.instructions .desktop{display:block}}.msg{position:absolute;top:20vmin;left:0;width:100%;text-align:center;font-family:MK;font-family:var(--font-mk);font-size:8vmin;color:#fdf112;color:var(--yellow);text-transform:uppercase;transform:scale(0);text-shadow:1vmin 1vmin 1vmin #000}.msg .big{font-size:15vmin}.msg .round-1,.msg .round-2,.msg .fight,.msg .finish-him,.msg .scorpion-wins{display:none}.show-round-1 .msg .round-1,.show-round-2 .msg .round-2,.show-fight .msg .fight,.show-finish-him .msg .finish-him,.show-win .msg .scorpion-wins{display:block}.show-fight .msg .fight,.show-finish-him .msg .finish-him{animation:yellow-and-red .2s infinite alternate linear}.show-win .msg .scorpion-wins{animation:white-and-blue .2s infinite alternate linear}.show-msg .msg{animation:show-msg 1.5s linear}.round-wons{display:flex;margin:1.5vmin 0;gap:.2vmin}.round-wons .round-wons__token{display:none;width:4vmin}.round-wons-1 .round-wons__token--1,.round-wons-2 .round-wons__token--1,.round-wons-2 .round-wons__token--2{display:block}:root{--scorpion-height: 65vmin;--red: #a20001;--yellow: #fdf112;--blue: #1d15ff;--font-mk: "MK";--font-sans: "Nova Square", helvetica, arial, sans-serif}@font-face{font-family:MK;src:url(/explorations/sorry-jax/mortalkombat2.woff2) format("woff2")}*{box-sizing:border-box;image-rendering:pixelated}html,body{height:100%;background-color:#000;overflow:hidden}body{display:flex;justify-content:center;align-items:center;font-family:Nova Square,helvetica,arial,sans-serif;font-family:var(--font-sans)}.scene{position:relative;left:50%;height:100vmin;width:105vw;background-image:url(/explorations/sorry-jax/stage-bg.png);background-position:50% 50%;background-size:auto 100%;transform:translate(-50%)}.scoreboard{position:absolute;left:0;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:4vmin;font-size:4vmin;color:#a20001;color:var(--red)}.scoreboard .timer{font-size:1.25em;text-shadow:.1em .1em 0 #000}.scoreboard .text{width:100%;padding-top:.25em;text-transform:uppercase;color:#fdf112;color:var(--yellow);text-shadow:.1em .1em 0 #000}.scoreboard .no2{text-align:right}.scoreboard .no2 .text{color:#fff;animation:fade-in .3s linear alternate infinite}.meter{position:relative;width:40vw;height:5vmin;background-color:#a20001;background-color:var(--red);background-image:linear-gradient(#bd1406,#850903);border:solid #787575 .75vmin;box-shadow:inset 0 0 0 .5vmin #5f1109;font-family:MK;font-family:var(--font-mk);color:#fdf112;color:var(--yellow);line-height:1;padding:0 .5em}.meter__progress{position:absolute;inset:0;background-color:#00aa04;box-shadow:inset 0 0 0 .5vmin #358835;transform-origin:0 0;transition:transform .3s}.no2 .meter__progress{right:0;transform-origin:100% 0}.meter__name{position:relative}.character{position:absolute;bottom:1vmin;background-size:100% auto}@keyframes yellow-and-red{0%{color:#fdf112;color:var(--yellow)}to{color:#a20001;color:var(--red)}}@keyframes white-and-blue{0%{color:#fff}to{color:#1d15ff;color:var(--blue)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes show-msg{0%,to{transform:scale(0)}20%,80%{transform:scale(1)}}