:root{--primary-colour:#000;--background-colour:#000;--text-colour:#fff;--accent-colour:#c04b4b}#root,body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0;z-index:1}@font-face{font-family:title;src:url(/static/media/awaken.0e336cb48d6e43f63346.ttf) format("truetype")}h1,h2,h3,h4,h5,h6{font-family:title}@font-face{font-family:main;src:url(/static/media/RobotoMono-Bold.7211ab61a8b83177865a.ttf) format("truetype")}h1,h2,h3,h4,h5,h6,html{color:#fff;color:var(--text-colour);font-weight:400}html{background-color:#000;background-color:var(--background-colour);scroll-behavior:smooth}html,input{font-family:main}input{background-color:initial;border:none;border-bottom:2px solid #fff;border-bottom:2px solid var(--text-colour);border-radius:0!important;color:#fff;color:var(--text-colour);padding:10px}textarea{font-family:main}textarea:focus{outline:none;outline:2px solid #fff;outline:2px solid var(--text-colour)}button{text-wrap:nowrap;background-color:#fff;border:none;border-radius:0;box-sizing:border-box;color:#000;cursor:pointer;font-family:main;outline:none;padding:10px 20px;transition:transform .2s ease-in-out}button:disabled{cursor:not-allowed;opacity:.7}.button-container{display:flex;gap:15px;justify-content:flex-start;margin-top:10px;z-index:1}.outline-button{background-color:#fff;color:#000}.one-line-input-container{display:flex;gap:10px}.one-line-input-container label{display:flex;flex:1 1}.guide h1{position:relative;z-index:1}.tutorial{display:flex;flex-direction:column;gap:30px;margin-top:30px}.about-page p,.contact p,.tutorial p{opacity:.8}.guide{margin-bottom:30px}.about-page h1{position:relative}.about-content{margin-top:30px}body{background-color:#000;background-color:var(--background-colour);color:#fff;color:var(--text-colour);display:flex;flex-direction:column;overflow-x:hidden}input:focus{border:none;border-bottom:2px solid #fff;border-bottom:2px solid var(--text-colour);outline:none}.page-container{height:100%;min-height:fit-content;padding:20px 30px 30px;position:relative}.page-container,.page-content{display:flex;flex-direction:column}.page-content{flex:1 1;margin-top:120px}.server-down h1{font-size:3rem;margin-bottom:20px}.nav-bar{background-color:initial;z-index:3}.nav-content{align-items:center;display:flex;justify-content:space-between}.nav-links{display:flex;gap:35px}.nav-links-separator{align-items:center;display:flex;gap:30px}.nav-links a{color:var(--text-colour);font-weight:500;opacity:.7;text-decoration:none;transition:opacity .3s ease-in-out}.nav-links a:hover{opacity:1}.nav-links .active{border-bottom:3px solid var(--text-colour);font-weight:700;opacity:1}.nav-links .active-home-link{opacity:1}.nav-buttons button{cursor:pointer;font-weight:lighter;padding:6px 12px}.nav-content .nav-buttons{margin-top:0}.home-nav-item{animation:spin 1s ease-in-out forwards;height:30px}@media (max-width:800px){.nav-buttons{display:none}}@media (max-width:600px){.nav-links{justify-content:space-between;width:100%}}.notification-popup{animation:fadeInOut .3s ease;background-color:#fff;color:var(--accent-colour);font-size:.7rem;outline:2px solid var(--text-colour);padding:5px 8px;text-align:center;width:100vw;z-index:1000}.notification-container{bottom:0;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:0;z-index:1000}.notification-popup.error{color:#ce4747}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fly-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:600px){.notification-container{left:0;right:auto;top:0}.notification-popup{animation:fly-down .3s ease!important;border-bottom:2px solid var(--text-colour);font-size:1rem;outline:none!important;width:100vw}}.modal-content input{text-align:start;width:100%}.join-lobby-loading{align-items:center;height:100%;justify-content:center;width:100%}.join-lobby-loading,.modal-content{display:flex;flex-direction:column;gap:10px}.modal-content{background:#000;box-sizing:border-box;height:fit-content;justify-content:space-between;outline:2px solid var(--text-colour);padding:2rem 2rem 20px;text-align:start;width:400px}.modal-buttons{display:flex;gap:10px;justify-content:flex-start;margin-bottom:5px;margin-top:1rem}.modal-error{margin-top:10px}.modal-overlay{align-items:center;animation:fade-in .6s forwards;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.lobby-code-inputs,.modal-overlay{display:flex;justify-content:center}.lobby-code-inputs{gap:10px;margin-top:10px}.lobby-char-input{background:#181818;background-color:#000;border:2px solid #333;border:2px solid var(--text-colour,#333);border-radius:6px;color:#fff;color:var(--text-colour,#fff);font-size:2rem;height:44px;outline:none;text-align:center;transition:border .2s;width:36px}.lobby-char-input:focus{border:2px solid #09f;border:2px solid var(--accent-colour,#09f)}@keyframes fade-in{0%{background:#0000}to{background:#0009}}@media (max-width:600px){.modal-content{animation:rise-in .6s forwards;bottom:0;height:fit-content;padding:15px 15px 1rem;position:absolute;width:100vw}.modal-overlay{align-items:flex-end;justify-content:flex-end}}@keyframes rise-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.home-page{display:flex;flex-direction:column;gap:20px;text-align:start;z-index:2}.home-page h1{color:#fff;font-size:9rem;z-index:1}.home-page p{opacity:.9;z-index:1}.home-line{background-color:var(--text-colour);bottom:30px;height:calc(100% - 100px);opacity:1;position:absolute;right:30px;width:3px}.about-content{display:flex;flex-direction:column;gap:20px}.home-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.home-image.low-opacity{filter:brightness(.8)}@media (max-width:800px){.home-page h1{font-size:5rem}.home-line{display:none}.home-page p{font-size:.9rem}}@media (max-width:415px){.home-page h1{font-size:4rem}.home-page p{font-size:.8rem}}@media (max-width:450px){.home-page .button-container{flex-direction:column}.home-page .button-container button{width:fit-content}}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:9999}.spinner{animation:spin 1s linear infinite;border:6px solid #eee;border-radius:50%;border-top-color:#333;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.footer{align-items:flex-end;box-sizing:border-box;display:flex;gap:20px;justify-content:flex-end;width:100%;z-index:2}.footer a{text-wrap:nowrap;color:var(--text-colour);font-size:.8rem;opacity:.7;text-decoration:none;transform:translateY(5px)}.footer-line{background-color:var(--text-colour);box-sizing:border-box;height:3px;opacity:1;width:100%}@media (max-width:800px){.footer-line{display:none}}.lobby-container{flex:1 1 auto;flex-direction:column;padding-bottom:20px}.lobby{display:flex;flex-direction:column;gap:20px;height:100%;max-width:calc(100% - 420px);min-height:0}.lobby h1{font-size:4rem}.no-players-message{margin-top:20px;opacity:.8}.lobby-chat-container{display:flex;flex:1 1 auto;flex-direction:row;gap:20px;height:100%;min-height:0}.lobby{height:fit-content;width:100%}.lobby-link{color:var(--text-colour);text-decoration:none}.lobby-content{display:flex;flex-direction:row;gap:30px;height:100%}.sender-message{border-bottom:2px solid var(--text-colour)}.voting-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-bottom:40px;padding-top:30px;width:fit-content;width:100%}.voting-buttons .card{border:3px solid var(--text-colour)}.voting-buttons .card:hover{transform:scale(1.05);transition-duration:.2s}.voting-buttons .card{opacity:.7}.role-votes span{display:flex;gap:7px}.mean-value{color:var(--text-colour)}.role-title{border-bottom:3px solid var(--text-colour);padding-bottom:2px;width:fit-content}.card.active{opacity:1;transform:scale(1.05)}.vote-container p.active{color:var(--text-colour);font-weight:700;opacity:1}.votes-section,.voting-buttons-container{margin-top:20px}.votes-section{display:flex;flex-direction:column;gap:30px}.card{align-items:center;background-color:#fff;color:#000;cursor:pointer;display:flex;font-size:1.4rem;height:120px;justify-content:center;position:relative;transform-style:preserve-3d;transition:all .3s ease;transition-duration:.6s;transition-timing-function:ease-in-out;width:80px}.card-wrapper{display:inline-block;perspective:1000px}.card .back,.card .front{align-items:center;backface-visibility:hidden;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card .front{background:#303030;font-size:1rem;font-weight:700;z-index:2}.card .back.active{background-color:var(--accent-colour)}.card .back{background-color:#1d1d1d;border:1px solid var(--text-colour);color:#fff;font-size:1.5rem;outline-offset:-3px}.card.empty-card{background-color:#ffffff17;border:1px solid hsla(0,0%,100%,.415);box-shadow:none;color:var(--accent-colour)!important;cursor:default;font-size:1rem}.flip-right .card .back,.flip-right.visible .card{transform:rotateY(180deg)}.votes-container{display:flex;flex-wrap:wrap;gap:10px}.vote-container{display:flex;flex-direction:column;gap:10px;margin-top:20px;max-width:100px}.leave-button{background-color:var(--accent-colour);border:2px solid var(--text-colour);color:var(--text-colour)}.lobby-code{border-bottom:5px solid var(--text-colour);font-size:3rem;width:fit-content}.vote-controls{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.combined-votes,.top-line{display:flex}.vote-controls button{width:fit-content}.vote-container p{text-wrap:nowrap;font-size:.7rem;max-width:80px;opacity:.7;overflow:hidden;text-overflow:ellipsis}.chat-container{border-left:2px solid hsla(0,0%,100%,.361);display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;padding-left:20px;position:absolute;right:0;width:400px}.lobby-content{position:relative}.chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;margin-bottom:15px;min-height:0;overflow-y:auto;padding-right:10px}.chat-text{opacity:.7}.chat-text.lobby-message{font-weight:heavy}.chat-header{border-bottom:3px solid var(--text-colour);font-size:1.5rem;margin-bottom:20px;padding-bottom:4px;-webkit-text-decoration:bold;text-decoration:bold;width:fit-content}.chat-input{display:flex;gap:20px}.chat-input input{flex:1 1}.disabled-button{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6;pointer-events:none}.role-selection-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin:1rem 0 10px}.name-prompt input{margin-top:15px}.name-prompt input::placeholder{color:#dbdbdb}.role-button{border:2px solid hsla(0,0%,100%,.625);cursor:pointer;font-weight:lighter;padding:.45rem 1rem;transition:.2s ease-in-out;-webkit-user-select:none;user-select:none}.role-button.selected{background-color:#fff;color:#000}.role-button input[type=radio]{display:none}.name-prompt h1{font-size:4rem;margin-bottom:20px}.name-prompt{align-items:flex-start;display:flex;flex-direction:column;gap:10px}@media (max-width:1000px){.chat-container{display:none}.lobby{max-width:100%}}.contact h1{margin-bottom:20px;position:relative}.contact button{width:fit-content}.contact form{gap:28px;margin-top:30px;width:400px}.contact form,label{display:flex;flex-direction:column}label{color:#ffffffc0;font-weight:600}.contact form input{margin-top:5px;padding:5px 10px}.thank-you{margin-top:20px}@media (max-width:550px){.contact form{width:100%}}
/*# sourceMappingURL=main.9f456b19.css.map*/