@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Cairo:wght@200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Nosifer&display=swap";:root{font-family:Cairo,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hint-background: rgb(31, 28, 40);--border: rgb(198, 217, 252);--border-error: rgb(254, 81, 95);--background: rgb(22, 20, 25);background-color:var(--background)}h1{font-family:Audiowide,sans-serif;font-size:36px;margin:0}@keyframes fade-in{0%{opacity:0%}to{opacity:100%}}#root{max-width:1280px;margin:0 auto;text-align:center}a{color:var(--border);font-size:24px}.home-body-container{display:flex;flex-direction:column;align-content:center;justify-content:center;min-height:90vh;gap:1rem}h1{font-size:4em}.home-title{animation-delay:0s!important}.home-title,.category-direction,.home-body-container>.menu,.home-body-container>a,.home-body-container>hr,.home-button{animation-name:fade-in;animation-duration:1s;animation-timing-function:ease;animation-delay:.5s;animation-fill-mode:both}.home-body-container>.menu{z-index:4}.category-direction{font-size:22px;margin:0}.home-button{border:var(--border) 1px solid;font-family:inherit;font-size:20px;background-color:transparent;color:var(--border);padding:.4rem 1.2rem;border-radius:2rem;transition:background-color .5s ease;width:400px;max-width:90vw;align-self:center}.home-button:hover{background-color:var(--border);color:var(--background)}hr{border:var(--border) .5px solid;width:60vw;margin-block:0;margin-inline:0;margin:1rem 0;align-self:center}.menu{position:relative;left:35%;padding:5px;color:var(--border);background-color:transparent;font-weight:400;text-align:center;vertical-align:middle;border:1px solid var(--border);font-size:20px;max-width:30%;line-height:1.5;border-radius:2rem;cursor:pointer;margin-bottom:.5em;font-family:inherit}.menu:hover{color:#fff;background-color:var(--border);color:var(--background);border-color:var(--border)}.menu.active{background-color:var(--border);color:var(--background);border-color:var(--border)}.dropdown{position:absolute;top:40px;left:-1px;background:var(--hint-background);padding:0;min-width:100%;color:#000;text-align:center;border-radius:.25rem;border-radius:1rem;z-index:5}.dropdown>p{margin:0;padding:.375rem .88rem;border-bottom:1px solid transparent;min-width:50px;color:#fff;border-radius:2rem}.dropdown>p:hover{color:var(--border);outline:1px solid var(--border)}.dropdown>p:last-child{border-bottom:0 none}.spooky-title{font-family:Nosifer,sans-serif;font-weight:400;font-style:normal}.movieguessr-container{display:flex;flex-flow:column nowrap;gap:1.5rem;align-items:center;justify-content:flex-start}@keyframes across-screen{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 480px),30vh)}}.ghost{position:fixed;right:-480px;animation-name:across-screen;animation-duration:9s;animation-timing-function:linear;animation-fill-mode:both}.round-count{margin:0;font-size:26px}.stats-container{display:flex;flex-flow:row wrap;gap:5rem;align-items:center;justify-content:center}.hint-count,.point-count{font-size:28px;margin:0}.hint-count-text,.point-count-text{font-size:22px;margin:0}.guess-form{display:flex;flex-flow:column nowrap;gap:1rem;align-items:center;justify-content:center}.guess-input{border:var(--border) 1px solid;font-family:inherit;font-size:20px;border-radius:2rem;padding:.7rem 1.2rem;width:600px;text-align:center;background-color:transparent;color:inherit;font-weight:700}@media screen and (max-width:800px){.guess-input{width:80vw}}.guess-input:focus-visible{outline:none}.guess-input.wrong{animation-name:buzz;animation-duration:1s;animation-timing-function:ease}@keyframes buzz{0%{border:var(--border) 1px solid}50%{border:var(--border-error) 1px solid}to{border:var(--border) 1px solid}}.submit-button{border:var(--border) 1px solid;font-family:inherit;font-size:20px;background-color:transparent;color:var(--border);padding:.4rem 1.2rem;border-radius:2rem;transition:background-color .5s ease}.submit-button:hover{background-color:var(--border);color:var(--background)}.hint-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:800px;margin:auto}@media screen and (max-width:800px){.hint-grid{width:90vw}}.hint{background-color:var(--hint-background);border:var(--border) 1px solid;border-radius:2rem;display:flex;flex-flow:column nowrap;gap:1rem;padding:1rem;box-sizing:border-box;width:100%;animation-name:fade-in;animation-duration:1s;animation-timing-function:ease}.hint-heading,.hint-text{margin:0}.popup-content{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);background-color:var(--hint-background);width:40vw;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;border-radius:2rem;box-shadow:#000 0 10px 15px;gap:2rem;padding:1rem 0;box-sizing:border-box;border:var(--border) 1px solid;animation-name:fade-in;animation-duration:.5s;animation-timing-function:ease}@media screen and (max-width:800px){.popup-content{width:90vw}}.overlay{height:200vh;width:100vw;position:absolute;top:0;left:0;background-color:#00000080;z-index:2;animation-name:fade-in;animation-duration:.5s;animation-timing-function:ease}.popup-text{margin:0;font-size:20px}.play-again-button{border:var(--border) 1px solid;font-family:inherit;font-size:20px;background-color:transparent;color:var(--border);padding:.4rem 1.2rem;border-radius:2rem;transition:background-color .5s ease}.play-again-button:hover{background-color:var(--border);color:var(--background)}.crystalball-img{height:200px;width:200px;object-fit:cover;margin-top:5px;margin-bottom:1em}.popup-content{position:fixed;top:50vh;left:50vw;transform:translate(-50%,-50%);background-color:var(--hint-background);width:40vw;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;border-radius:2rem;box-shadow:#000 0 10px 15px;gap:2rem;padding:1rem 0;box-sizing:border-box;border:var(--border) 1px solid}.overlay{height:200vh;width:100vw;position:absolute;top:0;left:0;background-color:#00000080;z-index:2}.popup-title{margin:0;font-size:28px}.popup-text,.username-label{margin:0;font-size:20px}.username-input{border:var(--border) 1px solid;font-family:inherit;font-size:20px;border-radius:2rem;padding:.7rem 1.2rem;width:80%;text-align:center;background-color:transparent;color:inherit}.username-input:focus-visible{outline:none}.popup-error{color:var(--border-error)}.popup-button{border:var(--border) 1px solid;font-family:inherit;font-size:20px;background-color:transparent;color:var(--border);padding:.4rem 1.2rem;border-radius:2rem;transition:background-color .5s ease}.popup-button:hover{background-color:var(--border);color:var(--background)}.leaderboards-cont{display:flex;flex-flow:column nowrap;gap:1.5rem;align-items:center}.leaderboard-text{margin:0;font-size:22px}.floating{position:fixed;top:20px;left:30px;width:fit-content;height:fit-content;border:var(--border) 1px solid;border-radius:2rem;padding:1rem}.leaderboard-card{display:flex;flex-flow:row nowrap;gap:1rem;align-items:center;justify-content:flex-start;width:400px;max-width:90vw;padding:1rem;box-sizing:border-box;border-radius:2rem;background-color:var(--hint-background);animation-name:fade-in;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:both}.leaderboard-card:first-of-type{transform:scale(1.2)}.card-text{margin:0;font-size:20px}.leaderboard-position{border:var(--border) 1px solid;font-weight:700;font-size:24px;width:60px;height:60px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;border-radius:100%}.leaderboard-dropdown{width:400px;position:relative;left:auto}