@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,500;0,600;0,700;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,500;1,500&display=swap";:root{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:500;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: rgba(255, 255, 255, 1);--background-color: #222222;--subtext-color: rgba(255, 255, 255, .4);--highlight-color: #C2F758;--alert-color: #FF6E6E}body{overflow:hidden;background-color:var(--background-color)}p{font-size:24px;line-height:1;margin:1.5;color:var(--primary-color)}h1{font-size:5em;line-height:1;font-weight:500;color:var(--primary-color)}h2{font-size:2.5em;line-height:1.2;font-weight:500;color:var(--primary-color)}button{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1em;background-color:transparent;color:var(--primary-color);border:none;cursor:pointer;transition:color .15s ease}button:hover,.active{color:var(--primary-color)}.inactive{color:var(--subtext-color)}.highlight{color:var(--highlight-color)}@media (max-width: 480px){p{font-size:12px}}.game-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;max-height:100vh;width:100%;overflow:hidden}.hidden{opacity:0;transition:opacity .2s ease-out;pointer-events:none}.visible{opacity:1;transition:opacity .2s ease-out}.game-screen-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;max-height:100%;width:100%;overflow:hidden}.game-screen-top{display:flex;flex-direction:row;height:80px;width:100%;z-index:100}.game-screen-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.game-screen-main-hints{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%}.game-screen-main-timer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:160px}.game-screen-main-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:calc(100vh - 480px)}.big-timer-show{position:absolute;font-size:220px;font-weight:700;color:var(--subtext-color);z-index:0;-webkit-user-select:none;user-select:none}.big-timer-hidden{position:absolute;font-size:200px;font-weight:700;color:transparent;z-index:0;-webkit-user-select:none;user-select:none}.big-timer-animate{animation:big-timer-animate .5s}@keyframes big-timer-animate{0%{transform:scale(1.15)}80%{transform:scale(1)}}.game-screen-bottom{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:240px}.player-information{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:24px}.player-information>p{margin:.25em}.score-animate{animation:green-to-white 1s}@keyframes green-to-white{10%{color:var(--highlight-color);transform:scale(1.1)}to{color:var(--primary-color);transform:scale(1)}}.word-animation-area{position:absolute;top:0%;display:flex;flex-direction:column;align-items:center;white-space:nowrap;height:3em}@media (max-width: 480px){p{font-size:16px;margin:4px}h1{font-size:3.2em}h2{font-size:24px;margin:12px}.big-timer-show{font-size:140px}.game-screen{justify-content:left}.game-screen-main-timer{justify-content:left;height:auto}.game-screen-main-prompt,.game-over-word-summary{height:120px}.game-screen-bottom{height:200px}.word-animation-area{position:absolute;top:35%;display:flex;flex-direction:column;align-items:center;white-space:nowrap;height:1em}}.prompt-item.score-animate{animation:highlight-to-subtext 1s}@media (max-width: 720px){.game-over-word-summary{top:10%;right:0%;width:auto;height:26vh;align-items:center;padding-right:calc(50vw - 120px)}}.game-screen-top-absolute{position:absolute;top:0;display:flex;flex-direction:row;height:80px;width:100%;z-index:-1}.player-card{width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:24px}.player-card>p{margin:.25em}.player-information-multiplayer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2em}.user-input-field{align-items:center;justify-content:center}.user-input{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:2.5em;text-align:center;background-color:transparent;border:none;width:100vw;height:3em;color:transparent;caret-color:var(--primary-color);z-index:1;overflow:show}.user-input:focus,input:focus{outline:none}.user-input::placeholder{color:var(--subtext-color)}.input-highlight-wrapper{position:relative;width:100%;height:120px}.input-highlighted-text-wrapper{display:flex;flex-direction:row;position:absolute;align-items:center;justify-content:center;width:100%;height:120px;padding-top:1px;z-index:0;font-size:2.5em;pointer-events:none;color:var(--primary-color)}.no-caret{caret-color:transparent!important}.highlight{color:var(--highlight-color);font-weight:500}@media (max-width: 720px){.user-input::placeholder{font-size:.75em}}@media (max-width: 480px){.user-input::placeholder{font-size:24px}.user-input,.user-word-input{font-size:24px;height:80px}.input-highlight-wrapper{height:80px}.input-highlighted-text-wrapper{font-size:24px;height:80px}.user-input-field{align-items:top;justify-content:left;height:48px}}.prompt{color:var(--highlight-color);z-index:1;-webkit-user-select:none;user-select:none}.prompt-score-text{color:var(--highlight-color);z-index:1;line-height:0em}.final-score-wrapper{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center;gap:0em}.prompt-score-text-h2{color:var(--highlight-color);z-index:1;line-height:0em;margin:8px}.animated-word-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.animated-word{position:absolute;top:0%;color:var(--subtext-color);animation:fadeOutWord 3s ease-out forwards}.animated-word-highlight{position:absolute;top:0%;color:var(--alert-color);animation:fadeOutWord 3s ease-out forwards}@keyframes fadeOutWord{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}@media (max-width: 480px){.animated-word-container{font-size:24px}}.prompt-list{position:absolute;top:160px;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;gap:1.5em}.prompt-item{color:var(--subtext-color)}.prompt-item.score-animate{animation:green-to-grey 1s}@keyframes green-to-grey{10%{color:var(--highlight-color);transform:scale(1.1)}to{color:var(--subtext-color);transform:scale(1)}}.game-over-word-summary{position:fixed;top:12%;right:0%;width:100%;max-height:78vh;display:flex;flex-direction:column;align-items:flex-end;padding-right:32px;overflow-y:auto;justify-content:top;gap:0px;z-index:10}.word-summary-item{line-height:0em;font-size:1.5em}@media (max-width: 720px){.game-over-word-summary{top:10%;width:100vw;height:26vh;align-items:center;justify-content:top;padding-right:0}}@media (max-width: 480px){.prompt-list{height:120px;top:140px}}.game-screen-bottom-multiplayer-home{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:top;width:100%;gap:0px;height:240px}#username-input{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:2.5em;text-align:center;background-color:transparent;border:none;width:100vw;height:1.5em;color:var(--primary-color);caret-color:var(--primary-color);z-index:1;overflow:show}#username-input:focus,input:focus{outline:none}#username-input::placeholder{color:var(--subtext-color)}.multiplayer-button-wrapper{display:flex;flex-direction:row;height:120px;width:420px;justify-content:space-between;align-items:end}.multiplayer-button{font-size:1.5em}.multiplayer-button:hover{color:var(--highlight-color)}.join-game-wrapper{display:flex;flex-direction:column}#serverID-input{font-family:IBM Plex Mono,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1.5em;background-color:transparent;width:130px;border:none;padding-left:6px}#serverID-input::placeholder{color:var(--subtext-color)}.game-screen-top{display:flex;flex-direction:row;height:80px;width:100%}.game-screen-top-left{width:100%;display:flex;flex-direction:row;justify-content:left;padding-left:20px}.game-screen-top-center{width:100%;display:flex;flex-direction:row;justify-content:center}.subtext{color:var(--subtext-color)}.game-screen-top-right{width:100%;display:flex;flex-direction:row;justify-content:right;padding-right:20px}.exit-button:hover{color:var(--highlight-color)}