@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Test New;font-style:normal;font-weight:400;src:url(/static/media/testNew.367274c954696d3844e8.otf) format("opentype")}body{align-items:center;display:flex;font-family:Patrick Hand;height:100vh;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative}body.light{animation:backgroundShiftLight 120s ease infinite;background:linear-gradient(270deg,#ffefa8,#ff7891,#84ff99);background-size:400% 400%}body.dark{animation:backgroundShiftDark 120s ease infinite;background:linear-gradient(270deg,#00afdb,#ff7139,#8b0068);background-size:400% 400%}.App{align-items:center;background:linear-gradient(0deg,#000000e6 0,#0009 50%,#fff9 0,#ffffffe6);background-position:0 0;background-size:100% 200%;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:40px;position:relative;text-align:center;transition:background-position .9s ease,color .9s ease;z-index:1}body.dark .App{background-position:0 100%;color:#fff}body.light .App{background-position:0 0;color:#000}.App div{color:inherit}h1,h2,h3,h4,h5{font-family:Alloy Ink;font-size:5rem;margin:20px 0;transition:color .9s ease,text-shadow .9s ease}h2,h5{font-size:2rem}h5{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}body.dark h4,body.light h4{color:gold;font-size:2rem;transition:background-color .9s ease,color .9s ease}body.dark h4,body.light h1,body.light h2,body.light h3,body.light h4{outline-color:#000;outline-width:3px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}body.light h1,body.light h2,body.light h3{color:#fff}body.dark h1,body.dark h2,body.dark h3{color:#000;outline-color:#fff;outline-width:3px;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}input[type=number],input[type=text]{border:1px solid #ccc;border-radius:8px;font-family:Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:32px;margin:10px;padding:10px;width:200px}ul{font-size:2rem;list-style:none;padding:0}li{margin:10px 0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.centered-image-container{display:flex;justify-content:center}.centered-image{height:auto;max-width:20vw}.smalltext{font-size:small;transition:color .9s ease}body.light .smalltext{color:#000}body.dark .smalltext{color:#fff}.theme-toggle{border:none;border-radius:50%;bottom:20px;right:20px;width:40px;z-index:15}.exit,.theme-toggle{align-items:center;background-color:var(--toggle-bg-color);box-shadow:0 2px 5px #0003;color:var(--toggle-color);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;transition:background-color .9s ease,color .9s ease}.exit{border:none;border-radius:20%;left:5px;top:4px;width:105px;z-index:10000}body.light{--toggle-bg-color:#fff;--toggle-color:#000}body.dark{--toggle-bg-color:#000;--toggle-color:#fff}.version-text{bottom:10px;color:var(--toggle-color);left:10px;position:fixed;text-align:center;transition:color .9s ease}.animated-title-container{left:0;position:center;right:0;top:-200px;z-index:10}.main-content{z-index:5}.host-screen{align-items:center}.content-container{display:flex;width:100%}.game-content{flex:1 1;margin-right:20px}.leaderboard-content{flex:1 1}.animated-title-container{margin-bottom:20px;width:100%}.host-lobby{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;width:100%}.left-box,.right-box{background-color:#ffffff1a;border-radius:10px;box-sizing:border-box;margin-bottom:20px;padding:20px;width:calc(50% - 10px)}.start-game-container{display:flex;justify-content:center;margin-top:20px;width:100%}.game-content{background-color:#ffffff1a;border-radius:10px;margin:0 auto;max-width:800px;padding:20px;width:100%}@media (max-width:768px){.left-box,.right-box{width:100%}}.theme-toggle,.version-text{position:fixed;z-index:1000}button{font-size:2rem}body.light button{background-color:#ffb347;color:#000}body.light button:hover{background-color:orange}body.dark button{background-color:#0093c4;color:#fff}body.dark button:hover{background-color:#046788}.button-wrapper{margin-top:10px}game-mode-button{color:inherit;font-family:Comic Sans MS,cursive,sans-serif;overflow:hidden;position:relative}game-mode-button:before{animation:swirl 3s linear infinite;background-size:200% 200%;border-radius:5px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background .9s ease;z-index:-1}body.light game-mode-button{color:#000}body.light game-mode-button:before{background:radial-gradient(circle,#ff9a9e,#fad0c4,#ff9a9e)}body.dark game-mode-button{color:#fff}body.dark game-mode-button:before{background:radial-gradient(circle,#8b0000,#ff9a9e,#8b0000)}body:after,body:before{animation-duration:10s,150s;animation-iteration-count:infinite,infinite;animation-timing-function:linear,ease-in-out;background-size:30px 30px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:background-color .9s ease}body.dark:before,body.light:after,body.light:before{animation-name:dotMoveLeft,radialPulse}body.dark:after,body.dark:before{animation-name:dotMoveLeft,radialPulseDark}body.dark:after,body.light:after{animation-name:dotMoveRight,radialPulse;top:15px}body.dark:after{animation-name:dotMoveRight,radialPulseDark}@keyframes radialPulse{0%,to{background-image:radial-gradient(circle,#fffc 10%,#fff0 0)}50%{background-image:radial-gradient(circle,#fffc 10%,#fff0 20%)}}@keyframes radialPulseDark{0%,to{background-image:radial-gradient(circle,#000c 10%,#0000 0)}50%{background-image:radial-gradient(circle,#000c 10%,#0000 20%)}}@keyframes dotMoveLeft{0%{background-position:0 0}to{background-position:30px 0}}@keyframes dotMoveRight{0%{background-position:0 0}to{background-position:-30px 0}}.spinner-container{align-items:center;display:flex;flex-direction:column}.spinner{border-radius:50%;height:200px;overflow:hidden;position:relative;transition:transform 3s ease;width:200px}.spinner-section{align-items:center;display:flex;font-size:24px;font-weight:700;height:50%;justify-content:center;position:absolute;transform-origin:100% 100%;width:50%}.spinner-section:first-child{background-color:#ff6b6b;transform:rotate(0deg) skew(30deg)}.spinner-section:nth-child(2){background-color:#4ecdc4;transform:rotate(60deg) skew(30deg)}.spinner-section:nth-child(3){background-color:#45b7d1;transform:rotate(120deg) skew(30deg)}.spinner-section:nth-child(4){background-color:#f7d794;transform:rotate(180deg) skew(30deg)}.spinner-section:nth-child(5){background-color:#ff9ff3;transform:rotate(240deg) skew(30deg)}.spinner-section:nth-child(6){background-color:#54a0ff;transform:rotate(300deg) skew(30deg)}.spinner-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:20px solid #000;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.spin-button{cursor:pointer;font-size:18px;margin-top:20px;padding:10px 20px}.spin-result{font-size:20px;font-weight:700;margin-top:10px}@media (max-width:768px){.spinner{height:150px;width:150px}.spinner-section{font-size:18px}.spin-button{font-size:16px}}.spinners-container{display:flex;flex-wrap:wrap;justify-content:space-around}.player-spinner{margin-bottom:20px;width:45%}@media (max-width:768px){.player-spinner{width:100%}}.showl{color:var(--toggle-color);font-size:4rem;height:5rem;position:fixed;right:10px;text-align:left;top:10px;transition:color .9s ease;width:5rem}@font-face{font-family:Alloy Ink;font-style:normal;font-weight:400;src:url(/static/media/AlloyInk-nRLyO.d96acdbe2b8a63cb98b9.ttf) format("truetype"),url(/static/media/AlloyInk-lgdWw.10cd038f9ca8a84716e0.otf) format("opentype")}@font-face{font-family:Quill Ink;font-style:normal;font-weight:400;src:url(/static/media/Ink.bb942579ad2b6fde757a.ttf) format("truetype")}.AnimatedTitle{align-items:center;background:none;color:#fff;display:flex;font-size:calc(10px + 2vmin);height:auto;justify-content:center;margin:0;min-height:60px;overflow:hidden;padding:0}.titleContainer{text-align:center;white-space:nowrap}.animatedTitle,.titleContainer{margin:0;padding:0;position:relative}.animatedTitle{font-family:Alloy Ink,Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:2.5rem;line-height:1}@media (min-width:320px) and (max-width:480px){.animatedTitle{font-size:2rem}}@media (min-width:481px) and (max-width:768px){.animatedTitle{font-size:2.5rem}}@media (min-width:769px) and (max-width:1024px){.animatedTitle{font-size:3rem}}@media (min-width:1025px){.animatedTitle{font-size:3.5rem}}body.party-mode:after,body.party-mode:before{animation-duration:0s;animation-duration:var(--animation-duration,initial);background-size:initial;background-size:var(--background-size,initial);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}body.party-mode.light{animation:backgroundShiftLight 5s ease infinite}body.party-mode.dark{animation:backgroundShiftDark 5s ease infinite}body.party-mode.dark:before,body.party-mode.light:after,body.party-mode.light:before{animation-name:dotMoveLeft,radialPulsenew}body.party-mode.dark:after,body.party-mode.dark:before{animation-name:dotMoveLeft,radialPulsenewdark}body.party-mode.dark:after,body.party-mode.light:after{animation-name:dotMoveRight,radialPulsenew;top:15px}body.party-mode.dark:after{animation-name:dotMoveRight,radialPulsenewdark}@keyframes radialPulsenew{0%,to{background-image:radial-gradient(circle,#fffc 10%,#fff0 60%)}50%{background-image:radial-gradient(circle,#fffc 10%,#fff0 60%)}}@keyframes radialPulsenewdark{0%,to{background-image:radial-gradient(circle,#000c 10%,#0000 60%)}50%{background-image:radial-gradient(circle,#000c 10%,#0000 60%)}}.lobby-container{height:100vh;justify-content:center;z-index:100}.room-code{z-index:100}.players-container,.settings{align-items:center;background-color:#ffffffb3;border:.1px solid #ccc;border-radius:10px;display:flex;flex:1 1;flex-direction:column;margin:0 10px;min-height:300px;min-width:200px;padding:20px;text-align:center}body.light .players-container,body.light .settings{background-color:#000000b3}.start-game{margin:20px 0}.host-screen{flex-direction:column;height:100vh;overflow:hidden}.title-bar{align-items:center;background-color:#ffffff80;color:#fff;display:flex;height:auto;justify-content:space-between;left:0;max-height:80px;overflow:hidden;padding:5px 10px;position:fixed;right:0;top:0;width:auto;z-index:1000}.title-bar.light{background-color:#00000080}.title-bar.dark{background-color:#ffffff80}.join-message{flex:1 1;margin-left:290px;text-align:center}.join-message h2{font-size:2.5em;margin:0}.red-text{color:red}.room-info{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;text-align:right}.room-info h2,.room-info h4{font-size:1em;margin:0;padding:2px 0;white-space:nowrap}.room-info h4{font-size:.7em}@media (max-width:768px){.title-bar{align-items:stretch;flex-direction:column;padding:5px}.join-message,.room-info{text-align:center}.room-info{align-items:center}}.carousel-container{height:calc(100vh - 60px);overflow:hidden;position:relative;width:100%}.carousel-item{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;width:100%;will-change:transform,opacity}.guessing-screen,.speaker-screen{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:80%;overflow:auto;padding:2rem;width:80%}.leaderboard-container{padding:1rem;position:absolute;right:20px;top:70px;width:250px}.screen-container{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:100}.guesses-container{display:flex;flex-direction:column}.guess-block{border:1px solid #000;margin:5px 0;padding:10px}.voters{margin-top:5px}.correct{color:green}.incorrect{color:red}.host-screen{width:100%}.players-container{min-height:300px}.settings{border:.1px solid #ccc;font-size:2rem}.game-board{align-items:center;display:flex;flex-direction:column;z-index:100}.board-container{background-color:#f0f0f0;height:600px;margin-bottom:20px;position:relative;width:600px}.board-square{align-items:center;border:1px solid #000;display:flex;font-size:12px;font-weight:700;height:60px;justify-content:center;position:absolute;width:60px}.start{background-color:#ff0}.finish,.start{border-radius:15px;font-size:16px}.finish{background-color:#0ff}.yellow{background-color:#ffa}.blue{background-color:#aaf}.green{background-color:#afa}.red{background-color:#faa}.pick{background-color:#e6e6fa}.warp{background-color:purple;color:#fff}.player-token{border:2px solid #000;border-radius:50%;height:30px;position:absolute;transform:translate(-50%,-50%);width:30px;z-index:10}.game-info{text-align:center}.options{display:flex;gap:10px;justify-content:center;margin-top:10px}.option-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.option-button:hover{background-color:#45a049}.lobby-container{align-items:center;display:flex;flex-direction:column;margin-top:-50px;width:100%}.room-code{margin-bottom:20px;text-align:center}.app-container{width:100%}.app-container,.host-screen{align-items:stretch;display:flex;justify-content:center}.host-screen{margin-left:-20%;width:140%}.players-container{align-items:center;border:.1px solid #ccc;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;margin:0 20px;min-height:60vh;min-width:30%;text-align:center}.settings-trivia{border:.1px solid #ccc;font-size:2rem;margin:50px;min-width:20%}.start-game{background-color:#f0f0f0;border:none;border-radius:10px;color:#000;cursor:pointer;font-family:Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:16px;font-size:2rem;margin:10px;padding:10px 20px;transition:background-color .9s ease,color .9s ease;z-index:1000}.start-game:disabled{background-color:#ccc;cursor:not-allowed}.game-mode-button{animation:swirl 4s linear infinite;background:conic-gradient(from 0deg,red,#fff,red,#fff,red);background-size:200% 200%;border:none;border-radius:10px;cursor:pointer;font-family:Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .9s ease,color .9s ease}@keyframes swirl{0%{background-position:0 0}to{background-position:100% 100%}}.categories-scroll-box{border:0 solid #ccc;max-height:45vh;max-width:400px;overflow-y:auto;padding:10px}.player-item{cursor:pointer}.player-item:hover{text-decoration:line-through}.category-selection-container{display:flex;flex-direction:column;height:100vh;padding:1rem}.category-grid{grid-gap:1rem;display:grid;flex-grow:1;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));overflow-y:auto;padding:.5rem}.category-button{align-items:center;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:1rem;transition:all .3s ease}.category-image{height:80px;margin-bottom:.5rem;object-fit:contain;width:80px}.category-name{color:#fff;font-style:italic;font-weight:700;text-align:center;text-shadow:1px 1px 2px #0009}.leaderboard-content{margin:5%}button{border:none;border-radius:10px;cursor:pointer;font-family:Patrick Hand,Comic Sans MS,cursive,sans-serif;font-size:16px;margin:10px;padding:10px 20px;transition:background-color .9s ease,color .9s ease;z-index:1000}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay-content{background-color:#fff;border-radius:10px;padding:20px;text-align:center}.overlay-content h1,.overlay-content h2{margin:10px 0}.overlay-content button{cursor:pointer;margin:10px;padding:10px 20px}
/*# sourceMappingURL=main.537239f0.css.map*/