.auth-main{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.625rem;font-size:1.2rem}.auth-form{display:flex;flex-direction:column;gap:.625rem}.auth-form input{font-size:1rem;padding:.625rem;border-radius:.3125rem;border:.0625rem solid var(--red)}.auth-form button{padding:.625rem;border-radius:.3125rem;border:.0625rem solid var(--red);background-color:var(--red);color:var(--default-white);cursor:pointer}.auth-form .auth-link{text-decoration:none;color:var(--red)}.auth-form .auth-link:hover{color:var(--red)}.current-game-id{cursor:pointer;position:fixed;top:.625rem;left:.625rem;z-index:1000;border-radius:.75rem;padding:0 .75rem;height:2.5rem;background-color:#383838;display:flex;justify-content:center;color:var(--red);align-items:center;display:none}.header{text-align:center;border-radius:.3125rem;box-shadow:0 0 .25rem 0 var(--red-shadow);border-radius:0 0 1.25rem 1.25rem;background:var(--card-bg)}.header>.container{padding:.625rem;display:flex;flex-direction:column;align-items:flex-end}.header .logo{margin:0 auto;color:var(--red)}@media screen and (max-width: 48rem){.header .logo{font-size:1.5rem}}.accessToken{position:fixed;bottom:1.25rem;right:1.25rem;width:90vw;text-align:right;height:auto;display:flex}.accessToken p{width:100%;word-wrap:break-word}.profile-nav{padding:.3125rem;width:100%;display:flex;flex-direction:column}.profile-nav-item{width:100%;display:flex;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid rgba(255,255,255,.5);padding:.3125rem}.profile-nav-item:last-child{border-bottom:none}.profile-nav .nav-link{cursor:pointer;text-decoration:none;color:var(--white-light);transition:color .15s ease-in-out;display:flex;align-items:center;gap:.625rem;white-space:nowrap}.profile-nav .nav-link svg{aspect-ratio:1/1;width:1rem;height:1rem}.profile-nav .nav-link:hover{color:#fff}.profile-nav .nav-link.logout{color:var(--red)}.profile-nav .nav-link.logout:hover{color:var(--red-hover)}.home-main,.play-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.25rem;font-size:1.2rem}.home-main .create-room-btn,.play-main .create-room-btn{padding:.625rem;border-radius:.3125rem;border:.0625rem solid #00f;background-color:#00f;color:var(--default-white);cursor:pointer}.home-main .create-room-btn:hover,.play-main .create-room-btn:hover{background-color:#5f6ad4}.badge{position:absolute;top:0;left:0;aspect-ratio:33/40;padding:.125rem .3125rem;transform:translate(-40%,-40%) rotate(45deg);border-radius:.75rem;width:1.75rem;display:flex;justify-content:center;align-items:center;background-color:var(--white-light);color:var(--primary-bg);box-shadow:0 0 .25rem 0 var(--default-white)}.badge.banned{background-color:var(--red);box-shadow:0 0 .25rem 0 var(--default-white);color:var(--white-light)}.play-main{position:relative;justify-content:space-between;-webkit-user-select:none;user-select:none}.play-main .game-state{color:#0f0}.play-main .game-state.lobby{color:var(--orange)}.play-main .game-state.stopped{color:#ff0}.play-main .game-state.finished{color:var(--red)}.play-main .current-game-span{color:var(--red);-webkit-user-select:all;user-select:all}.main-container{height:calc(100dvh - 7.375rem);padding:1.25rem 2.5rem;display:flex;flex-direction:column}.pre{text-align:left;font-size:.8rem;overflow:auto;max-height:12.5rem}.mid{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.hand-signs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem}.hand-signs-container{margin:0 2.8rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;position:relative;padding:1.25rem 2.5rem;border-radius:.75rem;overflow:hidden;background-color:var(--card-bg);filter:drop-shadow(0rem 0rem .25rem var(--red-shadow))}.hand-signs-text{font-size:1.5rem;text-transform:uppercase;font-weight:700;color:var(--orange);margin-bottom:1.25rem}.hand-signs-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:1;cursor:not-allowed}.hand-signs-overlay .overlay-content{font-size:1.4rem;padding:1.25rem}.play-btn{padding:.625rem;border-radius:.75rem;cursor:pointer;border:none;color:#3f3f3f;font-size:1rem;font-weight:700;transition:all .15s;background-color:var(--green)}.play-btn svg{aspect-ratio:1/1}.play-btn:hover{background-color:var(--green-hover)}.creator-menu{top:1.25rem;right:1.25rem;display:flex;justify-content:center;gap:1.25rem}.leave-button{color:var(--red);background-color:#fafafa}.leave-button:hover{background-color:#f0f0f0}.end-button{color:var(--default-white);background-color:var(--darkred)}.end-button:hover{background-color:var(--darkred-hover)}.round-player{display:flex;flex-direction:column;gap:.625rem;align-items:center;width:100%}.player-moves{display:flex;justify-content:center;align-items:center;gap:1.25rem}.player-moves .round-player-move{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.625rem}.player-moves .round-player-move .player-sign{display:flex;justify-content:center;align-items:center;border-radius:.75rem;padding:1.25rem;border:.0625rem solid var(--orange)}.round-username{text-align:center;font-weight:700}.round-username.winner{color:var(--green)}.stop-button{color:var(--primary-bg);background-color:var(--yellow)}.stop-button:hover{background-color:var(--yellow-hover)}.sign{cursor:pointer;display:flex;justify-content:center;align-items:center;border-radius:.75rem;aspect-ratio:1/1;padding:1.25rem;box-shadow:0 0 .625rem #0006;background-color:var(--primary-bg)}.sign.shown-play,.sign.active{border:.0625rem solid var(--orange)}.sign.winner{border:.0625rem solid var(--green)}.sign.loser{border:.0625rem solid var(--red)}.sign svg,.sign img{aspect-ratio:1/1}.fa-flip{animation-duration:4s!important}.game-content{--game-content-width: 2.5rem;--game-content-width-left: 2.5rem;flex:1;display:grid;grid-template-columns:auto 1fr auto;width:100%;height:100%}.game-content .left,.game-content .right{z-index:1;height:100%}.game-content.toggled-right{--game-content-width: 21.875rem}.game-content.toggled-left{--game-content-width-left: 21.875rem}.current-round-result{position:fixed;z-index:10;top:10%;left:50%;transform:translate(-50%);text-align:center;width:90%;height:max-content;min-height:18.75rem;max-width:43.75rem;display:flex;justify-content:center;border-radius:1.25rem;background-color:#333333fc;box-shadow:0 0 .25rem var(--red-shadow);-webkit-user-select:text;user-select:text}.current-round-result .text{font-size:2.8rem;-webkit-user-select:none;user-select:none;padding:1.25rem 2.5rem;color:var(--orange);display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.current-round-result .text{font-size:.8rem}}.current-round-result .text .hr{border-radius:1.25rem;background:var(--primary-bg);width:1.25rem;box-shadow:0 0 .25rem var(--red-shadow);height:100%}.current-round-result .text.no-tie{font-size:1.2rem;color:var(--default-white);display:grid;justify-content:unset;grid-template-columns:1fr auto 1fr;align-items:flex-start;gap:1.25rem}.current-round-result .text.no-tie-heading{font-size:1.5rem;font-weight:700;color:var(--orange);text-align:center}.current-round-result .text.no-tie .winners,.current-round-result .text.no-tie .losers{display:flex;flex-direction:column;align-items:center;height:100%}.current-round-result .text .user{-webkit-user-select:all;user-select:all;display:inline-flex;align-items:center;font-weight:700;font-size:1.1rem}.current-round-result .text .user.loser{color:var(--red)}.current-round-result .text .user.winner{color:var(--green)}.blacklist-button{color:var(--primary-bg);background-color:var(--default-white)}.blacklist-button:hover{color:var(--primary-bg-hover);background-color:var(--default-white)}.banned-players{display:flex;gap:.3125rem;flex-direction:column;align-items:flex-end;padding:.3125rem .625rem}.banned-players-item{cursor:pointer;width:100%;display:flex;height:100%;gap:.625rem;font-size:1.25rem;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid rgba(255,255,255,.5);padding:.3125rem}.banned-players-item:last-child{border-bottom:none}.inner-flex{flex:1;display:flex;justify-content:center;align-items:center}.game-history,.gameplayers-box{--from-edge-length: 1.875rem;--btn-width: 3.4375rem;--padding: .9375rem;height:100%;display:flex;padding:var(--padding);align-items:center;gap:.25rem;position:relative;background:var(--card-bg);filter:drop-shadow(0 0 .25rem var(--red-shadow));transition:all .15s ease-in-out;overflow:visible}@media screen and (max-width: 1300px){.game-history,.gameplayers-box{position:fixed!important;height:calc(100dvh - 9.875rem)}}.game-history .toggler-btn,.game-history .history,.gameplayers-box .toggler-btn,.gameplayers-box .history{flex-shrink:0}.game-history .toggler-btn,.gameplayers-box .toggler-btn{right:calc(100% - var(--from-edge-length));width:var(--btn-width);height:var(--btn-width);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .15s;position:absolute;z-index:3;color:var(--white-light);transition:all .15s ease-in-out}.game-history .toggler-btn svg,.gameplayers-box .toggler-btn svg{aspect-ratio:1/1}.game-history .toggler-btn .shadow,.gameplayers-box .toggler-btn .shadow{width:100%;height:100%;background:var(--card-bg);clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);display:flex;justify-content:center;align-items:center;padding-left:.5rem;transition:clip-path .15s ease-in-out;filter:drop-shadow(0 0 .25rem var(--red-shadow))}.game-history .history,.gameplayers-box .history{width:calc(var(--game-content-width) - var(--padding) * 2)}.game-history .gameplayers,.gameplayers-box .gameplayers{width:calc(var(--game-content-width-left) - var(--padding) * 2)}.game-history .history,.game-history .gameplayers,.gameplayers-box .history,.gameplayers-box .gameplayers{position:relative;overflow:hidden;white-space:nowrap;text-align:left;transition:all .15s ease-in-out}.game-history .history-list,.game-history .gameplayers-list,.gameplayers-box .history-list,.gameplayers-box .gameplayers-list{padding:0 1.875rem;width:100%;display:flex;flex-direction:column;height:100%;gap:1.25rem}.game-history.hovered,.gameplayers-box.hovered{filter:drop-shadow(0 0 .625rem var(--red-shadow))}.game-history.hovered .toggler-btn,.gameplayers-box.hovered .toggler-btn{color:var(--red)}.game-history.toggled .toggler-btn,.gameplayers-box.toggled .toggler-btn{filter:drop-shadow(0 0 .5rem var(--red))}.game-history.toggled .toggler-btn .shadow,.gameplayers-box.toggled .toggler-btn .shadow{border-radius:.375rem 0 0 .375rem;padding-left:0;padding-right:.5rem;clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%)}.game-history.toggled .history,.game-history.toggled .gameplayers,.gameplayers-box.toggled .history,.gameplayers-box.toggled .gameplayers{padding:0}.game-history{border-radius:1.25rem 0 0 1.25rem}@media screen and (max-width: 1300px){.game-history{left:unset!important;right:0!important}}.gameplayers-box{border-radius:0 1.25rem 1.25rem 0}@media screen and (max-width: 1300px){.gameplayers-box{right:unset!important;left:0!important}}.gameplayers-box .toggler-btn{right:unset;left:calc(100% - var(--from-edge-length))}.gameplayers-box .toggler-btn .shadow{padding-left:0;padding-right:0;clip-path:polygon(0% 0%,75% 0%,100% 50%,75% 100%,0% 100%)}.gameplayers-box.toggled .toggler-btn .shadow{clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);padding-left:.5rem;padding-right:0}.round{display:flex;gap:.625rem;align-items:center;width:100%;height:100%;padding:.3125rem;flex-shrink:0}.round-gap{flex-shrink:0;width:.3125rem;display:flex;height:.625rem}.game-info{display:flex;flex-direction:column;gap:.3125rem;align-items:center}.game-info .play-btn{margin-top:.625rem;width:max-content}.player{position:relative;padding:1.25rem;border:.0625rem solid #e0e0e0;border-radius:.75rem;width:100%}.player.banned{border-color:var(--red);box-shadow:0 0 .25rem 0 var(--red);order:1}.player.order-top{order:-1}.player.order-top-high{order:-2}.player-user{position:relative;display:flex;gap:.3125rem;justify-content:space-between;align-items:center;width:100%;height:100%}.player .hr{margin:.625rem 0;border:0;border-top:.0625rem solid rgba(224,224,224,.5529411765)}.player-bottom{display:flex;align-items:center;gap:.625rem;width:100%}.player-name{font-weight:700}.player-status{display:flex;gap:.625rem;align-items:center}.player-status.ingame-status{transform-origin:center center;display:flex;justify-content:center;align-items:center;border-radius:50%;width:2.5rem;background:#000;height:2.5rem}.player-status.ingame-status svg{width:1.4375rem;height:1.4375rem;display:flex;justify-content:center;align-items:center}.player-status.active{color:var(--green)}.player-score{flex:1;text-align:right}.playing-animation{animation:playing infinite linear;animation-duration:3s}@keyframes playing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.punish-buttons{display:flex;flex-direction:column;gap:.3125rem}.btn-punish{display:flex;width:2.5rem;aspect-ratio:1/1;justify-content:center;align-items:center;border-radius:50%;background-color:var(--red);color:var(--white-light);cursor:pointer;transition:all .15s ease-in-out}.btn-punish:hover{background-color:var(--red-hover)}.btn-punish.ban{background-color:var(--darkred)}.btn-punish.ban:hover{background-color:var(--darkred-hover)}.btn-punish.unban{color:var(--primary-bg);background-color:var(--green)}.btn-punish.unban:hover{background-color:var(--green-hover)}.punish-content{display:flex;gap:.3125rem;flex-direction:column;align-items:flex-end;padding:.3125rem .625rem}.punish-content-item{cursor:pointer;width:100%;display:flex;height:100%;gap:.625rem;font-size:1.25rem;align-items:center;justify-content:flex-end;border-bottom:.0625rem solid rgba(255,255,255,.5);padding:.3125rem}.punish-content-item:last-child{border-bottom:none}:root{--red: #f00;--red-hover: #ff0000cd;--darkred: #8b0000;--darkred-hover: #a52a2a;--red-shadow: #ff00007e;--orange: #ffa500;--yellow: #ffff00;--yellow-hover: #ffcc00;--green: #00ff00;--green-hover: #00cc00;--white-light: #f9f9f9;--primary-bg: #242424;--primary-bg-hover: #2a2a2a;--card-bg: #333;--default-white: #ffffffde;font-family:Inter Variable,sans-serif;line-height:1.5;font-weight:400;font-size:16px;color-scheme:light dark;color:var(--default-white);background-color:var(--primary-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width: 1024px){:root{font-size:14px}}@media screen and (max-width: 900px){:root{font-size:12px}}@media screen and (max-width: 600px){:root{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}.container{max-width:75rem;margin-left:auto!important;margin-right:auto!important;padding:0 1.25rem}.online-icon{cursor:pointer;position:fixed;top:.625rem;right:.625rem;z-index:1000;border-radius:50%;width:2.5rem;height:2.5rem;background-color:var(--primary-bg);display:flex;justify-content:center;color:var(--red);align-items:center}button{background:none;border:none;outline:none;color:inherit}.avatar{display:flex;width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.dialog{--content-height: auto;--trigger-height: auto;width:max-content;height:var(--trigger-height);display:flex;position:relative;overflow:visible}.dialog-trigger{cursor:pointer;width:max-content;height:max-content;display:flex;justify-content:center;align-items:center}.dialog-content{position:absolute;top:calc(100% + .375rem);right:0;width:max-content;height:0;background-color:var(--card-bg);box-shadow:0 0 .25rem var(--red-shadow);border-radius:.3125rem;display:flex;overflow:hidden;transition:height .15s ease-in-out}.dialog-content.fit{width:100%}.dialog.toggled .dialog-content{height:var(--content-height)}.userbox{display:flex;align-items:center;gap:.625rem;padding:.3125rem;border-radius:.3125rem;background-color:var(--card-bg);box-shadow:0 0 .25rem 0 var(--red-shadow)}.userbox.small-text-size{font-size:.8rem}.userbox.vertical{flex-direction:column;gap:.3125rem}.fa-1x{font-size:1rem!important}.fa-2x{font-size:2rem!important}.fa-3x{font-size:3rem!important}.fa-4x{font-size:4rem!important}.fa-5x{font-size:5rem!important}.fa-6x{font-size:6rem!important}.fa-7x{font-size:7rem!important}.fa-8x{font-size:8rem!important}.fa-9x{font-size:9rem!important}.fa-10x{font-size:10rem!important}