@font-face{font-family:Fugaz One;src:url(/assets/FugazOne-Regular-BNbMQXal.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%;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}}.chat-overlay{z-index:2}.chat-container{position:fixed;background-color:var(--dark-color);box-shadow:0 0 10px #000;border-radius:10px;z-index:2}.chat-hidden{display:none}@media only screen and (max-width:768px){.chat-container{bottom:100px;left:20px;right:20px;height:70%}}@media only screen and (min-width:769px){.chat-container{bottom:20px;left:20px;width:400px;height:min(500px,90%);max-width:90%}}@media only screen and (min-width:1600px){.chat-hidden{display:block}.chat-container{top:50%;height:min(600px,90%);transform:translateY(-50%)}}.message-input-container{display:flex}.message-input{min-width:0;flex-grow:1;height:50px;color:var(--primary-color);font-size:20px;padding:20px;-webkit-user-select:auto;user-select:auto}.send-message-button{font-size:20px;min-width:50px;height:50px}.message-list{max-width:100%;max-height:100%;overflow-y:auto;padding:5px}.message-list li:not(:last-child){margin-bottom:5px}.message-list-anchor{overflow-anchor:auto;height:1px}.scroll-button-container{position:absolute;left:10px;bottom:50px;z-index:1}.empty-chat-info{color:var(--primary-color)}.chat-message{position:relative;list-style:none;overflow:hidden;box-shadow:0 0 3px #000;border-radius:5px;padding:5px;overflow-anchor:none}.chat-message-player-name{margin-right:10px;color:var(--primary-color);font-weight:700}.chat-message-content{color:#a7a7a7;-webkit-user-select:auto;user-select:auto}.delete-message-button{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--negative-color);background-color:transparent;border:none;font-weight:700}.delete-message-button:hover{cursor:pointer}@media(hover:hover){.delete-message-button{display:none}.chat-message:hover .delete-message-button{display:block}}.scroll-bottom-button{font-size:15px;padding:10px;height:auto}.chat{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.message-list-container{flex-grow:1;padding:10px;overflow:hidden}.message-input-container{width:100%}.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}.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}.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}.counter-input{display:flex;gap:10px;align-items:center;justify-content:center}.counter-input-button{border-radius:100px;background-color:var(--dark-color);font-size:20px;width:30px;height:30px;box-shadow:0 0 6px var(--dark-color);display:flex;justify-content:center;align-items:center}.counter-input-disabled{opacity:.5}.counter-input-disabled button:hover{cursor:default}.card-groups-container{width:100%;max-height:100%;overflow-y:scroll;overflow-x:hidden;display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;justify-content:center;height:100%}.import-deck-input{position:fixed;left:-100%}.group-settings-controls{flex-wrap:wrap}.card-group-card-container{width:40px;height:60px;overflow:hidden}.card-group-card-container>div{transform-origin:left top;scale:.3}.card-group-item{position:relative;border:5px solid white;width:141px;height:217px;border-radius:10px}.card-group-cards-container{display:flex;flex-wrap:wrap;align-content:flex-start;gap:5px;max-height:100%;overflow-y:auto}.delete-card-group-button{position:absolute;z-index:1;top:5px;right:5px;padding:5px;width:40px;height:40px;font-size:20px}.card-group-amount-container{background-color:var(--background-color);position:absolute;bottom:0;z-index:1;left:50%;transform:translate(-50%);padding:5px;border-radius:15px}.card-group-amount-container span{color:var(--primary-color)}.card{position:relative;width:130px;height:200px;display:flex;justify-content:center;align-items:center;border-radius:15px;border:7px solid white;font-size:70px;box-shadow:0 0 10px #000;overflow:hidden;color:#fff}.front,.back{position:absolute;height:100%;width:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.back{font-size:40px;background:linear-gradient(to right,#4f0063,#0d0014)}.back *{rotate:305deg}.top,.bottom{position:absolute;font-size:35px;width:50px;height:50px;display:flex;justify-content:center;align-items:center}.top{top:0;left:0}.bottom{bottom:0;right:0;rotate:180deg}.front div:not(.top):not(.bottom) #wish-text{width:40px;height:40px}#wish-text{width:30px;height:30px;display:flex;flex-wrap:wrap;border-radius:5px;overflow:hidden}#wish-text span{display:block;width:50%;height:50%}#wish-text span:nth-child(1){background-color:var(--card-red)}#wish-text span:nth-child(2){background-color:var(--card-blue)}#wish-text span:nth-child(3){background-color:var(--card-yellow)}#wish-text span:nth-child(4){background-color:var(--card-green)}.create-group-cards-container{width:100%;max-height:100%;overflow:scroll;display:flex;justify-content:center;align-content:flex-start;flex-wrap:wrap;gap:10px}.create-group-cards-container>div{display:flex;justify-content:center;align-items:center}.create-card-group-card:hover{cursor:pointer}.ccgc-unselected{opacity:.3}.card-deck-editor{width:100%;height:100%}.card-deck-edit-page{width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.card-deck-edit-controls{display:flex;justify-content:space-between;width:100%;z-index:3}.card-deck-edit-controls h1{color:var(--primary-color);font-size:28px;line-height:50px}.card-deck-edit-controls p{color:gray}.card-deck-edit-buttons{max-width:100%;display:flex;gap:10px}.card-deck-edit-content{flex-grow:1;min-height:0;border-radius:10px;overflow:hidden}.card-deck-preset{background-color:var(--background-color);padding:15px;border-radius:10px;border:none;text-align:left}.card-deck-preset h2{color:var(--primary-color)}.card-deck-preset p{color:gray}.card-deck-presets-container{width:100%;display:flex;flex-direction:column;gap:20px}.round{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:60px;overflow:hidden}.inventory-container{position:fixed;bottom:0;left:50%;transform:translate(-50%)}.opponent-inventory-list-container{position:fixed;width:100%;left:50%;transform:translate(-50%);top:10px;display:flex;justify-content:center}.round-controls-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.color-picker-container{position:fixed;width:100%;height:100%;background-color:#0000004d;z-index:1;display:flex;justify-content:center;align-items:center}.inventory{width:100vw;display:flex;overflow-x:auto;overflow-y:hidden;padding-inline:150px}.inventory-card-container:first-child{margin-left:auto}.inventory-card-container:last-child{margin-right:auto}.inventory-card-container{position:relative;width:40px;height:260px;display:inline-block;flex-shrink:0;pointer-events:none}.inventory-card{background-color:transparent;border:none;position:absolute;left:50%;top:60px;transform-origin:bottom center;transition:transform .5s ease-in-out,left .5s ease-in-out,top .5s ease-in-out}.inventory-card .card{transition:.1s ease-in-out}.inventory-card:focus .card,.inventory-card:hover .card{transform:translateY(-50px) scale(1.05);cursor:pointer}.inventory:not(.inventory-disabled) .inventory-card{pointer-events:auto}.inventory-disabled{opacity:.5}.pile{position:relative;width:130px;height:200px}.pile-card{position:absolute;background-color:transparent;border:none}.pile-card-clickable{transition:scale .2s ease-in-out}.pile-card-clickable:hover,.pile-card-clickable:focus{scale:1.05;cursor:pointer}.draw-draw-stack{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.opponent-inventory{position:relative;text-align:center;height:200px}.opponent-inventory-cards-container{position:relative;transition:scale .2s ease-in-out;scale:.35;top:20px}.active-opponent-inventory .opponent-inventory-cards-container{scale:.5}.opponent-inventory-card-container{position:absolute;transform-origin:top center;left:50%;transition:transform .2s ease-in-out}.opponent-inventory-player-name{color:var(--primary-color)}.active-opponent-inventory .opponent-inventory-player-name{color:var(--negative-color)}.opponent-inventory-number-card{border:2px solid white;border-radius:5px;transform-origin:top center;color:var(--primary-color);height:50px;min-width:35px;display:flex;justify-content:center;align-items:center}.active-opponent-inventory .opponent-inventory-number-card{scale:1.4}.opponent-inventory-small{display:none}@media only screen and (max-width:768px){.opponent-inventory-large{display:none}.opponent-inventory-small{display:block}}.ack-last-card{padding:10px;border-radius:10px;background:linear-gradient(90deg,#f83f5e,#fd4b30);position:absolute;left:50%;top:60px;transform:translate(-50%) rotate(-30deg)}.reaction{font-size:45px;position:absolute;left:50%;top:20px;transform:translate(-50%);text-shadow:0px 0px 10px black}.reaction-item{border:2px solid white}.opponent-inventory-list{overflow-x:auto;display:flex;padding-left:0;gap:15px;padding-inline:10px}.oponent-inventory-container{display:inline-block}@media only screen and (min-width:769px){.opponent-inventory-list{gap:100px;padding-inline:100px}}.current-card{position:relative}.draw-stack-badge{position:absolute;top:-10px;right:-10px;background-color:var(--primary-color);min-width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:30px;box-shadow:0 0 10px #000}.round-controls{position:relative;display:flex;background-color:var(--dark-color);padding:5px;border-radius:100px;gap:10px}.round-controls button{border-radius:100px;width:50px;height:50px;font-size:20px;background-color:var(--background-color)}.ack-last-card-button,.sort-button{color:var(--primary-color)}.skip-button{color:var(--positive-color)}.open-reaction-menu-button{color:var(--card-yellow)}.reaction-menu-container{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:95%}.reaction-menu{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.color-picker{display:grid;flex-wrap:wrap;width:400px;height:400px;gap:10px;grid-template-columns:195px 195px}.color-picker button{border:none;transition:.2s ease-in-out;box-shadow:0 0 20px #000}.color-picker button:hover{transform:scale(1.1)}.color-picker button:nth-child(1){border-top-left-radius:10px;transform-origin:bottom right}.color-picker button:nth-child(2){border-top-right-radius:10px;transform-origin:bottom left}.color-picker button:nth-child(3){border-bottom-left-radius:10px;transform-origin:top right}.color-picker button:nth-child(4){border-bottom-right-radius:10px;transform-origin:top left}.color-picker-red{background-color:var(--card-red)}.color-picker-blue{background-color:var(--card-blue)}.color-picker-green{background-color:var(--card-green)}.color-picker-yellow{background-color:var(--card-yellow)}.logo{display:inline-flex;flex-direction:column;align-items:center;width:350px}.logo h1{color:#fff;font-size:100px;z-index:2;text-shadow:0px 0px 20px black,0px 0px 20px black,0px 0px 20px black}.logo-cards-container{width:130px;height:120px}.logo-card-container{position:absolute;transform-origin:bottom center}.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{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)}