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-notyl9{background-color:#e5e5e5!important;color:#000!important}.button-container input.player-1.svelte-notyl9{background-color:#fff5eb;border:1px solid #5c1700;color:#5c1700}.button-container input.player-2.svelte-notyl9{background-color:#f0f8ff;border:1px solid #001432;color:#001432}.button-container input.incorrect.svelte-notyl9{color:#f66;border:3px solid #ff6666;background-color:#ffe6e6}.button-container input.incorrect.svelte-notyl9:focus{border:3px solid #ff6666}.button-container input.disabled.svelte-notyl9{background-color:#a9a9a9!important;color:#565656}@keyframes svelte-notyl9-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-notyl9-zoomin{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes svelte-notyl9-zoominsubtle{0%{transform:scale(.9)}to{transform:scale(1)}}@keyframes svelte-notyl9-zoominout{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes svelte-notyl9-zoominoutplus{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes svelte-notyl9-moveoutup{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes svelte-notyl9-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-notyl9-fadeInMild{0%{opacity:.5}to{opacity:1}}@keyframes svelte-notyl9-fadeInOpacity{0%{opacity:0}to{opacity:40%}}@keyframes svelte-notyl9-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes svelte-notyl9-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-notyl9-fadeInMoveDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-notyl9-fadeInMoveUp{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-notyl9-shiftInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes svelte-notyl9-shiftInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes svelte-notyl9-glowGeneric{0%{filter:brightness(1)}50%{filter:brightness(1.1)}to{filter:brightness(1)}}.select-setting-button.svelte-notyl9{border:none;color:#000;font-size:1.2vw;font-family:Roboto,sans-serif;letter-spacing:.1rem;text-align:left;padding:0 2rem;width:33%;height:6vh;border-radius:0;cursor:pointer;transition:all .2s ease-in-out;border-radius:.5rem;text-transform:capitalize}.select-setting-button.medium.svelte-notyl9{width:30%}.select-setting-button.mid-small.svelte-notyl9{width:20%}.select-setting-button.small.svelte-notyl9{width:10%}.select-setting-button.svelte-notyl9:disabled{background-color:#e6e6e6!important;border-left:8px solid #cccccc!important;color:#a9a9a9}.select-setting-button.orange.svelte-notyl9{background-color:#ffe7d7;border-left:8px solid #ffb9a0}.select-setting-button.orange.svelte-notyl9:hover{border-left:8px solid #ff8c69;background-color:#ffdcb8}.select-setting-button.orange.svelte-notyl9:active{border-left:8px solid #f37c51;background-color:#ffcda1}.select-setting-button.orange.selected.svelte-notyl9{background-color:#ffcda1;border-left:8px solid #f37c51;font-weight:500}.select-setting-button.orange.selected.svelte-notyl9:hover{border-left:8px solid #f37c51}.select-setting-button.blue.svelte-notyl9{background-color:#fff}.select-setting-button.blue.svelte-notyl9:hover{background-color:#d6eaff}.select-setting-button.blue.svelte-notyl9:active{border-left:8px solid #2994ff;background-color:#a3d4ff}.select-setting-button.blue.selected.svelte-notyl9{background-color:#a3d4ff;border-left:8px solid #0054ae;font-weight:500}.select-setting-button.blue.selected.svelte-notyl9:hover{border-left:8px solid #0054ae}.select-setting-button.green.svelte-notyl9{background-color:#fff}.select-setting-button.green.svelte-notyl9:hover{background-color:#b3ffb3}.select-setting-button.green.svelte-notyl9:active{border-left:8px solid #2e8b57;background-color:#80ff80}.select-setting-button.green.selected.svelte-notyl9{background-color:#80ff80;border-left:8px solid #1f6a3f;font-weight:500}.select-setting-button.green.selected.svelte-notyl9:hover{border-left:8px solid #1f6a3f}.select-setting-button.pink.svelte-notyl9{background-color:#fff}.select-setting-button.pink.svelte-notyl9:hover{background-color:#ffccd9}.select-setting-button.pink.svelte-notyl9:active{border-left:8px solid #ff6680;background-color:#ffb3c2}.select-setting-button.pink.selected.svelte-notyl9{background-color:#f9a;border-left:8px solid #991a4d;font-weight:500}.select-setting-button.pink.selected.svelte-notyl9:hover{border-left:8px solid #991a4d}.select-setting-button.gold.svelte-notyl9{background-color:#fff}.select-setting-button.gold.svelte-notyl9:hover{background-color:#fff8dc}.select-setting-button.gold.svelte-notyl9:active{border-left:8px solid #ffd700;background-color:#fff1a9}.select-setting-button.gold.selected.svelte-notyl9{background-color:gold;border-left:8px solid #8b6914;font-weight:500}.select-setting-button.gold.selected.svelte-notyl9:hover{border-left:8px solid #8b6914}@media screen and (orientation: portrait){.select-setting-button.svelte-notyl9{font-size:3vw;padding:0 1rem;width:40%}.select-setting-button.medium.svelte-notyl9{width:40%}.select-setting-button.mid-small.svelte-notyl9,.select-setting-button.small.svelte-notyl9{width:30%}}
