@font-face{font-family:Titan One;font-weight:700;src:url(/static/media/TitanOne-Regular.465442311c8eb8cd5fe8.ttf) format("truetype")}@font-face{font-family:Jost;src:url(/static/media/Jost-VariableFont_wght.09f13905a279cb755f82.ttf) format("truetype")}@font-face{font-family:Jost;font-style:italic;src:url(/static/media/Jost-Italic-VariableFont_wght.7706a35fd4863a2a53d4.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{--primary-color:purple;--scale:1}#root,body{font-family:Jost,sans-serif;height:100vh;overflow:hidden;width:100vw}h1,h2{font-family:Titan One,sans-serif;font-weight:700}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.App{height:calc(100vh/var(--scale));transform:scale(var(--scale));transform-origin:top left;width:calc(100vw/var(--scale))}.background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.content,.homeScreen{height:100%;overflow:hidden;position:relative;width:100%}.addFriendPage{overflow:hidden;position:relative}.addFriendPage,.gameScreen{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.gameScreen{left:0;position:absolute;top:0}.game{height:100%;width:100%}.roomScreen{justify-content:center}.loginScreen,.roomScreen{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.loginScreen{position:relative}.loginInputs{margin-top:30vh;width:380px}.inputContainer{position:relative}.loginApprovalText,.loginText{font-size:20px;font-style:italic;font-weight:700;text-align:center;width:100%}.errorIcon{color:#e99c38;display:none;position:absolute;right:14px;top:28px;transform:translateY(-50%);transition:transform .5s}.inputContainer:has(input:focus) .errorIcon{transform:translateY(calc(-50% - 10px))}.passwordInput,.usernameInput{padding-right:40px!important}.cardContainer{display:flex;flex-shrink:0;flex-wrap:wrap;height:720px;justify-content:center;position:relative;width:1080px}.card3dContainer{perspective:400px}.card{border-radius:8px;box-shadow:0 10px 10px #000;box-sizing:border-box;height:120px;margin:8px;padding:0;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:200px}.cardFront{border:1px solid #fff;border-radius:8px;color:#fff;font-weight:700;padding-left:5px;padding-right:5px}.cardBack,.cardFront{align-items:center;box-sizing:border-box;display:flex;height:120px;justify-content:center;overflow:hidden;text-align:center;width:200px;word-break:break-word}.cardBack{border:1px solid;border-radius:8px;box-shadow:0 0 10px #00000080;padding:5px;transform:translateZ(-.1px) rotateY(180deg)}.cardBack,.spymasterMark{left:0;position:absolute;top:0}.spymasterMark{box-sizing:border-box;display:flex;height:100%;justify-content:flex-end;padding:3px;pointer-events:none;transform:translateZ(-.2px) rotateY(180deg);width:100%}.cardFill{animation:cardFill 1s forwards;background-size:200% 200%}@keyframes cardFill{0%{background-position:100% 0}to{background-position:0 100%}}.controlsContainer{align-items:flex-end;bottom:-130px;height:130px;position:absolute;width:100%}.button,.controlsContainer{display:flex;justify-content:center}.button{align-items:center;animation:fall .5s forwards;background-color:initial;border:4px solid #fff;border-radius:30px;box-sizing:border-box;color:#fff;font-size:24px;font-weight:700;height:60px;margin:8px;overflow:hidden;padding:10px 14px;position:relative;text-align:center;-webkit-user-select:none;user-select:none}.button:focus,.button:hover{animation:rise .5s forwards}.button:focus{border-color:var(--primary-color);color:var(--primary-color);outline:none}.button:not(:hover)>.buttonHoverCircle{display:none}.buttonHoverCircle{animation:buttonHoverCircle .4s forwards;aspect-ratio:1/1;background-color:#fff;border-radius:100%;display:none;position:absolute;transition:all .5s;width:220%;z-index:-1}@keyframes buttonHoverCircle{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.button:hover{border-color:var(--primary-color);color:var(--primary-color)}.promptInput{align-items:center;animation:fall .5s forwards;background-position-x:-100%;background-size:200% 100%;border:4px solid #fff;border-radius:30px;box-sizing:border-box;color:#000;display:flex;font-size:24px;font-weight:700;justify-content:center;margin:8px;outline:none;padding:10px 14px;position:relative;width:367px}.promptInput:focus{animation:rise .5s forwards;border-color:var(--primary-color);color:var(--primary-color)}@keyframes rise{0%{box-shadow:0 0 #000;transform:translateY(0)}to{box-shadow:0 10px #00000080;transform:translateY(-10px)}}@keyframes fall{0%{box-shadow:0 10px #00000080;transform:translateY(-10px)}to{box-shadow:0 0 #000;transform:translateY(0)}}.cursor{border:1px solid #fff;border-radius:50%;height:12px;width:12px}.cursor,.spymasterCursor{pointer-events:none;position:absolute;transform:translate(-50%,-50%);z-index:1000}.spymasterCursor{border:2px dashed;border-radius:50%;height:24px;overflow:hidden;transition:width 1.8s ease-in-out,height 1.8s ease-in-out;width:24px}.powerCursor{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;height:22px;justify-content:center;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:22px;z-index:1000}.powerCursorGlow{animation:outerGlowAnimation .6s infinite;border-radius:50%;box-sizing:border-box;height:100%;mix-blend-mode:screen;position:absolute;width:100%}@keyframes rotateCursor{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.clickCircle{animation:growThenFade .5s forwards;border:1px solid;border-radius:50%;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}@keyframes growThenFade{0%{opacity:.4;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}.userCardStackContainer{bottom:0;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:20px;pointer-events:none;position:absolute;width:100%}.userCardStack{display:flex;flex-shrink:0;height:auto;perspective:1000px;position:relative;transform-style:preserve-3d}.userCardStackLabel{bottom:-24px;font-family:Titan One,sans-serif;font-size:60px;font-weight:700;position:absolute;text-shadow:0 5px 15px var(--primary-color);-webkit-user-select:none;user-select:none;z-index:1000}.userCardStack.left .userCardStackLabel{left:-10px}.userCardStack.right .userCardStackLabel{right:-10px}.userCard{align-items:center;animation:rotate3d 20s linear infinite;border:4px solid;border-radius:30px;color:#fff;display:flex;flex-direction:column;font-size:12px;height:350px;justify-content:center;margin-bottom:10px;pointer-events:all;position:relative;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.23,1,.32,1),box-shadow .4s cubic-bezier(.23,1,.32,1);width:250px}.userCard.hovered{box-shadow:0 20px 20px #00000080}.userCardName{align-items:center;box-sizing:border-box;display:flex;font-size:20px;font-weight:700;justify-content:center;margin-bottom:10px;margin-top:10px;padding:10px 16px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;width:100%;word-break:break-word}.userCardStatus{font-size:16px}.userCardControls{align-items:center;animation:fadeIn .4s forwards;background-color:hsla(0,0%,100%,.767);border-radius:12px;bottom:30px;box-shadow:0 10px 20px #0000004d;display:none;flex-direction:column;gap:6px;padding:10px;position:absolute;transform:translateZ(30px);-webkit-user-select:none;user-select:none;width:180px}.userCardControlsItem{color:#000;cursor:pointer;font-size:12px;transition:transform .2s,color .2s,text-shadow .2s}.userCardControlsItem:hover{color:var(--primary-color);text-shadow:0 0 5px #00000080;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.userCard:hover>.userCardControls{display:flex}.userCardControlsInputContainer{color:#000;display:flex;position:relative;width:100%}.userCardControlsInput{border:2px solid #0000!important;border-radius:20px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:12px;outline:none;padding:5px 30px 5px 12px;transition:border-color .3s;width:100%!important}.userCardControlsInput:hover{border-color:#d3d3d3!important}.userCardControlsInput::placeholder{color:#000;font-style:italic}.userCardControlsInput:focus+.userCardControlsInputIcon{color:gray}.userCardControlsInput:focus{border-color:var(--primary-color)!important}.userCardControlsInput:focus::placeholder{color:#00000080}.userCardControlsInputIcon{color:#d3d3d3;cursor:pointer;position:absolute;right:6px;top:5px}.userCardControlsInput:focus+.userCardControlsInputIcon:hover{color:var(--primary-color)!important}.userCardGrayscaleOverlay{-webkit-backdrop-filter:grayscale(100%);backdrop-filter:grayscale(100%);border-radius:30px;height:100%;left:0;pointer-events:none;position:absolute;top:0}.teamContainer,.userCardGrayscaleOverlay{-webkit-user-select:none;user-select:none;width:100%}.teamContainer{border:4px solid;border-radius:30px;font-size:24px;font-weight:700;margin-bottom:10px;padding:10px;position:relative;text-align:center}.teamContainer:before{border:4px solid;border-radius:30px;content:"";height:100%;left:-4px;mix-blend-mode:difference;position:absolute;top:0;width:100%}.playerContainer{flex-direction:column;height:100%;position:absolute;right:-200px;width:180px}.player,.playerContainer{align-items:center;display:flex}.player{border:4px solid #0000;border-radius:30px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:400;justify-content:center;margin-bottom:10px;margin-top:10px;min-width:100px;padding:10px 13px;position:relative;text-align:center;-webkit-user-select:none;user-select:none;word-break:break-word}.playerText{z-index:1}.spymasterIcon{color:#fff;mix-blend-mode:overlay;position:absolute;right:1px;top:1px}.roomText{filter:blur(10px);height:100%;top:0;white-space:nowrap;width:100%}.leaveRoomButton,.roomText{font-weight:700;left:10px;position:absolute;-webkit-user-select:none;user-select:none}.leaveRoomButton{top:10px;z-index:10}.scoreMeter{align-items:center;border:4px solid;border-radius:30px;color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center;min-width:60px;overflow:hidden;padding:10px;transition:width .5s;-webkit-user-select:none;user-select:none;z-index:-1}.scoreMeter,.scoreStar{box-sizing:border-box;position:absolute}.scoreStar{border:4px solid #000;border-radius:50%;margin:0 auto;top:0;z-index:-10}.gameStateContainer{align-items:center;color:#8f93cc;display:flex;font-weight:700;height:120px;justify-content:center;position:absolute;text-shadow:0 3px;top:-120px;-webkit-user-select:none;user-select:none;width:100%;z-index:10}@keyframes gameStateWobble{0%{transform:translateY(0)}20%{transform:translateY(-8px)}40%{transform:translateY(6px)}60%{transform:translateY(-5px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.bombCircle1{animation:bomb1 1s forwards;background-color:#fff;height:12px;mix-blend-mode:color-dodge;width:12px}.bombCircle1,.bombCircle2{border-radius:50%;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.bombCircle2{animation:bomb2 2s ease-in-out forwards;background-image:radial-gradient(circle,#eee23b,#e6250b);mix-blend-mode:color-burn}.bombCircle3{animation:bomb3 3s ease-in-out forwards;animation-delay:.05s;background-image:radial-gradient(circle,#000,#000);border-radius:50%;height:6px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:6px}@keyframes bomb1{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}70%{opacity:1;transform:translate(-50%,-50%) scale(300)}to{opacity:0;transform:translate(-50%,-50%) scale(400)}}@keyframes bomb2{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(400)}}@keyframes bomb3{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(300)}to{opacity:0;transform:translate(-50%,-50%) scale(200)}}.victoryOverlay{align-items:center;color:#fff;display:flex;font-size:48px;font-weight:700;height:100vh;justify-content:center;mix-blend-mode:color;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 1s ease-out;-webkit-user-select:none;user-select:none;width:100vw;z-index:100}.cardColumnContainer{display:flex;height:100%;justify-content:space-between;left:0;position:absolute;top:0;width:100%}.cardColumn{color:#000;filter:blur(2px);height:100%;position:relative;width:200px}.cardColumn3dContainer{left:0;perspective:400px;position:absolute;top:0}.cardColumnCard{align-items:center;background-color:#fff;border:1px solid #000;border-radius:8px;box-sizing:border-box;display:flex;font-size:24px;height:120px;justify-content:center;left:0;margin:8px;overflow:hidden;padding:0;position:absolute;text-align:center;top:0;transform-style:preserve-3d;width:200px;word-break:break-word}.cardColumnCard,.instructionalText{font-weight:700;-webkit-user-select:none;user-select:none}.instructionalText{color:#fff;font-style:italic;margin-bottom:6px}.powerContainer{flex-direction:column;height:100%;left:-200px;position:absolute;width:180px}.power,.powerContainer{align-items:center;display:flex}.power{animation:glowAnimation .4s infinite;border:12px solid;border-radius:100px;box-sizing:border-box;height:130px;justify-content:center;margin:15px;position:relative;transition:transform .2s ease-in-out;width:130px}.power:hover{box-shadow:0 20px 10px #000;transform:scale(1.15) translateY(-10px);z-index:10}.powerHoverText{color:#fff;display:none;font-size:16px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-align:center;text-shadow:0 0 10px #00000080;top:50%;transform:translate(-50%,-50%)}.disabledPower:hover>.powerHoverText,.power:hover>.powerHoverText{animation:powerHoverTextAnimation .4s ease-in-out forwards;display:block}.heldPower>.powerHoverText{display:block}.heldPower{align-items:center;border:4px dashed;border-radius:100px;display:flex;height:130px;justify-content:center;margin:15px;position:relative;width:130px}@keyframes glowAnimation{0%{box-shadow:0 0 10px #ffffff80}50%{box-shadow:0 0 20px #fff}to{box-shadow:0 0 10px #ffffff80}}@keyframes powerHoverTextAnimation{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.disabledPower{align-items:center;border:12px solid #ffffff80;border-radius:100px;box-sizing:border-box;display:flex;height:130px;justify-content:center;margin:15px;position:relative;width:130px}.powerGlow{animation:outerGlowAnimation .6s ease-in-out infinite;border-radius:100px;box-sizing:border-box;height:100%;mix-blend-mode:screen;position:absolute;width:100%}@keyframes outerGlowAnimation{0%{opacity:.2;transform:scale(1.4)}50%{opacity:.5;transform:scale(1.5)}to{opacity:.2;transform:scale(1.4)}}.power:hover>.powerTextContainer{animation:powerTextContainerAnimation .4s ease-in-out forwards}.powerTextContainer{display:flex;height:100%;opacity:0;position:absolute;right:0;top:0}@keyframes powerTextContainerAnimation{0%{opacity:0;width:150%}to{opacity:1;width:290%}}.powerText{color:#fff;font-size:14px;font-style:normal;font-weight:400;text-align:right;-webkit-user-select:none;user-select:none;width:180px}.powerHeading{font-size:20px;font-weight:700;width:100%}.suggestionLoading{left:50%;position:absolute;top:60%;transform:translate(-50%,-50%)}@keyframes suggestionLoadingAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mark{align-items:center;animation:markFlickerJump .8s infinite;border-radius:8px;display:flex;height:120px;justify-content:center;left:0;position:absolute;top:0;transform:translate(-50%,-50%);width:200px}@keyframes markFlickerJump{0%{opacity:1;transform:translate(-50%,-50%) scale(1) translate(0) rotate(0deg)}10%{opacity:.8;transform:translate(-50%,-50%) scale(1.04) translate(3px,-2px) rotate(-2deg)}20%{opacity:.7;transform:translate(-50%,-50%) scale(1.05) translate(6px,-4px) rotate(1deg)}30%{opacity:.6;transform:translate(-50%,-50%) scale(.96) translate(-4px,6px) rotate(-3deg)}40%{opacity:.5;transform:translate(-50%,-50%) scale(.97) translate(-7px,5px) rotate(2deg)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.03) translate(2px,-5px) rotate(1deg)}60%{opacity:.8;transform:translate(-50%,-50%) scale(1.06) translate(-6px,2px) rotate(-1deg)}70%{opacity:.6;transform:translate(-50%,-50%) scale(1.01) translate(5px,4px) rotate(3deg)}80%{opacity:.7;transform:translate(-50%,-50%) scale(1.08) translate(-8px,-3px) rotate(-2deg)}90%{opacity:.9;transform:translate(-50%,-50%) scale(.99) translate(3px,7px) rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) translate(0) rotate(0deg)}}.spymasterColorListOuter{height:15px;position:relative;transform:translateX(25%);width:200%}.spymasterColorList{color:#fff;font-size:10px;height:15px;overflow:hidden;position:absolute;text-align:center;transition:height .5s ease-in-out;-webkit-user-select:none;user-select:none}.spymasterColorList:hover{height:500px}.spymasterColorColumnContainer{display:flex;flex-direction:row;flex-wrap:wrap}.spymasterColorColumn{text-align:center;width:25%}.spymasterColorColumn>div{border-radius:5px;margin:2px;padding:1px 4px;text-align:center}.settingItem{border-top:4px solid #fff;color:#fff;font-size:20px;font-weight:700;padding:2px 10px;-webkit-user-select:none;user-select:none}.settingOptions{display:flex;justify-content:center;width:100%}.settingOption{padding:0 14px}.settingOptionSelected{color:var(--primary-color);text-shadow:1px 1px #fff,1px -1px #fff,-1px 1px #fff,-1px -1px #fff}.colorPicker{background:linear-gradient(90deg,red,#ff0,lime,cyan,blue,#f0f,red);border-radius:15px;cursor:pointer;height:10px;margin-bottom:10px;margin-top:10px;position:relative;width:100%}.colorPickerSelector{background-color:initial;box-shadow:0 0 5px #00000080;height:15px;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:15px}.colorPickerSelector,.playerIcon{border:2px solid #fff;border-radius:50%;position:absolute}.playerIcon{background-position:50%;background-size:cover;box-sizing:border-box;height:110px;left:50%;top:18px;transform:translateX(-50%);width:110px}.playerIconPickButton{cursor:pointer}.playerIconDelete{cursor:pointer;position:absolute;right:-26px;top:50%;transform:translateY(-9px)}.qrCodeContainer{bottom:10px;display:flex;justify-content:center;position:absolute;right:10px}.gameOptionsContainer{left:50%;position:absolute;top:calc(50% - 200px)}.gameOption,.gameOptionContainer{position:relative}.gameOption{align-items:center;background-color:#000;border:6px solid;box-sizing:border-box;display:flex;height:400px;justify-content:center;width:600px}.gameOptionTitle{color:#fff;font-size:60px;font-weight:700;text-shadow:0 0 18px #000;z-index:1}.gameOptionButton{background-color:#fff;border:4px solid;border-radius:30px;bottom:40px;box-shadow:0 0 10px #9b9b9b;cursor:pointer;font-size:16px;font-weight:700;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%);transition:all .3s;-webkit-user-select:none;user-select:none}.gameOptionButton:hover{box-shadow:0 10px 20px #9b9b9b;transform:translateX(-50%) translateY(-5px)}.gameOptionVideo{filter:blur(2px);height:100%;top:0;width:100%}.gameOptionVideo,.gameOptionVideoBg{box-sizing:border-box;left:0;object-fit:cover;opacity:.6;position:absolute}.gameOptionVideoBg{filter:blur(10px);height:600px;-webkit-mask-image:radial-gradient(circle at center,#000 0,#0000 70%);mask-image:radial-gradient(circle at center,#000 0,#0000 70%);overflow:hidden;pointer-events:none;top:-100px;transform:scale(1.8);transition:opacity 1s;width:600px;z-index:-1}.sliderOuter{display:flex;touch-action:pan-x;width:100%}.sliderInner{display:flex}.sliderItem{cursor:grab;position:absolute;top:0;transition:transform .3s,opacity .3s}.bgCanvas,.drawingCanvas{height:100%;left:0;position:absolute;top:0;width:100%}.drawingCanvas{cursor:crosshair}.roomInfoContainer{display:flex;justify-content:center;position:absolute;top:8%;width:100%;z-index:10}.roomInfoInner{align-items:center;border-radius:30px;box-shadow:0 10px 20px rgba(0,0,0,.363);display:flex;font-size:24px;gap:16px;padding:25px;text-align:center;-webkit-user-select:none;user-select:none}.roomInfoText{align-items:flex-start;display:flex;flex-direction:column}.roomInfoTitle{font-family:Titan One,sans-serif;font-size:40px;font-weight:700;margin-bottom:6px}.roomInfoButton{background-color:#fff;border:4px solid var(--primary-color);border-radius:30px;box-shadow:0 0 10px rgba(0,0,0,.363);cursor:pointer;font-size:16px;font-weight:700;padding:8px 20px;transition:all .3s;-webkit-user-select:none;user-select:none}.roomInfoButton:hover{box-shadow:0 10px 20px rgba(0,0,0,.363);transform:translateY(-5px)}.hatsLobbyInputContainer{width:600px}
/*# sourceMappingURL=main.05968f58.css.map*/