.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--main-text-color);font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;overflow:hidden}.avatar__initials{line-height:1}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar--sm{width:32px;height:32px;font-size:13px}.avatar--md{width:56px;height:56px;font-size:22px}.avatar--lg{width:96px;height:96px;font-size:38px}.header{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary-color);padding:1.25rem 2rem;box-shadow:var(--shadow-red);color:var(--main-text-color)}.header__logo{font-size:1.5rem;font-weight:700;line-height:normal}.header-menu{position:relative}.header-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .25rem;border-radius:999rem;background-color:#0000002e;cursor:pointer;transition:background-color .2s ease}.header-menu__trigger:hover{background-color:#00000052}.header-menu__dots{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.4rem;line-height:1}.header-menu__caret{width:.7rem;height:.7rem;transition:transform .2s ease}.header-menu__caret--open{transform:rotate(180deg)}.header-menu__panel{position:absolute;top:calc(100% + .6rem);right:0;z-index:100;min-width:12rem;display:flex;flex-direction:column;padding:.4rem;border-radius:.625rem;background-color:var(--main-color);box-shadow:0 .5rem 1.5rem #00000073}.header-menu__user{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;margin-bottom:.25rem;border-bottom:.0625rem solid rgba(255,255,255,.1)}.header-menu__username{font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-menu__item{display:block;padding:.6rem;border-radius:.45rem;font-size:.95rem;font-weight:600;text-align:left;color:var(--main-text-color);cursor:pointer;transition:background-color .15s ease}.header-menu__item:hover{background-color:#ffffff12}.header-menu__item--danger{color:var(--secondary-color-light)}.header-menu__lang-toggle{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.header-menu__lang-current{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;color:var(--secondary-text-color)}.header-menu__lang-list{display:flex;flex-direction:column;margin:.1rem 0 .1rem .6rem;padding-left:.6rem;border-left:.0625rem solid rgba(255,255,255,.1)}.header-menu__lang-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;border-radius:.45rem;font-size:.9rem;font-weight:600;color:var(--secondary-text-color);cursor:pointer;transition:background-color .15s ease,color .15s ease}.header-menu__lang-option:hover{background-color:#ffffff12}.header-menu__lang-option--active{color:var(--main-text-color)}.header-menu__check{width:1rem;height:1rem;flex-shrink:0}@media screen and (max-width: 700px){.header{padding:1rem 1.25rem}.header__logo{font-size:1.125rem}}.title{text-align:center;font-size:48px;font-style:normal;font-weight:900;line-height:normal}.description{font-family:lato,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:1px;text-align:justify}.description__strong{font-weight:900}.mainpage__actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:34rem;margin-top:.5rem}.mainpage__row{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.mainpage__row .button{flex:1 1 12rem;text-align:center}@media (max-width: 470px){.mainpage__row{flex-direction:column}.mainpage__row .button{flex:1 1 auto}}.roles-card{-webkit-user-select:unset;user-select:unset;width:192.5px;height:250px;position:relative}.roles-card:hover .roles-card__information{opacity:1;visibility:visible}.roles-card__image{display:inline-block;width:100%;height:100%;object-fit:contain}.roles-card__information{transition:all .3s ease-in-out;opacity:0;visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2c2c2cd9;padding:12px;text-align:center;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.roles-card__text{font-size:12px;font-style:normal;font-weight:400;line-height:125%}.roles-card__text span{font-weight:900}.backside{z-index:10;transition:transform 1s ease-in-out;transform:rotateY(0);transition-delay:1s}.backside.active{transition-delay:0s;transform:rotateY(90deg)}.frontside{z-index:5;transition:transform 1s ease-in-out;transform:rotateY(0);transition-delay:1s}.frontside.active{transition-delay:0s;transform:rotateY(90deg)}.player-card{position:relative;width:395px;height:513px;border-radius:10px;overflow:hidden;cursor:pointer}.player-card img{position:absolute;top:0;left:0;right:0;bottom:0;display:inline-block;width:100%;height:100%}.number-input{display:flex;flex-direction:column;width:100%;gap:17px;color:var(--main-text-color)}.number-input__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;width:100%}.number-input__label,.number-input__sublabel{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:0}.number-input__label{color:var(--main-text-color)}.number-input__sublabel{color:var(--secondary-text-color);text-align:right;white-space:nowrap}.number-input__controls{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:16px;width:100%}.number-input__button,.number-input__value{display:flex;align-items:center;justify-content:center;min-width:0;height:76px;color:var(--main-text-color);background-color:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:16px}.number-input__button{cursor:pointer;font-size:36px;font-weight:800;line-height:1;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out}.number-input__button:hover:not(:disabled),.number-input__button:focus-visible:not(:disabled){border-color:#ffffff73;background-color:#ffffff0f;box-shadow:var(--shadow-white)}.number-input__button:disabled{cursor:not-allowed;opacity:.45}.number-input__value{font-size:30px;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap}@media screen and (max-width: 700px){.number-input{gap:12px}.number-input__label,.number-input__sublabel{font-size:18px}.number-input__controls{grid-template-columns:56px minmax(0,1fr) 56px;gap:10px}.number-input__button,.number-input__value{height:56px;border-radius:12px}.number-input__button{font-size:28px}.number-input__value{font-size:20px}}.settings{display:flex;flex-direction:column;gap:32px;width:100%;min-height:100%;align-items:flex-start}.settings__header{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.settings__title{font-size:1.8rem;text-align:left}.settings__description{font-size:1.2rem;color:var(--secondary-text-color)}.settings__form{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start;width:100%;gap:32px}.settings__controls{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:28px}.settings__section-title{margin-bottom:17px;color:var(--main-text-color);font-size:24px;font-weight:800;line-height:1.2;letter-spacing:0}.settings__mode{width:100%;margin:0;padding:0;border:0}.settings__mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings__mode-option{position:relative;display:block;min-width:0}.settings__mode-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings__mode-input:checked+.settings__mode-card{border-color:var(--secondary-color);background-color:var(--secondary-color-transparent)}.settings__mode-input:focus-visible+.settings__mode-card{border-color:#ffffff8c;box-shadow:var(--shadow-white)}.settings__mode-card{display:flex;flex-direction:column;justify-content:center;min-height:142px;padding:24px;color:var(--main-text-color);background-color:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:16px;cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.settings__mode-card:hover{border-color:#ffffff73;background-color:#ffffff0f}.settings__mode-title{margin-bottom:8px;font-size:26px;font-weight:800;line-height:1.2}.settings__mode-description{color:var(--secondary-text-color);font-size:20px;font-weight:700;line-height:1.3}.settings__preview{display:flex;flex-direction:column;position:sticky;top:96px;gap:0;width:100%;min-width:0;padding:30px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.2);border-radius:16px}.settings__preview-label{margin:0 0 28px;color:var(--secondary-text-color);font-size:20px;font-weight:800;line-height:1.2;letter-spacing:2px;text-transform:lowercase}.settings__preview-title{margin:0 0 8px;color:var(--main-text-color);font-size:30px;font-weight:800;line-height:1.2}.settings__preview-mode{margin:0 0 28px;color:var(--secondary-text-color);font-size:22px;font-weight:700;line-height:1.2}.settings__preview-list{margin:0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.12);list-style:none}.settings__preview-item{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.settings__preview-item:not(:last-child){margin-bottom:16px}.settings__preview-role{min-width:0;color:var(--main-text-color);font-size:22px;font-weight:800;line-height:1.2}.settings__preview-count{flex:0 0 auto;color:var(--secondary-text-color);font-size:22px;font-weight:800;line-height:1.2}.settings .button{align-self:flex-start}@media screen and (max-width: 700px){.settings{gap:24px}.settings__form{grid-template-columns:1fr;gap:28px}.settings__title{font-size:1.5rem}.settings__description{font-size:1rem}.settings__section-title,.settings__preview-title{font-size:18px}.settings__mode-options{grid-template-columns:1fr}.settings__mode-card{min-height:112px;padding:18px;border-radius:12px}.settings__mode-title{font-size:20px}.settings__mode-description,.settings__preview-label,.settings__preview-mode,.settings__preview-role,.settings__preview-count{font-size:16px}.settings__preview{position:static;padding:18px;border-radius:12px}.settings__preview-label{margin-bottom:18px;letter-spacing:1.5px}.settings__preview-mode{margin-bottom:20px}.settings__preview-list{padding-top:20px}.settings .button{width:100%;text-align:center}}.button{display:inline-block;font-family:lato,sans-serif;font-size:16px;font-style:normal;font-weight:800;line-height:normal;padding:15px 30px;border-radius:10px;cursor:pointer;transition:box-shadow .3s ease-in-out,color .3s ease-in-out,background-color .3s ease-in-out}.button.disabled{cursor:not-allowed;background-color:var(--disabled-bg-color);color:var(--disabled-text-color);box-shadow:unset}.button.disabled:hover{box-shadow:inherit;color:var(--disabled-text-color)}.button--primary{background-color:var(--secondary-color);color:var(--main-text-color);box-shadow:var(--shadow-red)}.button--primary:hover{box-shadow:var(--shadow-red-hover)}.button--secondary{background-color:var(--main-text-color);color:var(--secondary-color);box-shadow:var(--shadow-white)}.button--secondary:hover{box-shadow:var(--shadow-white-hover)}.button--third{background-color:transparent;color:var(--third-color);box-shadow:var(--shadow-white)}.button--third:hover{color:var(--main-text-color);box-shadow:var(--shadow-white-hover)}.button--outline{background-color:transparent;color:var(--main-text-color);border:2px solid var(--main-text-color);padding:13px 28px;transition:background-color .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out}.button--outline:hover{background-color:var(--main-text-color);color:var(--secondary-color);box-shadow:var(--shadow-white-hover)}.timer{display:flex;flex-direction:column;align-items:stretch;width:634px}.timer__clock{position:relative;margin-bottom:40px}.timer__clock span{text-align:center;display:block;width:100%;font-size:128px;font-style:normal;font-weight:900;line-height:100%}.timer__clock svg{position:absolute;display:inline-block;top:50%;right:10%;transform:translateY(-45%)}.timer__clock svg.disabled path{opacity:.2;cursor:not-allowed}.timer__clock svg.disabled path:hover{opacity:.2}.timer__clock svg path{opacity:.2;transition:opacity .3s ease-in-out;cursor:pointer}.timer__clock svg path:hover{opacity:1}.timer__controls{display:flex;justify-content:space-between;align-items:center}.penalty{display:flex;align-items:center;gap:10px}.penalty__point{display:inline-block;width:25px;height:25px;cursor:pointer;border:2px solid var(--secondary-color);border-radius:50%;transition:background-color .15s ease-in-out,filter .15s ease-in-out}.penalty__point:hover{background-color:var(--secondary-color-transparent)}.penalty__point.pressed{background-color:var(--secondary-color)}.penalty__point.disabled{pointer-events:none;filter:grayscale(100%)}.player__card{position:relative;overflow:hidden}.player__title{font-size:18px;font-style:normal;font-weight:700;line-height:normal}.player__queue{position:absolute;top:-22px;left:7px;width:15px;height:75px;background-color:var(--third-color);border:2px solid var(--main-text-color);transform:rotate(45deg);z-index:30;cursor:pointer;transition:background-color .15s ease-in-out,border .15s ease-in-out}.player__queue.pressed{background-color:var(--main-text-color);border:2px solid var(--main-text-color)}.player__queue.disabled{background-color:var(--main-color);border:2px solid var(--main-text-color);z-index:10;cursor:unset}.player__actions{position:relative}.player__context-menu{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:15px;padding:29px 15px 29px 14px;opacity:0;background-color:var(--main-color-transparent);transition:opacity .3s ease-in-out;z-index:0}.player__context-menu.visible{z-index:20}.player__context-menu.visible:hover{opacity:1}.player__button{width:100%;display:inline-flex;padding:3px 10px 3px 3px;align-items:center;gap:7px;color:var(--main-text-color);border-radius:10px;cursor:pointer}.player__button span{flex:1 0 0;font-size:10px;font-style:normal;font-weight:900;line-height:150%}.player__button--primary{background-color:var(--secondary-color)}.player__button--secondary{color:var(--secondary-color);background-color:var(--main-text-color)}.player__button--third{background-color:var(--main-color)}.player__status{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;display:flex;align-items:center;justify-content:center;background-color:var(--main-color-transparent);transition:opacity .15s ease-in-out;z-index:10}.player__status.visible{opacity:1}.player__image{width:100%}.game-desk{display:flex;flex-direction:column;align-items:center;width:100%}.game-desk__cards{margin-bottom:25px;display:grid;align-items:center;justify-content:space-between;width:100%;grid-row-gap:25px}.game-desk__cards--7,.game-desk__cards--9,.game-desk__cards--11{justify-content:space-around}.game-desk__cards--4{grid-template-rows:1fr;grid-template-columns:repeat(4,118.5px)}.game-desk__cards--5{grid-template-rows:1fr;grid-template-columns:repeat(5,118.5px)}.game-desk__cards--6{grid-template-rows:1fr;grid-template-columns:repeat(6,118.5px)}.game-desk__cards--7{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,118.5px)}.game-desk__cards--7 .game-desk__player:last-child{grid-column-start:2;grid-column-end:3}.game-desk__cards--8{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,118.5px)}.game-desk__cards--9{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,118.5px)}.game-desk__cards--10{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,118.5px)}.game-desk__cards--11{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,118.5px)}.game-desk__cards--11 .game-desk__player:last-child{grid-column-start:3;grid-column-end:4}.game-desk__cards--12{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(6,118.5px)}.game-desk__player{display:flex;flex-direction:column;align-items:center;max-width:118.5px;gap:8px}.queueing{overflow:hidden}.queueing__players{margin:25px 0;display:flex;flex-direction:column;gap:40px}.queueing__player{display:flex;justify-content:space-between;align-items:center}.queueing__number{font-weight:700;font-size:24px;line-height:125%}.queueing__controls{padding:15px;display:flex;align-items:center;justify-content:space-between;max-width:180px;width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.25)}.queueing__count{font-size:24px;line-height:100%;font-weight:900}.queueing__button{display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;cursor:pointer;background-color:var(--secondary-color);border:1px solid var(--secondary-color);transition:background-color .3s ease-in-out,border .3s ease-in-out}.queueing__button:disabled{background-color:var(--main-color);border:1px solid rgba(255,255,255,.25)}.gameover{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000bf;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(15px);gap:25px;z-index:1000}.gameover__winner{font-size:24px;font-weight:400;margin-bottom:12px}.gameover__team{font-weight:900}.gameover__row{display:flex;align-items:center;gap:15px}.session{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:15px}.session__wrapper{width:100%}.session__controls{display:flex;align-items:center;gap:25px}.not-found{width:100%;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;max-width:320px;margin:50px auto 0}.not-found__subtitle{font-size:18px;font-weight:900}.not-found__description{text-align:center;line-height:150%;font-size:14px;font-weight:400;letter-spacing:.25px}.auth{display:flex;flex-direction:column;width:100%;max-width:460px;margin:0 auto;gap:24px}.auth__card{position:relative;padding:56px 44px 40px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden}.auth__title{margin:0 0 12px;color:var(--main-text-color);font-family:lato,sans-serif;font-size:38px;font-weight:900;line-height:1.1;letter-spacing:-.5px}.auth__subtitle{margin:0 0 36px;max-width:360px;color:var(--secondary-text-color);font-size:15px;font-weight:600;line-height:1.5}.auth__form{display:flex;flex-direction:column;gap:26px}.auth__field{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.18);transition:border-color .25s ease-in-out}.auth__field:hover{border-color:#ffffff5c}.auth__field:focus-within{border-color:var(--secondary-color)}.auth__field:focus-within .auth__label{color:var(--main-text-color)}.auth__label{color:var(--secondary-text-color);font-family:lato,sans-serif;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;transition:color .25s ease-in-out}.auth__input{width:100%;padding:4px 0 6px;margin:0;background:transparent;border:0;color:var(--main-text-color);font-family:lato,sans-serif;font-size:17px;font-weight:600;line-height:1.3;user-select:text;-webkit-user-select:text;-webkit-text-fill-color:var(--main-text-color)}.auth__input::placeholder{color:#ffffff47}.auth__input:focus{outline:none}.auth__input:-webkit-autofill,.auth__input:-webkit-autofill:focus,.auth__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--main-text-color);box-shadow:0 0 0 1000px #2c2c2c inset;transition:background-color 9999s ease-in-out 0s}.auth__error{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background-color:var(--secondary-color-transparent);border-left:3px solid var(--secondary-color);border-radius:4px;color:var(--main-text-color);font-size:13px;font-weight:700;line-height:1.45}.auth__error:before{content:"!";flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--secondary-color);color:var(--main-text-color);border-radius:50%;font-size:12px;font-weight:900}.auth__submit{margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:14px;width:100%;padding:1rem 1.5rem;background:var(--secondary-color);color:var(--main-text-color);border:0;border-radius:10px;box-shadow:var(--shadow-red);font-family:lato,sans-serif;font-size:15px;font-weight:800;letter-spacing:.4px;cursor:pointer;transition:background-color .25s ease-in-out,box-shadow .25s ease-in-out}.auth__submit__arrow{font-size:18px;font-weight:700}.auth__submit:hover:not(.disabled){box-shadow:var(--shadow-red-hover)}.auth__submit:active:not(.disabled){transform:translateY(1px)}.auth__submit.disabled{background:var(--disabled-bg-color);color:var(--disabled-text-color);box-shadow:none;cursor:not-allowed}.auth__footer{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:4px;color:var(--secondary-text-color);font-size:14px;font-weight:600;text-align:center}.auth__link{color:var(--main-text-color);font-weight:800;border-bottom:1px solid var(--secondary-color);padding-bottom:1px;transition:border-color .2s ease-in-out}.auth__link:hover{border-bottom-color:var(--main-text-color)}@media screen and (max-width: 700px){.auth{gap:20px}.auth__card{padding:40px 24px 28px;border-radius:12px}.auth__title{font-size:30px}.auth__subtitle{margin-bottom:28px;font-size:14px}.auth__form{gap:22px}.auth__submit{font-size:14px;padding:14px 20px}}.profile{width:100%;max-width:920px;display:flex;flex-direction:column;gap:32px;color:var(--main-text-color)}.profile--centered{align-items:center;justify-content:center;min-height:50vh}.profile__identity{display:flex;gap:24px;align-items:center}.profile__identity-text{display:flex;flex-direction:column;gap:4px;min-width:0}.profile__username{margin:0;font-size:28px;font-weight:900;letter-spacing:-.3px;overflow-wrap:anywhere}.profile__email,.profile__since{margin:0;color:var(--secondary-text-color);font-size:14px;font-weight:600}.profile__stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.profile__stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12)}.profile__stat-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary-text-color)}.profile__stat-value{font-size:26px;font-weight:800}.profile__stat-value--up{color:#4cd964}.profile__stat-value--down{color:var(--secondary-color)}.profile__history{display:flex;flex-direction:column;gap:16px}.profile__history-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.3px}.profile__hint,.profile__error{margin:0;padding:18px 20px;border-radius:12px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12);color:var(--secondary-text-color);font-size:14px;font-weight:600}.profile__error{border-color:var(--secondary-color);background-color:var(--secondary-color-transparent);color:var(--main-text-color)}.profile__games{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;transition:opacity .15s ease}.profile__games--fetching{opacity:.55}.profile__game{display:grid;grid-template-columns:2fr 1fr 1.4fr;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12)}.profile__game-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.profile__game-middle{display:flex;justify-content:center}.profile__game-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.profile__seat{font-weight:800;color:var(--secondary-text-color);min-width:32px;font-size:14px}.profile__team{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.3px}.profile__team--citizens{background-color:#6aa9e82e;color:#6aa9e8}.profile__team--mafia{background-color:var(--secondary-color-transparent);color:#f0a0a0}.profile__life{font-size:12px;color:var(--secondary-text-color);font-weight:600}.profile__result{font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.profile__result--won{color:#4cd964}.profile__result--lost{color:var(--secondary-color)}.profile__delta{font-weight:800;font-size:18px}.profile__delta--up{color:#4cd964}.profile__delta--down{color:var(--secondary-color)}.profile__delta--zero{color:var(--secondary-text-color)}.profile__date{font-size:12px;color:var(--secondary-text-color);font-weight:600}.profile__pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px}.profile__page-info{color:var(--secondary-text-color);font-size:13px;font-weight:600}@media screen and (max-width: 700px){.profile{gap:24px}.profile__identity{flex-direction:column;align-items:flex-start;gap:16px}.profile__username{font-size:24px}.profile__stats{grid-template-columns:1fr;gap:10px}.profile__stat{flex-direction:row;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px}.profile__stat-label{font-size:11px;letter-spacing:1.2px}.profile__stat-value{font-size:22px}.profile__history-title{font-size:20px}.profile__game{grid-template-columns:1fr auto;grid-template-areas:"left right" "middle middle";gap:10px;padding:14px 16px}.profile__game-left{grid-area:left}.profile__game-middle{grid-area:middle;justify-content:flex-start}.profile__game-right{grid-area:right;align-items:flex-end}.profile__pagination{flex-wrap:wrap;justify-content:center;gap:12px}.profile__page-info{order:-1;width:100%;text-align:center}}.notification{z-index:10000;position:fixed;overflow:hidden;top:40px;right:40px;padding:25px 30px;display:flex;flex-direction:column;gap:17px;color:var(--main-text-color);background-color:var(--main-color);border:4px solid var(--secondary-color);border-radius:10px;box-shadow:var(--shadow-red)}.notification__status-bar{position:absolute;top:0;left:0;display:inline-block;height:5px;background-color:var(--main-text-color)}.notification__header{display:flex;justify-content:space-between;align-items:center;gap:25px}.notification__title{font-size:20px;font-style:normal;font-weight:700;line-height:normal}.notification__close{cursor:pointer}#root{background-color:var(--main-color);min-height:100vh}.wrapper{position:relative;width:100%;height:100%}.container{display:flex;justify-content:center;align-items:center;max-width:920px;min-height:calc(100vh - 100px);margin:0 auto;color:var(--main-text-color);padding:76px 40px}.settings-container{display:flex;color:var(--main-text-color);padding:1rem 2rem}.flex-center-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px}.flex-row-wrapper{display:flex;gap:20px;align-items:center;justify-content:space-between;width:100%}.flex-row-wrapper .button{flex:1 1;text-align:center}.flex-column-wrapper{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}.roles-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:48px;max-width:433px;-webkit-user-select:unset;user-select:unset}.stats{display:flex;flex-direction:column;align-items:center;gap:25px;justify-content:center;padding:0 10px}.stats__subtitle{font-size:32px;font-weight:700}.stats__winner{display:inline-block;padding:15px 25px;font-size:32px;font-style:normal;font-weight:900;border-radius:20px;border:2px solid var(--main-text-color)}.stats__winner--innocent{background-color:var(--secondary-color)}.stats__winner--mafia{background-color:var(--main-color)}.stats__list{margin:50px 0 25px;display:flex;flex-direction:column;gap:40px}.stats__list-item{display:flex;align-items:center;gap:48px;padding:25px;border-radius:20px;border:1px solid rgba(255,255,255,.25)}.stats__list-player{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:18px;font-weight:700}.stats__list-player img{width:118.5px;height:153.9px;object-fit:cover}.stats__list-description{display:flex;flex-direction:column;gap:15px;font-size:18px;font-style:normal;font-weight:400}.stats__strong{font-weight:900}.mp-landing{width:100%;max-width:920px;display:flex;flex-direction:column;gap:32px;color:var(--main-text-color)}.mp-landing__header{display:flex;flex-direction:column;gap:8px}.mp-landing__title{margin:0;font-size:32px;font-weight:900;letter-spacing:-.4px}.mp-landing__subtitle{margin:0;color:var(--secondary-text-color);font-size:15px;font-weight:600}.mp-landing__cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mp-landing__card{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:16px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12)}.mp-landing__card .button{margin-top:auto;text-align:center}.mp-landing__card-title{margin:0;font-size:22px;font-weight:800}.mp-landing__card-desc{margin:0;color:var(--secondary-text-color);font-size:14px;font-weight:600;line-height:1.45}.mp-landing__settings{margin:0;font-size:13px;font-weight:700;color:var(--main-text-color)}.mp-landing__settings-link{margin-left:8px;color:var(--secondary-text-color);border-bottom:1px solid var(--secondary-color);padding-bottom:1px}@media screen and (max-width: 700px){.mp-landing{gap:22px}.mp-landing__cards{grid-template-columns:1fr}}.room-code{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12)}.room-code__label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary-text-color)}.room-code__value{font-size:32px;font-weight:900;letter-spacing:4px;color:var(--main-text-color);flex:1}@media screen and (max-width: 700px){.room-code{flex-direction:column;align-items:flex-start;gap:10px}.room-code__value{font-size:28px;letter-spacing:3px}}.mp-room{width:100%;max-width:920px;display:flex;flex-direction:column;gap:28px;color:var(--main-text-color)}.mp-room--centered{align-items:center;justify-content:center;min-height:50vh}.mp-room__header{display:flex;flex-direction:column;gap:16px}.mp-room__title{margin:0;font-size:28px;font-weight:900}.mp-room__players{display:flex;flex-direction:column;gap:12px}.mp-room__players-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--secondary-text-color)}.mp-room__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-room__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background-color:var(--main-color-transparent);border:1px solid rgba(255,255,255,.12)}.mp-room__name{flex:1;font-weight:700}.mp-room__badge{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:999px;background-color:var(--secondary-color-transparent);color:#f0a0a0}.mp-room__ready{font-size:12px;font-weight:700;color:var(--secondary-text-color)}.mp-room__ready--on{color:var(--accent-green)}.mp-room__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.mp-room__hint{margin:0;width:100%;color:var(--secondary-text-color);font-size:13px;font-weight:600}@media screen and (max-width: 700px){.mp-room__list{grid-template-columns:1fr}}.role-banner{display:flex;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-radius:.5rem;background-color:#ffffff0a;color:var(--main-text-color)}.role-banner__main{display:flex;flex-direction:column;gap:.15rem}.role-banner__label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1rem;color:var(--secondary-text-color)}.role-banner__role{font-size:1.6rem;font-weight:900;line-height:1}.role-banner__seat{margin-left:auto;font-size:.95rem;font-weight:700;color:var(--secondary-text-color)}.role-banner--mafia .role-banner__role{color:var(--secondary-color-light)}.role-banner--host{justify-content:center}.role-banner--host .role-banner__role{font-size:1.125rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--secondary-text-color)}.host-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.host-controls__advance{flex:1;min-width:12rem;text-align:center}.mp-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:.875rem;background-color:var(--main-color-transparent);border:.0625rem solid rgba(255,255,255,.12);color:var(--main-text-color);transition:border-color .2s ease,opacity .2s ease}.mp-card--self{border-color:#ffffff73}.mp-card--targeted{border-color:var(--secondary-color)}.mp-card--dead{opacity:.55}.mp-card__title{display:flex;align-items:center;gap:.4rem;width:100%;margin:0;font-size:1.125rem;font-weight:700}.mp-card__seat{color:var(--secondary-text-color)}.mp-card__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-card__offline{margin-left:auto;width:.55rem;height:.55rem;border-radius:50%;background-color:var(--secondary-color);flex-shrink:0}.mp-card__card{position:relative;width:100%}.mp-card__image{display:block;width:100%;height:auto}.mp-card__muted{position:absolute;top:.4rem;right:.4rem;width:1.75rem;height:1.75rem;z-index:12}.mp-card__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--main-color-transparent);z-index:10}.mp-card__status img{width:35%;max-width:3.25rem}.mp-card__menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.5rem;padding:.75rem;background-color:var(--main-color-transparent);opacity:0;pointer-events:none;transition:opacity .25s ease-in-out;z-index:20}.mp-card__card:hover .mp-card__menu{opacity:1;pointer-events:auto}.mp-card__fouls{display:flex;gap:.4rem}.mp-card__fouls .player__button{flex:1;justify-content:center}.mp-card__nominated-by{font-size:.75rem;font-weight:700;color:var(--secondary-text-color)}.mp-card__penalty{display:flex;gap:.625rem}.mp-card__foul{width:1.25rem;height:1.25rem;border-radius:50%;border:.125rem solid var(--secondary-color)}.mp-card__foul--on{background-color:var(--secondary-color)}@media (hover: none){.mp-card__menu{opacity:1;pointer-events:auto}}.mp-timer{display:flex;flex-direction:column;align-items:center;gap:.875rem;width:100%}.mp-timer__clock{font-size:4rem;font-weight:900;line-height:1;letter-spacing:.125rem;font-variant-numeric:tabular-nums}.mp-timer__clock--idle{color:var(--secondary-text-color)}.mp-timer__clock--done{color:var(--secondary-color);animation:mp-timer-flash .8s ease-in-out infinite alternate}.mp-timer__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.mp-timer__preset{padding:.5rem 1rem}@keyframes mp-timer-flash{0%{opacity:.45}to{opacity:1}}@media (max-width: 470px){.mp-timer__clock{font-size:3rem}}.mp-desk{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.mp-desk__banner{margin:0;padding:.65rem 1.25rem;border-radius:.75rem;background-color:var(--main-color-transparent);border:.0625rem solid rgba(255,255,255,.12);color:var(--secondary-text-color);font-size:.95rem;font-weight:700;text-align:center}.mp-desk__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;width:100%}@media (max-width: 470px){.mp-desk__grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}.mp-log{display:flex;flex-direction:column;gap:.625rem;padding:1rem 1.125rem;border-radius:.875rem;background-color:var(--main-color-transparent);border:.0625rem solid rgba(255,255,255,.12);width:100%}.mp-log__title{font-size:.7rem;font-weight:800;letter-spacing:.1rem;text-transform:uppercase;color:var(--secondary-text-color)}.mp-log__empty{margin:0;font-size:.85rem;color:var(--secondary-text-color)}.mp-log__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:16rem;overflow-y:auto}.mp-log__item{display:flex;align-items:baseline;gap:.6rem;font-size:.85rem}.mp-log__phase{display:flex;align-items:center;gap:.7rem;margin:.25rem 0}.mp-log__phase-line{flex:1;height:.0625rem;background-color:#ffffff1f}.mp-log__phase-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08rem;color:var(--secondary-text-color);white-space:nowrap}.mp-log__cycle{flex-shrink:0;min-width:1.4rem;height:1.4rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.45rem;background-color:#ffffff1a;font-size:.7rem;font-weight:800;color:var(--secondary-text-color)}.mp-log__text{line-height:1.35}.check-results{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1.1rem;border-radius:.5rem;background-color:#ffffff0a}.check-results__title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1rem;color:var(--secondary-text-color)}.check-results__tags{display:flex;flex-wrap:nowrap;align-items:center;gap:1.5rem;min-height:2.25rem;overflow-x:auto;scrollbar-width:none}.check-results__tags::-webkit-scrollbar{display:none}.check-results__empty{font-size:.9rem;color:var(--secondary-text-color)}.check-results__tag{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;flex-shrink:0}.check-results__seat{font-size:.75rem;font-weight:700;color:var(--secondary-text-color)}.check-results__verdict{font-size:1.05rem;font-weight:800;line-height:1.1}.check-results__verdict--mafia{color:var(--secondary-color-light)}.check-results__verdict--citizen{color:var(--accent-green)}.check-results__verdict--sheriff{color:var(--accent-blue)}.check-results__verdict--none{color:var(--main-text-color)}.mp-game{width:100%;max-width:57.5rem;margin:0 auto;display:flex;flex-direction:column;gap:1.375rem;color:var(--main-text-color);padding:1.5rem 0}.mp-game--centered{align-items:center;justify-content:center;min-height:50vh}.mp-game__header{display:flex;flex-direction:column;gap:.75rem}.mp-game__phase{display:flex;align-items:baseline;gap:.625rem}.mp-game__phase-label{font-size:1.625rem;font-weight:900;text-transform:uppercase;letter-spacing:.125rem}.mp-game__phase-cycle{font-size:1.375rem;font-weight:700;color:var(--secondary-text-color)}.mp-game__finish{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;border-radius:1rem;background-color:var(--secondary-color-transparent);border:.0625rem solid var(--secondary-color)}.mp-game__finish-title{margin:0;font-size:1.5rem;font-weight:900}@media screen and (max-width: 700px){.mp-game{padding:1rem .75rem}.mp-game__phase-label{font-size:1.25rem}}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*,*:before,*:after{box-sizing:border-box}body,*{font-family:lato,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}a{text-decoration:none;color:inherit;font:inherit}button{border:none;outline:none;background:transparent;color:inherit;font:inherit}:root{--main-color: #2c2c2c;--main-color-transparent: rgba(44, 44, 44, 50%);--secondary-color: #b11f1f;--secondary-color-transparent: rgba(177, 31, 31, 35%);--secondary-color-light: #cc4242;--accent-green: #5fbf6a;--accent-blue: #6aa9e8;--third-color: rgba(255, 255, 255, .25);--main-text-color: #ffffff;--secondary-text-color: rgba(255, 255, 255, .6);--disabled-bg-color: #676767;--disabled-text-color: #b0b0b0;--shadow-white: 0px 0px 20px 0px rgba(255, 255, 255, .25);--shadow-red: 0px 0px 20px 0px rgba(177, 31, 31, .25);--shadow-white-hover: 0px 0px 20px 0px rgba(255, 255, 255, .75);--shadow-red-hover: 0px 0px 20px 0px rgba(177, 31, 31, .75)}@media screen and (max-width: 992px){.header{padding:15px;z-index:1000}.header__logo{font-size:14px;display:inline-block}.container{padding:30px 15px;min-height:calc(100vh - 72px)}.settings-container{padding:1.25rem 1rem}.flex-center-column{gap:24px}.title{font-size:24px}.button{font-size:12px;padding:12.5px 20px}.description{text-align:justify;font-size:14px}.flex-row-wrapper{flex-direction:column;align-items:center;max-width:75%}.flex-row-wrapper .button{width:100%}.roles-wrapper{flex-direction:column}.roles-card{width:80%;height:100%}.roles-card__image{object-fit:cover}.roles-card__information{padding:25px;border:3.25px solid var(--main-text-color)}.roles-card__text{font-size:14px}.player-card{width:257.5px;height:335px}.player-card img{object-fit:cover}.notification{top:unset;bottom:5px;right:5px;left:5px;max-width:unset;gap:7px}.notification__header{gap:7px}.notification__title{font-size:14px}.game-desk__cards{justify-content:space-around;grid-template-rows:auto}.game-desk__cards--4{grid-template-columns:repeat(4,118.5px)}.game-desk__cards--5{grid-template-columns:repeat(5,118.5px)}.game-desk__cards--6,.game-desk__cards--12{grid-template-columns:repeat(3,118.5px)}.game-desk__cards--8{grid-template-columns:repeat(4,118.5px)}.game-desk__cards--10{grid-template-columns:repeat(3,118.5px)}.game-desk__cards--10 .game-desk__player:last-child{grid-column-start:2;grid-column-end:3}.game-desk__cards--11{grid-template-columns:repeat(3,118.5px);grid-template-rows:auto}.game-desk__cards--11 .game-desk__player:last-child{grid-column-start:auto;grid-column-end:auto}.penalty__point{padding:unset;width:25px;height:25px}}@media screen and (max-width: 700px){.timer{width:100%}.timer__clock span{font-size:80px}.session__controls{width:65%;flex-direction:column;align-items:stretch;text-align:center;gap:10px}}@media screen and (max-width: 470px){.timer__clock{margin-bottom:15px}.timer__clock svg{width:28px;height:36px;right:4%}.timer__clock svg path{opacity:.2;transition:opacity .3s ease-in-out;cursor:pointer}.timer__clock svg path:hover{opacity:.2}.timer__controls{margin:0 auto;width:210px;flex-wrap:wrap;justify-content:center;gap:10px}.timer__controls button{flex:40%}.game-desk{margin:0 auto;max-width:300px;justify-content:center}.game-desk__cards{justify-content:space-around}.game-desk__cards--6,.game-desk__cards--4,.game-desk__cards--5,.game-desk__cards--7,.game-desk__cards--8,.game-desk__cards--9,.game-desk__cards--10,.game-desk__cards--11,.game-desk__cards--12{grid-template-columns:repeat(2,118.5px);grid-template-rows:auto}.game-desk__cards--7 .game-desk__player:last-child,.game-desk__cards--9 .game-desk__player:last-child,.game-desk__cards--11 .game-desk__player:last-child{grid-column-start:1;grid-column-end:2}.queueing__players{gap:25px}.queueing__number{font-size:18px}.queueing__controls{max-width:135px}.queueing__count{font-size:18px}.queueing__button{width:30px;height:30px}.gameover{position:fixed;padding:0 25px;text-align:center;height:100vh;top:0;width:100vw;gap:15px}.gameover__winner{font-size:18px;line-height:150%;max-width:95%}.gameover__row{flex-direction:column}.stats{gap:15px}.stats__subtitle{font-size:18px}.stats__winner{font-size:18px;padding:10px 15px}.stats__list{margin:15px 0;gap:25px}.stats__list-item{gap:25px;padding:15px;border-radius:10px}.stats__list-player{font-size:14px}.stats__list-player img{width:94.8px;height:123.12px}.stats__list-description{font-size:14px;text-align:left;line-height:125%;gap:10px}}@media screen and (max-width: 375px){.timer__clock svg{right:0}}