h1,h2,h3{font-family:Josefin Sans,sans-serif}p,span,button,input,a,div{font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none}@media screen and (orientation: portrait){span,label{font-size:4vw}}.button-container{display:flex;flex-direction:row;align-items:center;gap:1vw;padding:1rem 0;box-sizing:content-box;justify-content:flex-end;width:100%;height:10vh}.button-container input{width:100%;height:10vh;padding:2vw;box-sizing:border-box;align-items:flex-start;font-size:1.5vw;border-radius:8px}.button-container input.disabled.svelte-1uou90u{background-color:#e5e5e5!important;color:#000!important}.button-container input.player-1.svelte-1uou90u{background-color:#fff5eb;border:1px solid #5c1700;color:#5c1700}.button-container input.player-2.svelte-1uou90u{background-color:#f0f8ff;border:1px solid #001432;color:#001432}.button-container input.incorrect.svelte-1uou90u{color:#f66;border:3px solid #ff6666;background-color:#ffe6e6}.button-container input.incorrect.svelte-1uou90u:focus{border:3px solid #ff6666}.button-container input.disabled.svelte-1uou90u{background-color:#555!important;color:#565656}@keyframes svelte-1uou90u-shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes svelte-1uou90u-zoomin{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes svelte-1uou90u-zoominsubtle{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes svelte-1uou90u-zoominout{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes svelte-1uou90u-zoominoutplus{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes svelte-1uou90u-moveoutup{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes svelte-1uou90u-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1uou90u-fadeInMild{0%{opacity:.5}to{opacity:1}}@keyframes svelte-1uou90u-fadeInOpacity{0%{opacity:0}to{opacity:40%}}@keyframes svelte-1uou90u-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes svelte-1uou90u-fadeOutMoveUp{0%{opacity:1;transform:translateY(0)}30%{opacity:1;transform:translateY(-60px)}80%{opacity:1;transform:translateY(-60px)}to{opacity:0;transform:translateY(-60px)}}@keyframes svelte-1uou90u-fadeInMoveDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uou90u-fadeInMoveUp{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1uou90u-shiftInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes svelte-1uou90u-shiftInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes svelte-1uou90u-glowGeneric{0%{filter:brightness(1)}50%{filter:brightness(1.1)}to{filter:brightness(1)}}.container.svelte-1uou90u{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100vh;padding:0;position:relative;background:#aaa;background-image:url(../../../assets/roo-vs-rhino/bg.png);overflow:hidden}.container.svelte-1uou90u .header:where(.svelte-1uou90u){width:100%;z-index:20;height:10vh}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u){width:100%;height:90vh;display:flex;justify-content:center;align-items:center;position:relative}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .title:where(.svelte-1uou90u){position:absolute;font-family:"Jersey 20",sans-serif!important;top:3vh;display:flex;justify-content:center;align-items:center;font-size:5.25vw;width:40vw;height:10vh;text-shadow:4px 4px 1px white;color:#111}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u){width:40vw;height:60%;display:flex;justify-content:center;gap:5%;align-items:center;flex-direction:column;position:relative}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal:where(.svelte-1uou90u){height:5vw;position:absolute;z-index:10;transition:all .25s ease;transform-origin:center}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal:where(.svelte-1uou90u) img:where(.svelte-1uou90u){width:100%;height:100%;image-rendering:pixelated;transition:all .25s ease}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal:where(.svelte-1uou90u) .indicators:where(.svelte-1uou90u){position:absolute;justify-content:center;align-items:center;top:50%;display:flex;justify-content:space-between;width:10vw;height:2vw;gap:.25vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal:where(.svelte-1uou90u) .indicators:where(.svelte-1uou90u) .indicator:where(.svelte-1uou90u){width:2vw;height:2vw;border-radius:50%;background:#111;color:#fff;font-size:2vw;font-family:"Jersey 20",sans-serif!important;display:flex;align-items:center;justify-content:center}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal:where(.svelte-1uou90u) .indicators:where(.svelte-1uou90u) .indicator.first-indicator:where(.svelte-1uou90u){width:5vw;border-radius:16px;font-size:1.5vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.roo:where(.svelte-1uou90u){left:1vw;width:5vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.roo.charge:where(.svelte-1uou90u){animation:svelte-1uou90u-chargeRoo 1s ease-in-out}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.roo.graze:where(.svelte-1uou90u){animation:svelte-1uou90u-rooGraze 1s ease}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.roo:where(.svelte-1uou90u) .indicators:where(.svelte-1uou90u){right:7vw;justify-content:flex-end}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.rhino:where(.svelte-1uou90u){right:1vw;width:7vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.rhino.charge:where(.svelte-1uou90u){animation:svelte-1uou90u-chargeRhino 1s ease-in-out}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.rhino.graze:where(.svelte-1uou90u){animation:svelte-1uou90u-rhinoGraze 1s ease}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .animal.rhino:where(.svelte-1uou90u) .indicators:where(.svelte-1uou90u){left:9vw;justify-content:flex-start}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .grass:where(.svelte-1uou90u){background-image:url(../../../assets/roo-vs-rhino/grass.png);width:95%;height:18%;position:absolute;z-index:5}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .arena-container:where(.svelte-1uou90u) .arena-lane:where(.svelte-1uou90u){height:30%;width:100%;box-sizing:border-box;background:#fff;border-radius:16px;border:3px solid #111;background-image:url(../../../assets/roo-vs-rhino/dirt.png)}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u){position:absolute;height:80vh;justify-content:center;width:fit-content;padding:1vh 1vw;display:flex;flex-direction:column;gap:1.5vh}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) button:where(.svelte-1uou90u){width:15vw;height:10vh;font-size:1.75vw;background:#fff;border:3px solid #111;border-radius:16px;cursor:pointer;font-family:"Jersey 20",sans-serif!important;transition:all .25s ease;box-shadow:1px 1.5px 1px 2px #111;color:#555}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) button:where(.svelte-1uou90u):hover{transform:scale(1.1)}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) button.clear:where(.svelte-1uou90u){width:6vw;height:5vh;font-size:1vw;align-self:center}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer.sequencer-roo:where(.svelte-1uou90u){left:3vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer.sequencer-rhino:where(.svelte-1uou90u){right:3vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) .sequence-progress:where(.svelte-1uou90u){width:100%;height:2vh;display:flex;justify-content:flex-start;background:#fff;border-radius:4px;border:3px solid #111}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) .sequence-progress:where(.svelte-1uou90u) .seq-block:where(.svelte-1uou90u){width:20%;height:100%;background:#111;border:3px solid white;box-sizing:border-box;border-radius:4px;color:#fff;display:flex;justify-content:center;align-items:center;font-family:VT323,sans-serif;font-size:1.25vw}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .sequencer:where(.svelte-1uou90u) .options:where(.svelte-1uou90u){width:100%;display:flex;justify-content:space-between}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .score-container:where(.svelte-1uou90u){width:60vw;display:flex;justify-content:center;gap:2.5vw;position:absolute;bottom:5vh;height:10vh}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .score-container:where(.svelte-1uou90u) .score:where(.svelte-1uou90u){background:#111;border:3px solid white;width:8vw;color:#fff;display:flex;justify-content:center;align-items:center;font-size:2vw;font-family:"Jersey 20",sans-serif!important;border-radius:16px}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .score-container:where(.svelte-1uou90u) button:where(.svelte-1uou90u){width:12vw;height:10vh;font-size:1.75vw;background:#111;border:3px solid white;color:#fff;border-radius:16px;cursor:pointer;font-family:"Jersey 20",sans-serif!important;transition:all .25s ease;box-shadow:1px 1.5px 1px 2px #fff}.container.svelte-1uou90u .game-container:where(.svelte-1uou90u) .score-container:where(.svelte-1uou90u) button:where(.svelte-1uou90u):hover{transform:scale(1.1)}@keyframes svelte-1uou90u-chargeRoo{0%{left:1vw}15%{transform:rotate(-45deg)}50%{left:28vw;transform:translateY(-4vh) rotate(-45deg)}to{left:1vw}}@keyframes svelte-1uou90u-chargeRhino{0%{right:1vw}50%{right:27.5vw;transform:rotate(-2deg)}to{right:1vw}}@keyframes svelte-1uou90u-rooGraze{0%{transform:rotate(0)}50%{transform:rotate(90deg) scale(.95)}to{transform:rotate(0)}}@keyframes svelte-1uou90u-rhinoGraze{0%{transform:rotate(0)}50%{transform:rotate(-90deg) scale(.85)}to{transform:rotate(0)}}