@font-face{font-family:Fugaz One;src:url(/assets/FugazOne-Regular-e9bdf2f2.ttf)}body,html{margin:0;width:100%;height:100%;background-color:var(--background-color);display:flex;justify-content:center;align-items:center}#app{width:100%;height:100%}*{margin:0;box-sizing:border-box;font-family:Fugaz One,cursive;-webkit-user-select:none;user-select:none}.input{border-radius:10px;border:none;box-shadow:0 0 10px #000;background-color:var(--background-color)}.input:focus{outline:none}button:hover{cursor:pointer}.button{background-color:var(--primary-color);color:#fff;border:none;border-radius:10px;box-shadow:0 0 10px #000;transition:transform .1s ease-in-out;display:flex;justify-content:center;align-items:center}.basic-button{padding:10px;font-size:20px}.icon-button{font-size:30px;width:60px;height:60px}.negative-button{background-color:var(--negative-color)}.positive-button{background-color:var(--positive-color)}.button:hover{transform:scale(1.05)}.dark-container{box-shadow:0 0 20px var(--dark-color);padding:20px;border-radius:20px;background-color:var(--dark-color)}.credits{bottom:2px;right:10px;position:fixed;color:#fff}.room{width:100%;min-height:100%;display:flex;justify-content:center;align-items:center}.open-controls-button-container{position:fixed;right:10px;top:10px;z-index:2}.room-controls{z-index:2;position:fixed;right:80px;top:10px;transform:translate(200%);transition:transform .2s ease-in-out;border-radius:10px;display:flex;gap:10px}.room-controls.room-controls-visible{transform:translate(0)}@media only screen and (min-width: 769px){.room-controls{right:10px;bottom:10px;transform:translate(0)}.open-controls-button-container{display:none}}@media only screen and (min-width: 1600px){.open-chat-button-container{display:none}}.leave-room-button{background-color:#000;color:var(--negative-color)}.player-list-title{margin-bottom:20px}.player-list-items-container{display:flex;flex-direction:column;gap:10px}.player-list-item{border-radius:10px;background-color:var(--primary-color);padding:8px;color:#fff;box-shadow:0 0 10px #000;display:flex;justify-content:space-between;align-items:center}.player-list-item-metadata{display:flex;gap:5px;font-size:17px;align-items:center}.player-list-item-metadata .fa-screwdriver-wrench{color:#ffa600}.room-overview{width:400px;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:20px}.room-overview-container{width:100%}.room-overview h1{color:var(--primary-color)}.room-info{display:flex;justify-content:space-between;align-items:center}.room-info-controls{display:flex;gap:10px}.player-list-container{position:relative}.start-button{padding:10px;font-size:25px;border-radius:20px;width:50%}.start-button-container{width:100%;display:flex;justify-content:center}.room-settings{position:fixed;z-index:2;display:flex;flex-direction:column}.room-settings-info h1{color:var(--primary-color)}.room-settings-info{margin-bottom:20px;position:relative}.room-settings-info p{color:gray;font-size:13px}.room-settings-contents{overflow-y:auto;overflow-x:visible;min-height:0px;flex-grow:1}.room-settings-item-container{display:flex;flex-direction:column;gap:10px}.room-settings-close-button{position:absolute;right:0;top:0;background-color:transparent;color:var(--negative-color);border:none;font-size:25px;width:25px;height:25px;display:flex;justify-content:center;align-items:center}.open-card-deck-button-container{max-width:100%;overflow:hidden}.open-card-deck-button-container button{width:100%}@media only screen and (min-width: 769px){.room-settings-close-button{display:none}.room-settings{left:20px;top:20px;width:300px;max-height:90%}}@media only screen and (max-width: 768px){.room-settings{left:5%;width:90%;bottom:120px;max-height:80%}}.open-card-deck-button{padding:10px;font-size:20px}.card-deck-edit-container{position:fixed;left:50%;top:50%;transform:translate(-50%) translateY(-50%);max-width:90%;width:90%;height:90%;overflow-y:hidden}.room-settings-item{background-color:var(--background-color);border-radius:10px;padding:10px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:20px}.switch-input{font-size:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.switch-input:not(.switch-input-disabled):hover{cursor:pointer}.switch-input-on{color:var(--positive-color)}.switch-input-off{color:gray}.switch-input-disabled{opacity:.5}.colorButtons{button {width: 40px; height: 40px} display: flex;gap:10px}.chosenColors{div {width: 20px; height: 20px; border-radius: 5px;} .colorPlaceholder {background-color: gray;} display: flex;gap:5px}.colorInput{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.controls{display:flex;gap:10px}.round{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.board{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;td {width: 30px; height: 40px;} div {width: 30px; height: 30px; border-radius: 20px; margin: auto;} th {box-shadow: 0px 0px 0px 1px rgb(255,0,0);} .keypeg-container {display: flex; width: 90px; padding-left: 10px; justify-content: flex-start; align-items: center; div {width: 20px; height: 18px; border: 1px solid gray; margin: 0px;}}}.roundCode{div {width: 30px; height: 30px; border-radius: 5px; display: flex; justify-content: center; align-items: center;} display: flex;gap:5px}.board-header{color:#fff;margin:0}.join{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:80px}.loading-title{color:var(--primary-color)}.join-content{display:flex;flex-direction:column;align-items:center}.name-input{max-width:95%}.name-input form{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.name-input label{display:block;color:#fff}.name-input input{background-color:#fff;height:50px;padding-left:20px;-webkit-user-select:auto;user-select:auto;font-size:20px}.pin-item{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;width:3rem;height:3rem;text-align:center;background-color:#fff}.pin-item::-webkit-outer-spin-button,.pin-item::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pin-input{display:flex;gap:5px}.room-input{display:flex;flex-direction:column;align-items:center}.room-input label{color:#fff}.room-input hr{margin-block:20px;width:100%;border-color:#fff}.public-room{padding:10px;background-color:var(--dark-color);border-radius:10px;color:#fff;display:flex;justify-content:space-between;transition:.2s ease-in-out;box-shadow:0 0 10px #000}.public-room:hover{scale:1.05;cursor:pointer}.public-rooms{width:100%;display:flex;flex-direction:column;gap:5px}.loading-spinner{font-size:30px;display:flex;color:var(--primary-color)}@keyframes spinner-right{0%{transform:rotate(390deg)}to{transform:rotate(30deg)}}@keyframes spinner-left{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner svg:nth-child(odd){animation:spinner-left 2s infinite linear;transform-origin:center center}.loading-spinner svg:nth-child(2n){animation:spinner-right 2s infinite linear;transform-origin:center center}.websocket-status-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.websocket-status-spinner,.websocket-status-message{color:var(--primary-color)}.websocket-status-message{font-size:30px}.websocket-status{display:flex;align-items:center;flex-direction:column}:root{--background-color: rgb(27, 27, 27);--dark-color: #0f0f0f;--primary-color: #4538ff;--negative-color: #ff3838;--positive-color: #14c343;--card-red: #b02525;--card-blue: #2323db;--card-green: #32ba4d;--card-yellow: #fcb103}#root{width:100%;height:100%}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}