body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;position:fixed;touch-action:none}#root,body,html{width:100%}#root,.App,body,html{height:100dvh;overflow:hidden}.App{background:#0a0a0a;position:relative;width:100dvw}.site-name{background:none;color:#fff;font-family:Roboto,sans-serif;font-size:24px;font-weight:900;left:20px;position:absolute;text-shadow:none;top:20px;z-index:50}@media (max-width:768px){.site-name{font-size:20px;left:16px;top:16px}}@media (max-width:480px){.site-name{font-size:18px;left:12px;top:12px}}.video-chat-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.remote-video-container{align-items:center;background:#000;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;position:relative}.remote-video{background:#000;height:100%;object-fit:contain;transition:filter .3s;width:100%}.remote-video.nsfw-blocked{filter:brightness(0)}.connection-overlay{background:#000000b3;z-index:10}.connection-overlay,.nsfw-warning-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.nsfw-warning-overlay{animation:fadeIn .3s;background:#000000f2;z-index:15}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.nsfw-warning-content{color:#fff;max-width:500px;padding:40px;text-align:center}.nsfw-icon{animation:pulse 2s infinite;font-size:64px;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nsfw-warning-content h2{color:#f44;font-size:28px;font-weight:600;margin:0 0 15px}.nsfw-warning-content p{color:#ccc;font-size:16px;line-height:1.6;margin:10px 0}.connection-message{align-items:center;color:#fff;display:flex;flex-direction:column;max-width:400px;padding:20px;text-align:center}.connection-message h2{color:#fff;font-size:32px;font-weight:600;margin:0 0 30px}.connection-message p{color:#ccc;font-size:16px;margin:0 0 20px}.start-button{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:280px;min-height:50px;padding:14px 50px;transition:all .3s;width:100%}.start-button:hover:not(:disabled){background:#1976d2;transform:scale(1.02)}.start-button:disabled{cursor:not-allowed;opacity:.5}.device-controls-entrance{bottom:20px}.device-controls-corner,.device-controls-entrance{display:flex;flex-direction:row;gap:12px;left:50%;max-width:500px;position:absolute;transform:translateX(-50%);z-index:40}.device-controls-corner{bottom:95px}.device-selector-wrapper{flex:1 1;max-width:240px;position:relative}.device-control-wrapper{align-items:center;display:flex;flex-shrink:0;position:relative}.device-control-button{background:#3c4043cc;color:#ffffffe6;position:relative}.device-control-button:hover{background:#505457e6}.device-control-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#292a2dfa;border:1px solid #ffffff1a;border-radius:8px;bottom:calc(100% + 12px);box-shadow:0 2px 12px #000c;left:50%;max-height:250px;min-width:280px;overflow-y:auto;position:absolute;transform:translateX(-50%);z-index:100}.device-control-option{align-items:center;background:#0000;border:none;color:#fffffff2;cursor:pointer;display:flex;font-size:14px;gap:10px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;transition:background .15s;white-space:nowrap;width:100%}.device-control-option:hover{background:#ffffff14}.device-control-option.selected{background:#8ab4f81f;color:#8ab4f8}.device-control-option.selected:before{color:#8ab4f8;content:"✓";font-weight:700;margin-right:4px}.device-selector-button{align-items:center;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:11px;gap:5px;outline:none;padding:8px 10px;transition:all .2s;white-space:nowrap;width:100%}.device-selector-button:hover{background:#fff3;border-color:#fff6}.device-selector-button .device-name{flex:1 1;font-size:10px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.device-dropdown{background:#282828fa;border:1px solid #fff3;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000080;left:0;max-height:250px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:auto;z-index:100}.device-option{background:#0000;border:none;color:#fff;cursor:pointer;font-size:14px;overflow:hidden;padding:12px 16px;text-align:left;text-overflow:ellipsis;transition:background .2s;white-space:nowrap;width:100%}.device-option:hover{background:#ffffff1a}.device-option.selected{background:#4285f44d;color:#4285f4}.country-selector{align-items:center;display:flex;flex-direction:column;gap:0;max-width:280px;width:100%}.country-selector label{color:#fff;display:none;font-size:14px;font-weight:500}.country-select{-webkit-appearance:none;appearance:none;background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;outline:none;padding:14px 18px;padding-right:50px!important;text-align:center;width:100%}.country-select,.country-select:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='rgba(255,255,255,0.9)' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:14px}.country-select:hover{background-color:#fff3;border-color:#fff6}.country-select:focus{background-color:#fff3;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath fill='rgba(255,255,255,0.9)' d='M7 10 2 5h10z'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:14px;border-color:#2196f3}.country-select option{background:#1a1a1a;color:#fff}.entrance-mask-selector{align-items:center;display:flex;flex-direction:column;margin:20px 0;max-width:280px;width:100%}.entrance-masks-grid{display:flex;gap:10px;justify-content:center;width:100%}.entrance-mask-option{-webkit-tap-highlight-color:transparent;align-items:center;background-color:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;min-height:44px;outline:none;padding:12px 8px;position:relative;transition:all .3s ease}.entrance-mask-option:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px)}.entrance-mask-option.selected{background-color:#2196f34d;border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.entrance-mask-name{line-height:1.2;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.local-video-container{align-items:center;background:#000c;border-radius:12px;bottom:100px;box-shadow:0 2px 12px #0009;display:flex;flex-direction:column;max-height:400px;max-width:320px;overflow:hidden;padding:0;position:fixed;right:20px;z-index:35}.local-video-container.centered{background:#0000;bottom:auto;box-shadow:none;left:50%;padding:0;position:absolute;right:auto;top:50%;transform:translate(-50%,-50%);z-index:5}.local-video-container.centered,.local-video-container.centered .jee-container{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.local-video-container.centered #jeeFaceFilterCanvas{height:100%;object-fit:contain;width:100%}.local-video-container.centered .local-video-label,.local-video-container.centered .no-face-message{display:none}.jee-container{background:#000;border-radius:12px;flex-shrink:0;height:227px;overflow:hidden;position:relative;width:302px}@media (max-width:768px) and (orientation:portrait){.local-video-container:not(.centered) .jee-container{aspect-ratio:9/16;height:auto;max-height:200px;max-width:120px;width:auto}@supports not (aspect-ratio:9/16){.local-video-container:not(.centered) .jee-container{height:200px;width:112.5px}}}#jeeFaceFilterCanvas{display:block;height:100%;object-fit:contain;transform:rotateY(180deg);width:100%}.local-video-label{background:#0009;border-radius:4px;bottom:8px;color:#fff;font-size:12px;font-weight:500;left:8px;padding:4px 10px;position:absolute;z-index:10}.no-face-message{color:#fff;font-size:14px;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #000000b3;top:50%;transform:translate(-50%,-50%);z-index:5}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#17171780;border-radius:0;bottom:0;gap:16px;height:80px;left:0;position:absolute;right:0;z-index:30}.control-button,.controls{align-items:center;display:flex;justify-content:center;padding:0}.control-button{background:#3c4043cc;border:none;border-radius:50%;box-shadow:none;color:#ffffffe6;cursor:pointer;font-size:22px;height:56px;position:relative;transition:all .2s;width:56px}.control-button:hover{background:#505457e6;transform:scale(1.05)}.control-button .button-text{display:none}.control-button svg{flex-shrink:0}.control-button span{line-height:1}.control-button.active{background:#3c4043cc}.control-button.has-unread{animation:pulse-chat-button 2s infinite;background:#3c4043cc}.control-button.has-unread:hover{background:#505457e6}@keyframes pulse-chat-button{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}}.control-button.disabled,.control-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.chat-notification-badge{align-items:center;animation:pulse-badge 2s infinite;background:#ea4335;border:2px solid #3c4043f2;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-4px;top:-4px;width:20px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.skip-button{background:#3c4043cc;color:#ffffffe6}.skip-button:hover{background:#505457e6}.stop-button{background:#ea4335e6;color:#fff}.stop-button:hover{background:#ea4335;transform:scale(1.05)}.start-button-control{background:#2196f34d;border-color:#2196f380}.start-button-control:hover{background:#2196f380}.chat-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:15px;display:flex;flex-direction:column;height:400px;position:absolute;right:20px;top:20px;width:300px;z-index:40}.chat-close-button{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;top:10px;transition:all .3s;width:32px;z-index:50}.chat-close-button:hover{background:#ffffff4d;transform:scale(1.1)}.chat-close-button:active{transform:scale(.95)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-message{word-wrap:break-word;border-radius:10px;font-size:14px;max-width:80%;padding:10px 12px}.chat-message.system{align-self:center;background:#ffffff1a;color:#ccc;font-style:italic;text-align:center}.chat-message.own{align-self:flex-end;background:#2196f34d;color:#fff}.chat-message.peer{align-self:flex-start;background:#2196f34d;color:#fff}.chat-input-form{border-top:1px solid #ffffff1a;display:flex;gap:10px;padding:10px}.chat-input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.chat-input::placeholder{color:#ffffff80}.game-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border:2px solid #fff3;border-radius:15px;box-shadow:0 4px 20px #00000080;left:50%;max-width:600px;padding:20px;position:absolute;top:20px;transform:translateX(-50%);width:90%;z-index:50}.game-content{color:#fff;position:relative}.game-header{align-items:center;display:flex;gap:15px;justify-content:flex-start;margin-bottom:15px;padding-bottom:10px;padding-right:45px;position:relative}.game-cancel-button{align-items:center;background:#f443364d;border:1px solid #f4433680;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:36px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:all .2s;width:36px;z-index:10}.game-cancel-button:hover{background:#f4433699;border-color:#f44336e6;transform:scale(1.1)}.game-cancel-button:active{background:#f44336b3;transform:scale(.95)}.game-cancel-button:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.game-scores{display:flex;flex-shrink:0;gap:20px}.game-score{color:#2196f3;font-size:14px;font-weight:600;white-space:nowrap}.game-question-number{color:#ffffffb3;flex:1 1;font-size:12px;text-align:center;white-space:nowrap}.game-header:not(:has(.game-scores)) .game-question-number{margin:0 auto;text-align:center}.game-question{margin-bottom:20px}.game-question h3{color:#fff;font-size:18px;font-weight:600;line-height:1.4;margin:0}.game-waiting-message-container{align-items:center;display:flex;margin:0;min-height:20px}.game-waiting-message{animation:pulse-text 2s infinite;color:#ffffffb3;font-size:14px;font-style:italic;margin:0}@keyframes pulse-text{0%,to{opacity:.7}50%{opacity:1}}.game-next-question-indicator{align-items:center;animation:fade-in-up .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:15px;display:flex;flex-direction:column;gap:12px;left:50%;padding:20px 30px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px))}to{opacity:1;transform:translate(-50%,-50%)}}.countdown-circle{align-items:center;display:flex;height:60px;justify-content:center;position:relative;width:60px}.countdown-svg{height:100%;left:0;position:absolute;top:0;transform:rotate(-90deg);width:100%}.countdown-circle-bg{fill:none;stroke:#fff3;stroke-width:3}.countdown-circle-progress{fill:none;stroke:#2196f3;stroke-width:3;stroke-linecap:round;stroke-dasharray:125.6;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.countdown-number{animation:pulse-number 1s ease-in-out infinite;color:#2196f3;font-size:24px;font-weight:700;position:relative;z-index:1}@keyframes pulse-number{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.countdown-text{color:#fffc;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0}.game-options{gap:10px}.game-option{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:12px 20px;text-align:left;transition:all .3s}.game-option:disabled{cursor:not-allowed;opacity:.7}.game-option.selected{background:#2196f366!important;border-color:#2196f3cc!important;color:#fff!important}.game-option.correct{background:#4caf5099!important;border-color:#4caf50!important;color:#fff!important;font-weight:700}.game-option.incorrect{background:#f4433699!important;border-color:#f44336!important;color:#fff!important}.game-option.peer-selected{background:#ffc10766!important;border-color:#ffc107b3!important;border-style:dashed}.game-option-text{flex:1 1;text-align:left}.game-option-peer-icon{color:#ffffffe6;flex-shrink:0;opacity:.9}.game-finished{text-align:center}.game-finished h2{color:#fff;font-size:24px;margin:0 0 20px}.game-final-scores{display:flex;gap:30px;justify-content:center;margin-bottom:20px}.final-score{color:#2196f3;font-size:18px;font-weight:600}.game-close-button{background:#2196f3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 30px;transition:all .3s}.game-close-button:hover{background:#1976d2;transform:scale(1.05)}.game-request-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid #fff3;border-radius:15px;box-shadow:0 4px 20px #00000080;left:50%;min-width:300px;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:60}.game-request-content{color:#fff;text-align:center}.game-request-content h3{font-size:20px;margin:0 0 10px}.game-request-content p{color:#fffc;margin:0 0 20px}.game-request-buttons{display:flex;gap:10px;justify-content:center}.game-accept-button,.game-decline-button{border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 25px;transition:all .3s}.game-accept-button{background:#2196f3;color:#fff}.game-accept-button:hover{background:#1976d2;transform:scale(1.05)}.game-decline-button{background:#fff3;color:#fff}.game-decline-button:hover{background:#ffffff4d;transform:scale(1.05)}.game-button{background:#3c4043cc;color:#ffffffe6}.game-button:hover:not(:disabled){background:#505457e6}.game-button:disabled{cursor:not-allowed;opacity:.6}.game-button-waiting{cursor:not-allowed;opacity:.7}.game-button-active,.game-button-waiting,.game-button-waiting:hover{background:#3c4043cc!important}.game-button-active{cursor:not-allowed;opacity:.9}.game-button-active:hover{background:#3c4043cc!important}.mask-removal-button{background:#3c4043cc;color:#ffffffe6}.mask-removal-button:hover:not(:disabled){background:#505457e6}.mask-removal-button:disabled{cursor:not-allowed;opacity:.6}.mask-removal-button-waiting{cursor:not-allowed;opacity:.7}.mask-removal-button-waiting,.mask-removal-button-waiting:hover{background:#3c4043cc!important}.game-button-spinner{animation:game-button-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;display:inline-block;height:22px;width:22px}@keyframes game-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.game-selection-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:50}.game-selection-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #00000080;max-width:500px;min-width:350px;padding:30px;position:relative}.game-selection-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:30px}.game-selection-close:hover{background:#fff3;transform:scale(1.1)}.game-selection-content h3{color:#fff;font-size:24px;margin:0 0 25px;text-align:center}.game-options{display:flex;flex-direction:column;gap:15px}.game-option-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:15px;color:#fff;cursor:pointer;display:flex;gap:15px;padding:20px;text-align:left;transition:all .3s}.game-option-button:hover{background:#fff3;border-color:#2196f380;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.game-option-icon{flex-shrink:0;font-size:32px}.game-option-info{flex:1 1}.game-option-name{font-size:18px;font-weight:600;margin-bottom:5px}.game-option-description{color:#ffffffb3;font-size:14px}.chat-send-button{background:#2196f3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.chat-send-button:hover{background:#1976d2}@media (max-width:768px){.local-video-container.centered{height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;width:100vw}.local-video-container.centered #jeeFaceFilterCanvas,.local-video-container.centered .jee-container{height:100%;max-height:100%;max-width:100%;width:100%}.local-video-container.centered #jeeFaceFilterCanvas{object-fit:contain}.local-video-container:not(.centered){bottom:90px;max-height:262px;max-width:195px;padding:0;position:fixed;right:10px}.local-video-container:not(.centered) .jee-container{height:auto;max-height:262px;max-width:195px;width:auto}.local-video-container:not(.centered) #jeeFaceFilterCanvas{height:100%;object-fit:contain;width:100%}.connection-message{max-width:90%}.connection-message h2{font-size:28px}.controls{bottom:0;height:70px}.control-button{font-size:20px;height:50px;width:50px}.controls{gap:10px;padding:10px 15px}.control-button{font-size:16px;min-height:44px;min-width:44px;padding:10px 15px}.device-control-dropdown{min-width:240px}.chat-panel{height:400px;right:10px;top:10px;width:300px;z-index:40}.connection-message h2{font-size:24px}.connection-message p{font-size:16px}}@media (max-width:480px){.local-video-container:not(.centered){bottom:90px;max-height:225px;max-width:150px;padding:0;position:fixed;right:10px;z-index:35}.local-video-container:not(.centered) .jee-container{height:auto;max-height:210px;max-width:150px;width:auto}.local-video-container:not(.centered) #jeeFaceFilterCanvas{height:100%;object-fit:contain;width:100%}.local-video-container:not(.centered) .local-video-label{bottom:4px;font-size:10px;left:4px;padding:2px 6px}.local-video-container:not(.centered) .no-face-message{font-size:10px;padding:4px}.controls{bottom:0;height:70px}.device-control-button svg:first-child{font-size:20px}.device-control-dropdown{min-width:200px}.device-control-option{font-size:13px;gap:8px;padding:10px 14px}.control-button{font-size:18px;height:48px;width:48px}.control-button .button-text{display:none}.chat-panel{border-radius:0;height:100%;max-height:100%;max-width:100%;right:0;top:0;width:100%;z-index:40}.chat-close-button{font-size:20px;height:40px;min-height:44px;min-width:44px;right:15px;top:15px;width:40px}.chat-messages{font-size:14px;padding:15px}.chat-input-form{padding:10px}.chat-input{font-size:16px;padding:12px}.chat-send-button{font-size:14px;min-width:60px;padding:12px 20px}.game-selection-content{margin:20px;max-width:calc(100% - 40px);min-width:calc(100% - 40px);padding:20px}.game-selection-content h3{font-size:20px;margin-bottom:20px}.game-option-button{padding:15px}.game-option-icon{font-size:28px}.game-option-name{font-size:16px}.game-option-description{font-size:13px}.connection-message{max-width:90%;padding:20px}.connection-message h2{font-size:24px;margin-bottom:25px}.connection-message p{font-size:15px;margin-bottom:20px}.country-selector{max-width:100%}.entrance-mask-selector{margin:16px 0;max-width:100%}.entrance-masks-grid{gap:8px}.entrance-mask-option{font-size:12px;min-height:40px;padding:10px 6px}.start-button{font-size:16px;max-width:100%;min-height:50px;padding:14px 30px;width:100%}.device-controls-entrance{bottom:16px;flex-direction:column;gap:8px;max-width:200px}.device-controls-corner{bottom:85px;flex-direction:column;gap:8px;max-width:200px}.device-selector-wrapper{max-width:100%}.device-selector-button{font-size:12px;padding:9px 10px}.device-selector-button .device-name{font-size:11px}.nsfw-warning-content{max-width:90%;padding:20px}.nsfw-warning-content h2{font-size:22px}.nsfw-warning-content p{font-size:14px}.game-overlay{padding:15px;top:10px;width:95%}.game-cancel-button{font-size:22px;height:40px;right:-8px;top:-8px;width:40px}.countdown-circle{height:50px;width:50px}.countdown-number{font-size:20px}.countdown-text{font-size:12px}.game-question h3{font-size:16px}.game-option{font-size:13px;padding:10px 15px}.game-request-overlay{min-width:280px;padding:20px}}@media (max-width:360px){.local-video-container.centered{height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;width:100vw}.local-video-container.centered #jeeFaceFilterCanvas,.local-video-container.centered .jee-container{height:100%;max-height:100%;max-width:100%;width:100%}.local-video-container.centered #jeeFaceFilterCanvas{object-fit:contain}.local-video-container:not(.centered){bottom:80px;max-height:180px;max-width:120px;padding:0;position:fixed;right:8px;z-index:35}.local-video-container:not(.centered) .jee-container{height:auto;max-height:165px;max-width:120px;width:auto}.local-video-container:not(.centered) #jeeFaceFilterCanvas{height:100%;object-fit:contain;width:100%}.controls{bottom:0;gap:10px;height:65px}.control-button{font-size:16px;height:44px;width:44px}.device-controls-entrance{bottom:12px;flex-direction:column;max-width:180px}.device-controls-corner{bottom:80px;flex-direction:column;max-width:180px}.connection-message h2{font-size:20px}.connection-message p{font-size:14px}}@media (max-width:768px) and (orientation:landscape){.local-video-container.centered{height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;width:100vw}.local-video-container.centered #jeeFaceFilterCanvas,.local-video-container.centered .jee-container{height:100%;max-height:100%;max-width:100%;width:100%}.local-video-container.centered #jeeFaceFilterCanvas{object-fit:contain}.local-video-container:not(.centered){bottom:90px;max-height:135px;max-width:180px;padding:0;position:fixed;right:15px;z-index:35}.local-video-container:not(.centered) .jee-container{height:auto;max-height:135px;max-width:180px;width:auto}.local-video-container:not(.centered) #jeeFaceFilterCanvas{height:100%;object-fit:contain;width:100%}.controls{bottom:0;gap:12px;height:70px}.control-button{font-size:18px;height:48px;width:48px}.device-controls-entrance{bottom:14px;flex-direction:column;max-width:200px}.device-controls-corner{bottom:85px;flex-direction:column;max-width:200px}.chat-panel{height:calc(100vh - 20px);max-height:500px;width:350px;z-index:40}.connection-message h2{font-size:22px}.connection-message p{font-size:14px}}@media (hover:none) and (pointer:coarse){.control-button{height:50px;width:50px}.control-button:active{transform:scale(.95)}.start-button:active{transform:scale(.98)}.chat-send-button:active{transform:scale(.95)}}.settings-button-entrance{align-items:center;background:#3c4043cc;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 8px #0006;color:#ffffffe6;cursor:pointer;display:flex;height:56px;justify-content:center;left:20px;position:absolute;transition:all .2s;width:56px;z-index:40}.settings-button-entrance:hover{background:#505457e6;transform:scale(1.05)}.settings-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.settings-popup-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:800px;min-height:500px;overflow:hidden;position:relative;width:90%}.settings-close-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:44px;justify-content:center;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s;width:44px;z-index:10}.settings-close-button:hover{background:#0000000d}.settings-close-button:active{background:#0000001a;transform:scale(.95)}.settings-close-button:before{border-radius:50%;bottom:-8px;content:"";left:-8px;position:absolute;right:-8px;top:-8px}.settings-title{border-bottom:1px solid #e8eaed;color:#202124;font-size:24px;font-weight:500;margin:0;padding:24px 24px 20px}.settings-container{display:flex;flex:1 1;min-height:0;overflow:hidden}.settings-sidebar{background:#f8f9fa;border-right:1px solid #e8eaed;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:16px 0;width:200px}.settings-tab{align-items:center;background:#0000;border:none;border-left:3px solid #0000;color:#5f6368;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:16px;padding:12px 24px;text-align:left;transition:all .2s}.settings-tab:hover{background:#0000000d}.settings-tab.active{background:#e3f2fd;border-left-color:#2196f3;color:#2196f3}.settings-tab svg{flex-shrink:0}.settings-content{background:#fff;flex:1 1;min-height:0;overflow-y:auto;padding:32px}.settings-section{margin-bottom:32px}.settings-section-title{color:#202124;font-size:16px;font-weight:500;margin:0 0 16px}.settings-device-selector{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;display:flex;gap:12px;min-height:56px;padding:14px 16px;position:relative;transition:all .2s}.settings-device-selector:hover{border-color:#2196f3;box-shadow:0 1px 4px #0000001a}.settings-device-selector:focus-within{border-color:#2196f3;box-shadow:0 1px 6px #2196f333}.settings-device-icon{align-items:center;color:#5f6368;display:flex;flex-shrink:0;height:20px;justify-content:center;line-height:1;width:20px}.settings-device-icon svg{display:block;height:20px;width:20px}.settings-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;color:#202124;cursor:pointer;flex:1 1;font-size:14px;font-weight:400;line-height:1.5;min-width:0;outline:none;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.settings-select option{background:#fff;color:#202124;padding:8px}.settings-dropdown-icon{align-items:center;color:#5f6368;display:flex;flex-shrink:0;height:20px;justify-content:center;line-height:1;pointer-events:none;width:20px}.settings-dropdown-icon svg{display:block;height:20px;width:20px}.filters-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:24px}.filter-box{-webkit-tap-highlight-color:transparent;align-items:center;aspect-ratio:1;background:#f8f9fa;border:3px solid #dadce0;border-radius:12px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;user-select:none;-webkit-user-select:none}.filter-box:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.filter-box.selected,.filter-box:hover{background:#e3f2fd;border-color:#2196f3}.filter-box.selected{box-shadow:0 0 0 3px #2196f333}.filter-box.selected:after{align-items:center;background:#2196f3;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.filter-placeholder{color:#5f6368;font-size:14px;font-weight:500;text-align:center}.filter-box.selected .filter-placeholder{color:#2196f3}.remove-filter-button{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;border:2px solid #dadce0;border-radius:8px;color:#5f6368;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;user-select:none;-webkit-user-select:none}.remove-filter-button:hover{background:#f8f9fa;border-color:#5f6368;color:#202124}@media (max-width:768px){.settings-popup-content{max-height:85vh;min-height:500px;width:95%}.settings-container{flex-direction:column}.settings-title{font-size:22px;padding:max(20px,env(safe-area-inset-top,20px)) 20px 16px}.settings-sidebar{border-bottom:1px solid #e8eaed;border-right:none;flex-direction:row;gap:0;order:1;overflow-x:auto;padding:0;width:100%}.settings-tab{border-bottom:3px solid #0000;border-left:none;flex:1 1;flex-shrink:0;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:14px 16px}.settings-tab.active{background:#e3f2fd;border-bottom-color:#2196f3;border-left:none}.settings-content{order:2;padding:24px 20px}.settings-button-entrance{bottom:16px;height:48px;left:16px;width:48px}.filters-grid{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.settings-popup-overlay{padding:0}.settings-popup-content{border-radius:0;height:100dvh;max-height:100dvh;max-width:100%;min-height:100dvh;width:100%}.settings-container{flex-direction:column;height:100%}.settings-title{flex-shrink:0;font-size:20px;padding:calc(20px + env(safe-area-inset-top)) 16px 16px}.settings-close-button{font-size:26px;height:48px;padding:8px;right:12px;top:calc(10px + env(safe-area-inset-top));width:48px}.settings-sidebar{-webkit-overflow-scrolling:touch;flex-shrink:0;order:1;overflow-x:auto;padding:0;scrollbar-width:none;width:100%}.settings-sidebar::-webkit-scrollbar{display:none}.settings-tab{flex:1 1;font-size:14px;gap:8px;justify-content:center;padding:14px 12px;white-space:nowrap}.settings-tab svg{height:18px;width:18px}.settings-content{-webkit-overflow-scrolling:touch;flex:1 1;order:2;overflow-y:auto;padding:20px 16px}.settings-section{margin-bottom:24px}.settings-section-title{font-size:16px;margin-bottom:12px}.settings-device-selector{gap:8px;min-height:52px;padding:12px}.settings-select{font-size:15px;line-height:1.4}.settings-dropdown-icon,.settings-dropdown-icon svg{height:20px;width:20px}.settings-button-entrance{bottom:12px;height:48px;left:12px;width:48px}.settings-button-entrance svg{height:22px;width:22px}.filters-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.filter-box{border-width:2px}.filter-box.selected:after{font-size:12px;height:20px;right:6px;top:6px;width:20px}.filter-placeholder{font-size:13px}.remove-filter-button{font-size:15px;padding:14px 20px;width:100%}}@media (max-width:360px){.settings-title{font-size:18px;padding:calc(18px + env(safe-area-inset-top)) 14px 14px}.settings-close-button{font-size:24px;height:44px;padding:6px;right:12px;top:calc(10px + env(safe-area-inset-top));width:44px}.settings-tab{flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:12px 10px}.settings-content{padding:16px 12px}.settings-section-title{font-size:15px}.settings-device-selector{gap:6px;min-height:50px;padding:10px 12px}.settings-select{font-size:14px}.settings-dropdown-icon,.settings-dropdown-icon svg{height:18px;width:18px}.filters-grid{gap:8px}.filter-placeholder{font-size:12px}.remove-filter-button{font-size:14px;padding:12px 16px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.control-button{border-width:1.5px}}.onboarding-overlay{background:#00000080;cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.onboarding-tooltip{max-width:320px;min-width:280px;position:fixed;z-index:10000}.onboarding-tooltip-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border:2px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #00000080;padding:20px}.onboarding-tooltip-content p{color:#ffffffe6;font-size:14px;line-height:1.5;margin:0 0 16px}.onboarding-tooltip-footer{align-items:center;display:flex;gap:12px;justify-content:space-between}.onboarding-progress{color:#fff9;font-size:12px;font-weight:500}.onboarding-buttons{align-items:center;display:flex;gap:8px}.onboarding-button-back,.onboarding-button-next,.onboarding-button-skip{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.onboarding-button-back{background:#0000;border:1px solid #2196f380;color:#2196f3}.onboarding-button-back:hover{background:#2196f31a;border-color:#2196f3}.onboarding-button-skip{background:#0000;color:#fff9}.onboarding-button-skip:hover{color:#ffffffe6}.onboarding-button-next{background:#2196f3;color:#fff}.onboarding-button-next:hover{background:#1976d2;transform:scale(1.02)}.onboarding-highlight{animation:onboarding-pulse 2s ease-in-out infinite;border:3px solid #2196f3;border-radius:8px;box-shadow:0 0 0 9999px #00000080;pointer-events:none;position:fixed;z-index:9999}@keyframes onboarding-pulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 0 0 #2196f3b3}50%{box-shadow:0 0 0 9999px #00000080,0 0 0 8px #2196f34d}}.onboarding-arrow{border-bottom:8px solid #000000e6;border-left:8px solid #0000;border-right:8px solid #0000;bottom:100%;height:0;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:0}@media (max-width:768px){.onboarding-tooltip{max-width:calc(100vw - 40px);min-width:auto}.onboarding-tooltip-content{padding:16px}.onboarding-tooltip-content p{font-size:13px}.onboarding-buttons{flex-wrap:wrap}.onboarding-button-back,.onboarding-button-next,.onboarding-button-skip{font-size:13px;padding:6px 12px}}.settings-toggle{align-items:center;background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;display:flex;min-height:56px;padding:14px 16px;transition:all .2s;-webkit-user-select:none;user-select:none}.settings-toggle:hover{border-color:#2196f3;box-shadow:0 1px 4px #0000001a}.settings-toggle input{display:none}.toggle-slider{background-color:#ccc;border-radius:34px;height:24px;margin-right:16px;position:relative;transition:.4s;width:40px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#2196f3}input:checked+.toggle-slider:before{transform:translateX(16px)}.settings-toggle-text{color:#202124;font-size:14px;font-weight:400}.filter-image{height:60%;margin-bottom:5px;object-fit:contain;transition:transform .3s ease;width:60%}.filter-box:hover .filter-image{transform:scale(1.1)}.filter-label{color:#5f6368;font-size:12px;font-weight:500;overflow:hidden;padding:0 5px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-box.selected .filter-label{color:#2196f3;font-weight:600}.filter-box{flex-direction:column;padding:10px}.entrance-mask-image{height:40px;margin-bottom:4px;object-fit:contain;transition:transform .3s ease;width:40px}.entrance-mask-option:hover .entrance-mask-image{transform:scale(1.1)}.entrance-mask-option{flex-direction:column;height:auto;min-height:70px;padding:8px}.entrance-mask-name{font-size:11px;font-weight:500}
/*# sourceMappingURL=main.17144310.css.map*/