@import"https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap";body{overflow-y:scroll;font-family:Mochiy Pop One,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;width:100%;background:url(/assets/background-WaB2ThUG.jpg) repeat}#root{-webkit-user-select:none;user-select:none;touch-action:none}*{padding:0;margin:0}#pageGame{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch}.fieldContainer{height:100%;display:flex;justify-content:center;align-items:center;min-width:0;min-height:0}#gameControls{position:relative;flex-direction:column;align-items:flex-start;margin-top:10px;margin-left:10px}#scoreBoard{margin:0 auto;display:flex;flex-direction:row;align-items:center}#topBar{display:flex;width:100%;align-items:flex-start;flex-direction:row}#topBarActions{display:flex;width:100%;align-items:flex-start;justify-content:space-between;flex-direction:row}#bannerContainerVertical{display:flex;box-sizing:border-box;flex-grow:1;height:50px;margin:0 auto;overflow:hidden}#bannerContainerHorizontal{display:none}.loading{position:absolute;z-index:100;width:100%;height:50%}@media(min-aspect-ratio:3/2)or (max-width:450px){#pageGame{flex-direction:row}#scoreBoard{margin-bottom:10px}#topBar{flex-direction:column;flex-grow:1;max-height:400px}#bannerContainerHorizontal{box-sizing:border-box;flex-grow:1;display:flex;height:50px;width:320px;margin:5px auto;max-height:300px}#bannerContainerVertical{display:none}}.iconButton{border:none;color:#fff;padding:15px;margin:10px;cursor:pointer}.iconButton.disabled{opacity:.5;cursor:not-allowed}.playerCard{display:flex;flex-direction:row;align-items:center;overflow:hidden}.playerCardReverse{flex-direction:row-reverse}.playerName{margin-bottom:5px;font-size:small;width:100px}.playerNameScoreCard{display:flex;flex-direction:column;align-items:center}.playerAvatar{width:50px;height:50px;margin:10px}@media(min-aspect-ratio:3/2)or (max-width:450px){.playerCard{flex-direction:column}}.scoreContainer{background-color:#e49d34;display:flex}.scoreBox{border:2px solid rgb(87 61 22);width:15px;height:15px;margin:2px}.scored{background-color:#573d16}.scaleUpDownContainer{animation-name:scaleUpDown}@keyframes scaleUpDown{0%{transform:scale(1)}12%{transform:scale(1.1)}37%{transform:scale(.9)}53%{transform:scale(1.1)}78%{transform:scale(.9)}to{transform:scale(1)}}#progressBarContainer{background:red 50%;border-radius:5px;width:100%;height:15px}#progressBarContainer #progress{display:block;background-color:#00f;border-radius:5px;height:100%;width:0%;animation:progressBar linear}@keyframes progressBar{0%{width:100%}to{width:0}}#launchBar{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:110px;height:90px;overflow:hidden;font-size:medium;overflow-wrap:break-word}.launchBarText{font-size:small}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000007f;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;min-width:300px;box-shadow:0 2px 10px #0000001a}.modal-title{margin-top:0}.modal-body{margin-top:10px;font-size:1em;color:#333}.game-canvas{touch-action:none;z-index:10;max-width:100%;max-height:100%;aspect-ratio:8/6}.game-end-modal-message{margin-bottom:20px}.game-end-modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.invite-modal-message{margin-bottom:20px}.invite-modal-buttons{display:flex;flex-direction:row;gap:10px;margin-top:20px;align-items:center;justify-content:space-around}.invite-modal-link-container{word-break:break-all;text-align:left;background-color:#f0f0f0;padding:10px;border-radius:5px;margin-top:10px;margin-bottom:10px;font-size:.9em;-webkit-user-select:all;user-select:all}.invite-modal-feedback-message{height:1.2em;font-size:.9em;color:green}.invite-modal-feedback-message.error{color:red}.invite-modal-feedback-message.hidden{visibility:hidden}.invite-modal-feedback-message.visible{visibility:visible}.alert-modal-message{margin-bottom:20px}.alert-modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.nickname-input{font-size:large;padding:2px;border-radius:5px;border:1px solid #ccc;vertical-align:middle;height:30px;line-height:normal;box-sizing:border-box}.profile-buttons{display:flex;flex-direction:column;align-items:center}#pageMain{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#logo{opacity:.5;position:absolute;z-index:-1}#gameName{font-size:xx-large;padding:20px}#playerName{font-size:large;padding:2px;border-radius:5px;width:140px}#playerProfile{display:flex;flex-direction:row;padding:10px;align-items:center}#playerProfile>img{width:30px;height:30px;padding:2px;border-radius:10px}#playerProfile>span{font-size:large;padding:2px;width:140px;text-align:center}.crazyGamesLogo{width:150px;height:50px}#main-menu{display:flex;flex-direction:column;width:clamp(300px,80vw,450px);margin:20px auto;gap:15px}.horizontal-buttons{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}.horizontal-buttons>a,.horizontal-buttons>.cartoon-button{width:100%}.horizontal-buttons>a>.cartoon-button{width:100%}.privacy-link-container{position:absolute;bottom:10px;width:100%;text-align:center}.privacy-link-container a{color:#ccc;font-size:12px;text-decoration:none}.privacy-link-container a:hover{text-decoration:underline}#main-menu>a,#main-menu>.horizontal-buttons{width:100%}#main-menu>a>.cartoon-button{width:100%}.join-modal-message{margin-bottom:20px}.join-modal-buttons{display:flex;flex-direction:row;gap:10px;margin-top:20px;align-items:center;justify-content:space-around}.join-modal-input-container{margin:10px 0}.join-modal-input{width:100%;padding:8px;box-sizing:border-box;border-radius:4px;border:1px solid #ccc}.join-modal-error-message{color:red;font-size:.9em;height:1.2em;margin-top:5px}.join-modal-error-message.hidden{visibility:hidden}.join-modal-error-message.visible{visibility:visible}.matchmaking-wait-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;position:relative}.matchmaking-wait-title{margin-bottom:20px;color:#333}.cancel-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer}.cancel-button img{width:30px;height:30px}.matchmaking-wait-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}