*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}html,body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}div#root{display:flex;flex-direction:column;align-items:center;min-height:100vh;min-width:375px;color:#fff;background:linear-gradient(to left,#fba977,#ef4b90,#612e9a)}body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}section{display:flex;max-width:100%;max-height:100%;padding:0 30px}h1{font-size:128px;font-weight:700;margin-top:40px}h2{font-size:64px;font-weight:600}.container{margin:0 auto;max-width:1240px;width:100%}.login-block{flex-direction:column;margin-top:120px;row-gap:30px;align-items:center;transition:margin-top .3s ease}.login-block--settings-open{margin-top:120px}.login-block--settings-open h2,.login-block--settings-open .login,.login-block--settings-open .login-continue,.login-block--settings-open .join-by-code{display:none}.login-block .login,.login-block .rounds,.login-block .time{width:500px;height:65px;background-color:#ffffff1a;border-radius:10px;border-width:2px;border:2px solid rgb(255,255,255);padding:20px;font-size:30px;font-weight:500;text-align:center}.login-block .login-continue{width:500px;height:65px;background-color:#642f9a80;border-radius:10px;font-size:30px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-block .login-continue:hover{background-color:#642f9abf}.login-block .join-by-code{width:500px;height:65px;background-color:transparent;border:2px solid rgba(255,255,255,.6);border-radius:10px;font-size:26px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease}.login-block .join-by-code:hover{background-color:#ffffff26;color:#fff}.login-block .settings-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:70px;padding:8px 24px;border-radius:10px;font-size:30px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-block .settings-button:hover{background-color:#ffffff26}.login-block .rules-button{padding:8px 22px;border-radius:10px;border:none;background-color:transparent;color:#fff;font-size:20px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.login-block .rules-button:hover{background-color:#ffffff26}.login-block .mini-settings{display:flex;flex-direction:row;justify-content:center;font-size:15px;font-weight:500;gap:5px}.login-block .settings{display:flex;flex-direction:column;gap:20px}.login-block .settings input[type=number]::-webkit-inner-spin-button,.login-block .settings input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.login-block .settings input[type=number]{-moz-appearance:textfield}.login-block .settings input[type=number]{appearance:textfield}.login-block .settings--open{animation:settings-fade-in .25s ease}.login-block .settings--closed{display:none}.login-block .settings--column{display:flex;flex-direction:column;gap:10px}.login-block .settings--hint{max-width:500px;font-size:16px;font-weight:400;line-height:1.3;color:#fff9}.login-block .settings span{font-size:30px;font-weight:500}.login-block .settings .settings-collapse{align-self:center;display:flex;align-items:center;justify-content:center;width:60px;height:44px;border-radius:10px;background-color:#ffffff26;color:#fff;font-size:32px;cursor:pointer;transition:background-color .2s ease}.login-block .settings .settings-collapse:hover{background-color:#fff9}@keyframes settings-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background-color:#1c0c2eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal{display:flex;flex-direction:column;align-items:center;row-gap:20px;width:460px;max-width:90vw;padding:36px;border-radius:16px;background-color:#612e9a}.modal-overlay .modal__title{font-size:32px;font-weight:600;color:#fff}.modal-overlay .modal__input{width:100%;height:60px;padding:16px;border-radius:10px;border:2px solid rgb(255,255,255);background-color:#ffffff1a;font-size:26px;text-align:center;color:#fff}.modal-overlay .modal__submit{width:100%;height:60px;border-radius:10px;background-color:#642f9a80;border:2px solid rgba(255,255,255,.25);font-size:26px;font-weight:500;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.modal-overlay .modal__submit:hover:not(:disabled){background-color:#783cb4f2;border-color:#fff;box-shadow:0 0 0 2px #ffffff26}.modal-overlay .modal__submit:disabled{opacity:.5;cursor:not-allowed}.modal-overlay .modal__close{font-size:20px;color:#fff9;cursor:pointer}.modal-overlay .modal__close:hover{color:#fff}.modal-overlay .modal--rules{width:760px;max-width:92vw;align-items:stretch;max-height:85vh}.modal-overlay .modal--rules .modal__title{text-align:center}.modal-overlay .modal--rules .modal__close{align-self:center}.modal-overlay .rules{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:10px;text-align:left;color:#fff;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.6) transparent}.modal-overlay .rules::-webkit-scrollbar{width:6px}.modal-overlay .rules::-webkit-scrollbar-thumb{background-color:#fff9;border-radius:4px}.modal-overlay .rules__section{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:center;padding:16px 20px;border-radius:12px;background-color:#ffffff12;border:1px solid rgba(255,255,255,.12)}.modal-overlay .rules__section h4{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;color:#fff}.modal-overlay .rules__icon{font-size:22px;line-height:1}.modal-overlay .rules__body p{margin:0;font-size:15px;font-weight:400;line-height:1.5;color:#ffffffd1}.modal-overlay .rules__body p+p{margin-top:8px}@media(max-width:560px){.modal-overlay .rules__section{grid-template-columns:1fr;gap:8px}}.connection-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#1c0c2eb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.connection-overlay__box{display:flex;flex-direction:column;align-items:center;row-gap:20px;padding:40px 50px;border-radius:16px;background-color:#642f9a80;text-align:center}.connection-overlay__spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:connection-spin .9s linear infinite}.connection-overlay__title{max-width:360px;color:#fff;font-size:20px}.connection-overlay__button{padding:12px 28px;border-radius:10px;background-color:#ffffff26;color:#fff;font-size:18px;cursor:pointer}.connection-overlay__button:hover{background-color:#fff9}@keyframes connection-spin{to{transform:rotate(360deg)}}.game-code{position:relative;display:flex;flex-direction:column;align-items:center;row-gap:6px}.game-code__label{font-size:18px;color:#fff}.game-code__value{font-size:40px;font-weight:600;letter-spacing:4px;color:#fff;cursor:pointer}.game-code__copied{position:absolute;top:100%;margin-top:4px;font-size:14px;color:#fff9}.home-button{padding:12px 28px;border-radius:10px;background-color:transparent;border:2px solid rgba(255,255,255,.6);color:#fff;font-size:22px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.home-button:hover{background-color:#ffffff26;color:#fff}.game-block{display:flex;flex-direction:row;justify-content:space-between;margin:auto 0;width:1600px;height:855px;column-gap:30px}.game-block .team-card-list{display:flex;flex-direction:column;justify-content:center;row-gap:25px}.game-block .team-card-list .team-card{display:flex;align-items:center;max-width:100%;width:363px;height:144px;padding:15px 0 15px 15px;border:1px solid rgb(255,255,255);border-radius:10px;background-color:#ffffff26}.game-block .team-card-list .team-card--turn{background-color:#fff9}.game-block .team-card-list .team-card .player-list{display:flex;flex-direction:column;align-self:stretch;max-width:100%;width:190px;row-gap:10px;overflow-y:auto;scroll-snap-type:y proximity;scrollbar-width:none;-ms-overflow-style:none}.game-block .team-card-list .team-card .player-list::-webkit-scrollbar{display:none}.game-block .team-card-list .team-card .player-list .player{position:relative;display:flex;align-items:baseline;max-width:150px;padding-bottom:10px;column-gap:5px;font-size:20px;font-weight:500;scroll-snap-align:start}.game-block .team-card-list .team-card .player-list .player--disconnected{color:#a0a0a0}.game-block .team-card-list .team-card .player-list .player--text{display:flex;gap:5px;align-items:center}.game-block .team-card-list .team-card .player-list .player--text img{width:18px}.game-block .team-card-list .team-card .player-list .player span{max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-block .team-card-list .team-card .player-list .player .score{font-size:16px;font-weight:400}.game-block .team-card-list .team-card .player-list .player .turn{position:absolute;top:8px;right:-20px}.game-block .team-card-list .team-card .player-list .player:after{content:"";position:absolute;left:0;right:0;top:35px;height:1px;background:#fff6;border-radius:5px}.game-block .team-card-list .team-card .player-list .player:last-child{padding-bottom:0}.game-block .team-card-list .team-card .player-list .player:last-child:after{content:none}.game-block .team-card-list .team-card .player-list .player.add{width:150px;height:25px;align-items:center;justify-content:center;border-radius:2px;background-color:#fff6;cursor:pointer;transition:background-color .2s ease}.game-block .team-card-list .team-card .player-list .player.add:hover{background-color:#fff9}.game-block .team-card-list .team-card .line{display:flex;align-self:stretch;width:2px;border-radius:5px;background-color:#fff6}.game-block .team-card-list .team-card .team-score{flex:1 1 auto;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700}.game-block .team-card-list .team-card .team-score span{font-size:18px}.game-block .game-screen{display:flex;flex-direction:column;align-items:center;width:564px}.game-block .game-screen .controls{width:100%}.game-block .game-screen .controls .start-button{width:100%;height:65px;margin-bottom:79px;border-radius:10px;background-color:#642f9a80;font-size:30px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.game-block .game-screen .controls .start-button:hover:not(:disabled){background-color:#642f9abf}.game-block .game-screen .controls .start-button:disabled{opacity:.5;cursor:not-allowed}.game-block .game-screen .controls .start-hint{display:block;margin-bottom:12px;text-align:center;color:#fff9;font-size:18px}.game-block .game-screen .controls .waiting-start{display:flex;width:100%;height:150px;align-items:center;justify-content:center;border-radius:10px;background-color:#fff6;font-size:30px;font-weight:500}.game-block .game-screen .game-time{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:41px;border-radius:10px;background-color:#fff6;font-size:24px;font-weight:700;overflow:hidden}.game-block .game-screen .game-time__bar{position:absolute;inset:0;height:100%;width:100%;border-radius:10px;background:#fff;pointer-events:none;transition:width 1s linear}.game-block .game-screen .game-time__content{position:relative;z-index:1}.game-block .game-screen .word{display:flex;align-items:center;justify-content:center;width:100%;border-radius:10px;background-color:#fff6;animation:word-change .35s ease-out}.game-block .game-screen .word--current{height:300px;font-weight:700}.game-block .game-screen .word--current span{text-align:center;font-size:60px;word-break:break-word;white-space:normal}.game-block .game-screen .word--current span.long{font-size:48px}.game-block .game-screen .word--current span.very-long{font-size:32px}.game-block .game-screen .word--list{flex-direction:column;justify-content:flex-start;height:678px;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;font-size:30px;font-weight:500}.game-block .game-screen .word--list::-webkit-scrollbar{display:none}.game-block .game-screen .word--list--many .word--row:last-child{border-bottom:none}.game-block .game-screen .word--row{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:85px;gap:10px;padding:20px;border-bottom:2px solid rgba(255,255,255,.4);cursor:pointer;scroll-snap-align:start}.game-block .game-screen .word--row--readonly{cursor:default}.game-block .game-screen .word--row--readonly .word--row__checkbox:disabled+.word--row__checkmark{cursor:default}.game-block .game-screen .word--row__checkbox{position:absolute;opacity:0;pointer-events:none}.game-block .game-screen .word--row__checkmark{flex-shrink:0;width:30px;height:30px;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center}.game-block .game-screen .word--row__checkmark:after{content:"";width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:none;opacity:0;transition:opacity .15s ease-out}.game-block .game-screen .word .word--row__checkbox:checked+.word--row__checkmark:after{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='13'%20viewBox='0%200%2018%2013'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.5%206.75L6%2011.25L15.75%201.5'%20stroke='%23622E9A'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");opacity:1}.game-block .game-screen .word .word--row__checkbox:disabled+.word--row__checkmark{opacity:.45;cursor:not-allowed}@keyframes word-change{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.game-block .game-screen--lobby{margin-top:18px;justify-content:flex-start;position:relative}.game-block .game-screen--lobby .game-title{display:flex;width:100%;height:150px;align-items:center;justify-content:center;border-radius:10px;background-color:#fff6;font-size:50px;font-weight:500}.game-block .game-screen--lobby .game-code{position:absolute;top:32%;left:0;right:0}.game-block .game-screen--lobby .text{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;font-size:50px;font-weight:700}.game-block .game-screen--lobby .controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}.game-block .game-screen--game_starting{justify-content:center}.game-block .game-screen--game_starting .game-countdown{display:flex;width:200px;height:200px;align-items:center;justify-content:center;background-color:#fff6;border-radius:10px;font-size:70px;font-weight:500;animation:countdown .35s ease-out}@keyframes countdown{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{opacity:1;transform:translateY(0) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.game-block .game-screen--round_active{justify-content:center;row-gap:25px}.game-block .game-screen--round_active .game-time{color:#612e9a}.game-block .game-screen--round_active .controls{display:flex;flex-direction:row;column-gap:30px;width:100%}.game-block .game-screen--round_active .controls button{width:267px;height:70px;border-radius:10px;background-color:#642f9a80;font-size:30px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.game-block .game-screen--round_active .controls button:hover{background-color:#642f9abf}.game-block .game-screen--between_rounds,.game-block .game-screen--round_validation{justify-content:center;row-gap:25px}.game-block .game-screen--between_rounds .game-time,.game-block .game-screen--round_validation .game-time{color:#ba0306}.game-block .game-screen--between_rounds .controls,.game-block .game-screen--round_validation .controls{display:flex;justify-content:center}.game-block .game-screen--between_rounds .controls .start-button,.game-block .game-screen--round_validation .controls .start-button{margin-bottom:0}.game-block .game-screen--between_rounds .controls .waiting-start,.game-block .game-screen--round_validation .controls .waiting-start{height:70px}.game-block .game-screen--game_finished{justify-content:center;row-gap:50px}.game-block .game-screen--game_finished .text{font-size:64px;font-weight:600}.game-block .game-screen--game_finished .controls{display:flex;flex-direction:column;align-items:center;row-gap:16px}.game-block .game-screen--game_finished .controls .waiting-start{height:70px}.game-block .right-side{position:relative;display:flex;flex-direction:column}.game-block .right-side .lobby-exit{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.6);border-radius:10px;background-color:#ffffff26;cursor:pointer;transition:background-color .2s ease}.game-block .right-side .lobby-exit:hover{background-color:#fff9}.game-block .right-side .lobby-exit img{width:24px;height:24px}.game-block .right-side .lobby-exit--floating{position:absolute;top:0;right:0;z-index:5}.game-block .right-side .round__box{display:flex;max-width:100%;width:363px;height:136px;align-items:center;justify-content:center;border-radius:10px;background-color:#fff6;font-size:50px;font-weight:500}.game-block .right-side .round__box--observers{height:60px;margin-top:18px;column-gap:8px;font-size:24px;color:#fff}.game-block .right-side--lobby{margin-top:18px;align-items:flex-end;justify-content:space-between;height:478.5px}.game-block .right-side--lobby .lobby-side{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;column-gap:12px;width:363px;height:150px;box-sizing:border-box}.game-block .right-side--lobby .observers{position:relative;display:flex;flex-direction:column;align-items:center;row-gap:10px;flex:1 1 auto;min-width:0;box-sizing:border-box;padding:12px 15px;border-radius:10px;background-color:#fff6}.game-block .right-side--lobby .observers__label{align-self:center;font-size:16px;font-weight:500;color:#fff}.game-block .right-side--lobby .observers__row{display:flex;flex-direction:row;align-items:center;column-gap:12px;width:100%}.game-block .right-side--lobby .observers__scroll{display:flex;flex-direction:row;align-items:center;column-gap:18px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.game-block .right-side--lobby .observers__scroll::-webkit-scrollbar{display:none}.game-block .right-side--lobby .observers .observer{flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:default}.game-block .right-side--lobby .observers .observer__icon{width:28px;height:28px}.game-block .right-side--lobby .observers__add{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;background-color:#ffffff26;font-size:22px;line-height:1;color:#fff;cursor:pointer;transition:background-color .2s ease}.game-block .right-side--lobby .observers__add:hover{background-color:#fff9}.game-block .right-side--lobby .observers__tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);max-width:100%;padding:4px 10px;border-radius:6px;background-color:#612e9a;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:10}.game-block .right-side--game_starting{justify-content:center;height:100%;row-gap:25px}.game-block .right-side--round_active,.game-block .right-side--between_rounds,.game-block .right-side--round_validation,.game-block .right-side--game_finished{justify-content:center;row-gap:25px}@media(max-width:1410px){.game-block{height:750px;column-gap:60px;max-width:100%;padding:0 20px}.game-block .team-card-list .team-card{width:290px;height:130px}.game-block .team-card-list .team-card .player-list{width:155px}.game-block .team-card-list .team-card .player-list .player{display:flex;font-size:17px;max-width:125px}.game-block .team-card-list .team-card .player-list .player span{max-width:100px}.game-block .team-card-list .team-card .player-list .player--text img{width:14px}.game-block .team-card-list .team-card .player-list .player .turn{top:5px;right:-15px}.game-block .team-card-list .team-card .player-list .player:after{top:30px}.game-block .team-card-list .team-card .team-score{font-size:48px}.game-block .game-screen{width:370px}.game-block .game-screen .word--list{font-size:24px}.game-block .game-screen .game-title{height:130px;font-size:35px}.game-block .game-screen .text{font-size:32px}.game-block .game-screen .controls .start-button{height:55px;font-size:24px}.game-block .game-screen--lobby{margin-top:0}.game-block .right-side{height:425px}.game-block .right-side .observers{width:290px}.game-block .right-side .observers .observer__icon{width:24px;height:24px}.game-block .right-side .lobby-exit{width:44px;height:44px}.game-block .right-side .lobby-exit img{width:18px;height:18px}.game-block .right-side .round-title{width:290px;height:100px;font-size:32px}}