@font-face{font-family:LittleMicroSans;font-style:normal;font-weight:400;src:url(/static/media/LittleMicroSansTrial-Reg.7cc0ce6ffe821af7fa78.otf) format("opentype")}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}*,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:LittleMicroSans,sans-serif;margin:0}.theme-toggle{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;overflow:hidden;position:fixed;right:28px;top:25px;transition:all .3s ease;width:30px;z-index:1000}.settings-popup .theme-toggle{height:40px;position:static;width:40px;z-index:auto}.theme-toggle.light{background:linear-gradient(135deg,#b00000,#049)}.theme-toggle.dark{background:#fdf6e3}.container-form .theme-toggle.light{background:linear-gradient(135deg,#d00000,#06c 50%,#090)}.theme-toggle:hover{box-shadow:0 6px 20px #0003;transform:scale(1.1)}.theme-toggle:active{transform:scale(.95)}.join-prompt-container{align-items:center;display:flex;justify-content:center;min-height:100vh;transition:all .3s ease}.join-prompt-container.light{background:#fdf6e3}.join-prompt-container.dark{background:linear-gradient(135deg,#d00000,#06c 50%,#090)}.join-prompt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:500px;padding:3rem;text-align:center;width:100%}.join-prompt.light{background:linear-gradient(145deg,#eee8d5,#fdf6e3 50%,#f4f1e8)}.join-prompt.dark{background:linear-gradient(145deg,#e3f2fd,#bbdefb 50%,#90caf9)}.join-prompt .title{font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:2rem;text-shadow:0 2px 4px #0000001a}.join-prompt h2{color:#2c3e50;font-size:1.5rem;margin-bottom:1rem;text-shadow:0 1px 2px #0000000d}.join-prompt p{color:#34495e;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.join-link-button{background:linear-gradient(135deg,#d00000,#b00000);border:none;border-radius:12px;box-shadow:0 8px 25px #d000004d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:400;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.join-link-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.join-link-button:hover:before{left:100%}.join-link-button:hover{background:linear-gradient(135deg,#b00000,#900000);box-shadow:0 12px 35px #d0000066;color:#fff;text-decoration:none;transform:translateY(-3px)}@media (max-width:768px){.join-prompt-container{padding:1rem}.join-prompt{padding:2rem}.join-prompt .title{font-size:2rem}.join-prompt h2{font-size:1.3rem}.join-prompt p{font-size:1rem}.join-link-button{font-size:1rem;padding:.8rem 1.5rem}}.container-form{align-items:center;display:flex;height:100vh;justify-content:center;transition:all .3s ease}.container-form.light{background:#fdf6e3}.container-form.dark{background:linear-gradient(135deg,#d00000,#06c 50%,#090)}.entry-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #00000026;max-width:400px;padding:3rem;text-align:center;width:100%}.entry-form.light{background:linear-gradient(145deg,#eee8d5,#fdf6e3 50%,#f4f1e8)}.entry-form.dark{background:linear-gradient(145deg,#e3f2fd,#bbdefb 50%,#90caf9)}.entry-form .title{font-size:2.5rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #0000001a}.form-input{background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;color:#2c3e50;font-size:1em;letter-spacing:.05em;margin-bottom:1em;margin-top:1em;padding:.75em;transition:all .3s ease;width:100%}.form-input:focus{border-color:#06c;box-shadow:0 4px 12px #06c3;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#2c3e50b3}.container-form.dark .form-input{background:#0000;border:1px solid #ffffff4d;color:#fff}.container-form.dark .form-input::placeholder{color:#ffffffb3}.form-button{background:linear-gradient(135deg,#d00000,#b00000);border:none;border-radius:12px;box-shadow:0 8px 25px #d000004d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:300;margin-top:2em;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s ease;width:70%}.form-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.form-button:hover:before{left:100%}.form-button:hover{background:linear-gradient(135deg,#b00000,#900000);box-shadow:0 12px 35px #d0000066;transform:translateY(-3px)}.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#eee8d5,#fdf6e3 50%,#f4f1e8);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #00000026;color:#2c3e50;font-size:1.5rem;padding:2em;text-align:center}.container-form.dark .loading{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:1px solid #ffffff4d;box-shadow:none;color:#fff}.container-gif{align-items:center;display:flex;flex-direction:column}.gif{margin-bottom:2em}@media screen and (max-width:768px){.container-form{padding:1rem}.entry-form{padding:2rem}.entry-form:before{font-size:2rem}}@media screen and (min-width:1281px){.entry-form{transform:scale(1.1);transform-origin:center}}.card,.card-clicked,.card-revealed{align-items:center;border-radius:.5em;display:flex;font-size:1.4em;height:100%;justify-content:center;letter-spacing:.07em;transition:all .3s ease;width:100%}.card-clicked.light,.card-revealed.light,.card.light{background-color:beige;border:.1em solid beige}.card-clicked.dark,.card-revealed.dark,.card.dark{background-color:initial;border:none}.card-clicked.light:not(.red):not(.blue):not(.yellow):not(.grey):not(.black):hover,.card.light:not(.red):not(.blue):not(.yellow):not(.grey):not(.black):hover{background-color:#d3d3d3!important;transition:background-color .2s ease,border .8s ease-in}.card-clicked.dark:not(.red):not(.blue):not(.yellow):not(.grey):not(.black):hover,.card.dark:not(.red):not(.blue):not(.yellow):not(.grey):not(.black):hover{background-color:#ffffff1a!important;transition:background-color .2s ease,border .8s ease-in}.card-clicked.light{border:.1em solid #acacac}.card-clicked.dark{border:.1em solid #ffffff4d}.card-clicked.red,.card-revealed.red,.card.red{background-color:red;transition:background-color 4s}.card-clicked.blue,.card-revealed.blue,.card.blue{background-color:blue;transition:background-color 4s}.card-clicked.yellow,.card-revealed.yellow,.card.yellow{background-color:orange;transition:background-color 4s}.card-clicked.grey,.card-revealed.grey,.card.grey{background-color:grey;transition:background-color 4s}.card-clicked.black,.card-revealed.black,.card.black{background-color:#000;transition:background-color 4s}.card-clicked.red .word{color:red;transition:color .3s ease}.card-clicked.blue .word{color:blue;transition:color .3s ease}.card-clicked.yellow .word{color:orange;transition:color .3s ease}.card-clicked.grey .word{color:grey;transition:color .3s ease}.card-clicked.black .word{color:#000;transition:color .3s ease}.card-revealed:hover .word{color:#fff!important;transition:color .3s ease}.container-board{grid-gap:.4em;border-radius:.5em;display:grid;gap:.4em;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:60vh;max-height:40em;max-width:60em;padding:.6em}.container-board.light{background-color:beige;box-shadow:none}.container-board.dark{background:#0000;box-shadow:none}.container-team{align-items:center;display:flex;flex-direction:row;height:100%}.container-team.red{justify-content:center}.container-team.blue{justify-content:flex-end}.score-box,.team-names{display:flex;flex-direction:column}.score-box{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:12px;color:#fff;gap:.5em;height:120px;justify-content:flex-start;padding:.8em;width:70px}.game-container.light .score-box{border:none;border-radius:12px;justify-content:flex-start;max-height:60px;position:relative;transition:all .3s ease}.game-container.dark .score-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;justify-content:center;max-height:60px;overflow:hidden;padding:.8em;position:relative;transition:all .3s ease}.game-container.dark .score-box:hover{gap:.5em;margin-left:-7.5px;margin-right:-7.5px;max-height:120px;width:85px}.redTeam{color:red}.blueTeam{color:blue}.game-container.dark .redTeam{color:#ff3737}.game-container.dark .blueTeam{color:#1692ff}.number{flex-shrink:0;font-size:2em;font-weight:700;margin-top:0}.join-team-button{background:#ffffff26;border:none;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;font-size:.9em;font-weight:500;line-height:1.2;opacity:0;overflow:visible;padding:.4em .6em;text-align:center;transform:translateY(10px);transition:all .3s ease;white-space:normal}.game-container.light .join-team-button{background:#ffffff1a;border-radius:6px;color:#888;margin:.2em 0;padding:.4em .6em}.game-container.dark .join-team-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;bottom:-40px;color:#fff;opacity:0;position:absolute;transform:translateY(10px);transition:all .3s ease}.game-container.dark .score-box:hover .join-team-button{bottom:0;opacity:1;position:relative;transform:translateY(0)}.score-box:hover .join-team-button{opacity:1;transform:translateY(0)}.join-team-button:hover{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.game-container.light .join-team-button:hover{background:#0003;box-shadow:0 4px 8px #00000026}.clue-container{height:100%}.clue-container,.clue-form{align-items:center;display:flex;justify-content:center;width:100%}.clue-form{font-size:1em}.clue-input{border:3px solid #ccc;border-radius:6px;box-shadow:2px 2px 0 #0000001a;font-size:1.2em;margin-top:5%;padding:.2em 1em;transition:all .3s ease}.clue-input.light{background:#0000;border-color:#0000004d;color:#333}.clue-input.dark{background:#0000;border-color:#ffffff4d;color:#f0f0f0}.clue-input[type=text]{margin-right:2%;width:11em}.clue-input[type=number]{width:4em}.clue-button{background:#d00000;border:none;border-radius:6px;box-shadow:2px 2px 0 #0000001a;color:#fff;font-size:1.2em;margin-left:5%;margin-top:5%;padding:.4em 1em;white-space:nowrap;width:auto}.end-turn-button{font-size:1em;letter-spacing:.05em;margin-bottom:.8em;margin-left:2em}.clue-button:hover{background:#b00000}.clue-display{border:2px solid #aaaa8c;border-radius:6px;font-size:1.5em;margin-bottom:.2em;padding:.5em .8em;transition:all .3s ease;width:-webkit-max-content;width:max-content}.clue-display.light{background:#0000;border-color:#0000004d;color:#333}.clue-display.dark{background:#0000;border-color:#ffffff4d;color:#f0f0f0}.clue-display-container{align-items:center;display:flex;justify-content:center}.clue-bottom{align-items:center;display:flex;flex-direction:row;gap:1.5em;justify-content:flex-start}.waiting-clue{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:1.2em;font-weight:500;padding:1em 2em;transition:all .3s ease;white-space:nowrap}.game-container.light .waiting-clue{background:#ffffff1a;border:1px solid #00000014;box-shadow:0 4px 12px #00000014;color:#888}.game-container.dark .waiting-clue{background:#ffffff1a;border:1px solid #fff3;box-shadow:0 4px 12px #0000004d;color:#f0f0f0}@media screen and (min-width:1281px){.clue-container{margin-bottom:1em}.clue-bottom,.clue-display{margin-bottom:.5em}}.game-container{align-items:stretch;display:flex;height:100vh;overflow:hidden;transition:all .3s ease;width:100vw}.game-container.light{background-color:beige}.game-container.dark{background:linear-gradient(135deg,#b00000,#049)}.vertical-container{flex:1 1 auto;flex-direction:column;height:100%;justify-content:flex-start;margin:0;padding-top:2em}.team,.vertical-container{align-items:center;display:flex}.team{align-self:stretch;min-width:100px;width:10vw}.team.red{justify-content:flex-end;padding-right:5px}.team.blue{justify-content:flex-start;padding-left:5px}.title{font-size:3.5em;letter-spacing:.2em;margin:0 0 .4em;text-align:center}.board{flex:1 1 auto;margin-top:0}.clue{align-items:center;display:flex;justify-content:center;margin-bottom:4.5em;width:40%}.swal2-container{align-items:center!important;display:flex!important;justify-content:center!important;padding:0!important}.swal2-popup{margin:0!important;width:42em!important}.game-over-message{align-items:center;display:flex;justify-content:center;margin-bottom:4.5em;width:40%}.game-over-message button{background:linear-gradient(135deg,#d00000,#b00000);border:none;border-radius:12px;box-shadow:0 4px 12px #d000004d;color:#fff;cursor:pointer;font-size:1.5em;padding:.5em 1.5em;transition:all .3s ease}.game-over-message button:hover{box-shadow:0 6px 16px #d0000066;transform:translateY(-2px)}.game-over-message button:active{transform:translateY(0)}.swal2-confirm{background-color:red}div:where(.swal2-container) button.swal2-styled.swal2-confirm:hover{background-color:gray;transition:background-color .4s ease}.swal2-styled:focus{box-shadow:none;outline:none}.undefined{font-size:1.5em;margin-top:2em;text-align:center}@media screen and (min-width:1281px){.game-container{height:86.95652vh;transform:scale(1.15);transform-origin:top left;width:86.95652vw}}.settings-container{position:fixed;right:20px;top:20px;z-index:1000}.settings-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:center;transition:background-color .2s ease,transform .5s ease;width:45px}.settings-button:hover{background-color:#0000001a}.settings-button.rotated{transform:rotate(90deg)}.settings-button img{height:auto;width:24px}.settings-title{color:inherit;font-size:14px;font-weight:500}.settings-popup{background:beige;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:220px;min-width:200px;position:absolute;right:0;top:55px}.settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.settings-header h3{color:grey;font-size:16px;font-weight:400;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.close-button:hover{background-color:#0000001a}.settings-content{padding:20px}.setting-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-item label{color:inherit;font-size:14px;font-weight:500;margin-right:10px}.new-game-button{background:linear-gradient(135deg,#d00000,#b00000);border:none;border-radius:6px;box-shadow:0 2px 8px #d000004d;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.new-game-button:hover{box-shadow:0 4px 12px #d0000066;transform:translateY(-1px)}.new-game-button:active{transform:translateY(0)}.dark .settings-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-color:#fff3;color:#fff}.dark .settings-header{border-bottom-color:#444}.dark .close-button:hover{background-color:#ffffff1a}.github-container{bottom:20px;left:20px;position:fixed;z-index:1000}.github-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:42.5px;justify-content:center;transition:background-color .2s ease;width:42.5px}.github-button:hover{background-color:#0000001a}.github-button img{filter:brightness(1.5) contrast(.8);height:auto;width:24px}
/*# sourceMappingURL=main.e6715d92.css.map*/