.apps-page{max-width:1000px;width:100%;margin:0 auto;padding:2rem 1.5rem 3rem}.apps-section{margin-bottom:3rem}.apps-section:last-child{margin-bottom:0}.apps-section-title{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:#1a1a2e;margin-bottom:1.4rem;padding-bottom:.6rem;border-bottom:2px dashed rgba(180,160,220,.25);transition:color .15s ease}.apps-section-title:hover{color:#6c5ce7}.apps-section-title:hover .apps-section-arrow{transform:translateX(4px);opacity:1}.apps-section-icon{font-size:1.6rem;line-height:1}.apps-section-title h2{font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin:0}.apps-section-arrow{margin-left:auto;font-size:1.4rem;color:#6c5ce7;opacity:.4;transition:transform .15s ease,opacity .15s ease}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}.app-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.04);border:1px solid rgba(220,220,240,.5);transition:transform .2s ease,box-shadow .2s ease;position:relative}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;z-index:2;background:linear-gradient(90deg,#00b894,#55efc4)}.app-card--tool:before{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.app-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(80,60,180,.14)}.app-card-shot{position:relative;aspect-ratio:16/10;background:linear-gradient(145deg,#faf8ff,#eef1ff);overflow:hidden}.app-card-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.app-card:hover .app-card-shot img{transform:scale(1.04)}.app-card-body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}.app-card-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0 0 .35rem}.app-card-desc{font-size:.9rem;color:#5a5a7a;line-height:1.5;margin:0 0 .9rem;flex:1}.app-card-tag{align-self:flex-start;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .7rem;border-radius:12px;background:#e8faf3;color:#00875a}.app-card--tool .app-card-tag{background:#fff4e0;color:#b87400}@media (max-width:700px){.apps-page{padding:1.5rem 1rem 2.5rem}.apps-section-title h2{font-size:1.4rem}.apps-grid{grid-template-columns:1fr 1fr;gap:.9rem}.app-card-body{padding:.9rem 1rem 1rem}.app-card-title{font-size:1rem}.app-card-desc{font-size:.82rem}}@media (max-width:480px){.apps-grid{grid-template-columns:1fr}}.apps-more{display:flex;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.9rem 1.4rem;text-decoration:none;color:#1a1a2e;font-weight:600;font-size:1rem;letter-spacing:-.01em;background:hsla(0,0%,100%,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(220,220,240,.7);border-radius:16px;box-shadow:0 2px 10px rgba(80,60,180,.05);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;position:relative;overflow:hidden}.apps-more:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background:linear-gradient(180deg,#00b894,#55efc4)}.apps-more--tool:before{background:linear-gradient(180deg,#fdcb6e,#f39c12)}.apps-more:hover{transform:translateY(-3px);background:#fff;border-color:rgba(108,92,231,.35);box-shadow:0 10px 26px rgba(80,60,180,.12)}.apps-more-text{color:#1a1a2e}.apps-more-count{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .6rem;border-radius:10px;background:#e8faf3;color:#00875a}.apps-more--tool .apps-more-count{background:#fff4e0;color:#b87400}.apps-more-arrow{margin-left:auto;font-size:1.2rem;color:#6c5ce7;opacity:.6;transition:transform .15s ease,opacity .15s ease}.apps-more:hover .apps-more-arrow{transform:translateX(5px);opacity:1}.contacts-dlg{padding:5px 0 20px}body.air #vchat,body.cam #vchat,body.mic #vchat{display:flex}#vchat .user-splitter{order:2;display:block;height:1px;background-color:gray}#vchat .user.icon,body.icon-users #vchat .user{order:1;vertical-align:top;background-color:#000;padding:5px;border-radius:5px;border:2px solid #fff;display:inline-block;position:relative;margin:0;padding:0;height:30px;width:30px;cursor:pointer;overflow:hidden}.row-sel{background-color:#00af00}.videoOverlay{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:.01;z-index:1;pointer-events:none;overflow:scroll}@media (max-width:480px){.header{padding:0}}.customDlg .list-area{margin:10px 0;display:flex;flex-direction:column;gap:8px}.customDlg .list-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.customDlg .list-header .list-title{flex:1 1 auto;text-align:left;font-size:14px}.customDlg .list-header .add-btn{flex:0 0 auto;float:none;width:auto;padding:4px 12px;font-size:13px;line-height:1.4}.customDlg .win-content{flex:0 1 auto;overflow-y:visible}.customDlg .list{width:100%;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:4px;padding:4px 0}.customDlg .user-item{display:flex;align-items:center;justify-content:space-between;padding:0 10px;background:#f5f5f5;border-radius:6px;gap:8px;min-height:28px}.customDlg .user-item .user-name{flex:1 1 auto;font-size:14px;color:#333;word-break:break-word;text-align:left}.customDlg .user-item .remove-btn{flex:0 0 auto;width:24px;height:24px;padding:0;font-size:18px;line-height:1;color:#999;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background .2s,color .2s;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.customDlg .user-item .remove-btn:hover{background:#ffebee;color:#e53935}.customDlg .user-item .remove-btn:active{background:#ffcdd2;color:#c62828}.friends-head .add{width:25px;height:24px;background:#1996ea;border-radius:5px;position:absolute;top:4px;right:10px;cursor:pointer;color:#fff;text-align:center}.friends-head .add span{font-size:19px;align-items:baseline;line-height:1}.friends{border-top:1px solid #757575;padding:0}.friends .friend{border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:1px solid #e9e9e9;padding-right:12px;height:28px;position:relative;overflow:hidden;margin:4px 0}.friends .friend.opened{height:unset;padding-bottom:15px;border:2px solid #1996ea}.friends .friend .detail{padding:2px 0 4px 6px}.friends .friend .name{color:#3498db;padding:0 4px;cursor:pointer}.friends .friend .open-area{width:50px;display:inline-block;position:absolute;top:0;right:1px;height:25px;text-align:right;padding-top:2px;padding-right:4px;cursor:pointer}.friends .friend .open{cursor:pointer}.friends .friend .open path{stroke:#3498db}.friends .friend.opened .open{transform:rotate(180deg);transform-origin:center}.friends .friend .users{width:100%;display:none}.friends .friend.opened .users{display:block}.friends .friend .users>div{width:50%;padding:2px 0 2px 6px}.friends .friend .users>div:first-of-type{float:left}.friends .friend .users>div:nth-of-type(2){float:right}.friends .friend .users .list{overflow:hidden}.friends .friend .users .list .head{padding-left:6px;position:relative}.friends .friend .users .list .body{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;padding:0 0 8px 2px}@media (max-width:767px){.friends .friend .users>div{width:100%;float:unset}.friends .friend .users>div:nth-of-type(2){border-left:unset}}.hero{margin:10px auto;max-width:1000px;width:100%;background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:40px;padding:3rem 3.5rem 2.5rem;box-shadow:0 25px 60px rgba(80,60,180,.12);border:1px solid hsla(0,0%,100%,.6);transition:transform .2s ease}.hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.logo{font-size:1.5rem;font-weight:700;color:#1a1a2e;letter-spacing:-.02em}.beta-badge{display:inline-block;background:linear-gradient(135deg,#f7c948,#f5a623);color:#1e1a0a;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .9rem;border-radius:20px;box-shadow:0 2px 8px rgba(245,166,35,.25)}.hero-title{font-size:3.2rem;font-weight:800;color:#1a1a2e;letter-spacing:-.03em;line-height:1.1;margin-bottom:.6rem;text-align:center}.hero-title .l{background:linear-gradient(135deg,#0066a3,#0095de);-webkit-background-clip:text;background-clip:text}.hero-title .l,.hero-title .r{-webkit-text-fill-color:transparent}.hero-title .r{background:linear-gradient(135deg,#00ab02,#00c631);-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:1.2rem;color:#4a4a6a;line-height:1.6;margin-bottom:2.5rem}.hero-subtitle .emoji{display:inline-block;animation:a 2s ease-in-out infinite}.hero-subtitle .emoji:nth-child(2){animation-delay:.3s}.hero-subtitle .emoji:nth-child(4){animation-delay:.6s}.hero-subtitle .emoji:nth-child(6){animation-delay:.9s}@keyframes a{0%,to{transform:rotate(0deg)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;margin-bottom:2.5rem}.feature-card{background:#fff;border-radius:20px;padding:1.5rem 1.2rem 1.2rem;box-shadow:0 4px 16px rgba(0,0,0,.04);border:1px solid rgba(220,220,240,.5);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.feature-card--rooms:before{background:linear-gradient(90deg,#6c5ce7,#a29bfe)}.feature-card--games:before{background:linear-gradient(90deg,#00b894,#55efc4)}.feature-card--tools:before{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.feature-card--wishlist:before{background:linear-gradient(90deg,#e17055,#d63031)}.feature-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(80,60,180,.1)}.feature-icon{font-size:2.2rem;margin-bottom:.4rem;display:block}.feature-title{font-size:1.1rem;font-weight:700;color:#1a1a2e;margin-bottom:.3rem}.feature-desc{font-size:.92rem;color:#5a5a7a;line-height:1.5;margin-bottom:.6rem}.feature-tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .7rem;border-radius:12px;background:#f0f0f8;color:#5a5a7a}.feature-card--wishlist .feature-tag{background:#fef0ed;color:#c0392b}.hero-cta{text-align:center;padding:1rem 0 .5rem;border-top:2px dashed rgba(180,160,220,.25)}.cta-text{font-size:1.1rem;color:#3a3a5a;margin-bottom:1rem}.cta-text strong{color:#1a1a2e}.cta-button{display:inline-block;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-weight:700;font-size:1.1rem;padding:.8rem 2.8rem;border-radius:40px;text-decoration:none;box-shadow:0 8px 24px rgba(108,92,231,.3);transition:transform .15s ease,box-shadow .15s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(108,92,231,.4)}.cta-button:active{transform:translateY(0)}.hero-footer{flex-wrap:wrap;justify-content:space-between;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid rgba(200,190,220,.25);font-size:.85rem;color:#7a7a9a}.footer-note,.hero-footer{display:flex;align-items:center}.footer-note{gap:.3rem}.footer-links a{color:#6c5ce7;text-decoration:none;font-weight:500;transition:color .15s}.footer-links a:hover{color:#4a3ab7;text-decoration:underline}.footer-links .sep{color:#c0c0d8;margin:0 .4rem}@media (max-width:700px){.hero{padding:2rem 1.5rem 1.8rem;border-radius:28px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.features{grid-template-columns:1fr 1fr;gap:.8rem}.feature-card{padding:1.2rem 1rem 1rem}.feature-icon{font-size:1.8rem}.feature-title{font-size:1rem}.feature-desc{font-size:.82rem}.hero-footer{flex-direction:column;gap:.5rem;text-align:center;font-size:.8rem}.hero-header .logo{font-size:1.2rem}}@media (max-width:480px){.hero{padding:1.5rem 1rem;border-radius:20px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.92rem}.features{grid-template-columns:1fr;gap:.8rem}.cta-button{font-size:1rem;padding:.7rem 2rem}}.invite-dlg{width:500px;max-height:97vh}.invite-dlg .expired-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:10px;display:none}.invite-dlg .expired-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 5px rgba(76,175,80,.3)}.invite-dlg .expired-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.invite-dlg .expired-hint{font-size:12px;margin-bottom:5px;color:#999;display:none}.invite-dlg .form-select-item{padding:8px 15px;cursor:pointer;transition:background .2s}.invite-dlg .form-select-item:hover{background:#f0f0f0}.invite-dlg .copy-span{display:none;color:#1996ea;cursor:pointer;margin-top:5px;font-size:14px;text-decoration:underline;text-align:center}.invite-dlg .copy-span.сopied{color:green}.invite-dlg .toggle-link{display:inline-block;margin:0 0 4px;font-size:.9rem;color:#6c5ce7;text-decoration:none;border-bottom:1px dashed #b0a8d8;cursor:pointer}.invite-dlg .help-block{margin-top:0}.invite-dlg .help-text{margin:2px 0 8px;padding:6px 14px 10px;background:#f0f4fb;border-radius:6px;border-left:4px solid #6c5ce7;font-size:.92rem;color:#2a3a4a;line-height:1.5}.invite-dlg .help-icon{font-size:1.2rem;margin-right:6px}.invite-dlg .submit-btn{margin-top:10px;margin-bottom:5px}.invite-dlg .room{margin-bottom:15px}.invite-dlg .date-area{margin-top:10px;margin-bottom:0}.invitePage{max-width:520px;margin:30px auto;padding:30px 28px;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invitePage hr{border:none;border-top:2px dashed #e0e4e8;margin:20px 0}.invitePage .invite-header h2{text-align:center;font-size:24px;color:#2c3e50;margin:0 0 20px}.invitePage .invite-info{background:#f8f9fa;padding:16px 18px;border-radius:10px;margin-bottom:4px}.invitePage .invite-info p{font-size:16px;color:#2c3e50;margin:0;line-height:1.6}.invitePage .user-name{font-weight:600;color:#2980b9}.invitePage .room-name{font-weight:600;color:#27ae60}.invitePage .comment-block{margin-top:10px;padding:10px 14px;background:#fff;border-radius:8px;border-left:4px solid #f39c12}.invitePage .comment-label{font-weight:500;color:#7f8c8d}.invitePage .comment-text{color:#2c3e50;font-style:italic}.invitePage .form-group{display:flex;flex-direction:column;gap:4px}.invitePage .form-group label{font-size:15px;font-weight:500;color:#2c3e50}.invitePage .form-group input{padding:10px 14px;font-size:16px;border:2px solid #e0e4e8;border-radius:8px;outline:none;transition:border-color .2s;font-family:inherit}.invitePage .form-group input:focus{border-color:#1996ea}.invitePage .hint{font-size:13px;color:#95a5a6}.invitePage .action{text-align:center}.invitePage .action-hint{font-size:14px;color:#555;margin:0 0 16px}.invitePage .join-btn{width:100%;padding:14px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .2s}.invitePage .join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(39,174,96,.35)}@media (max-width:480px){.invitePage{padding:20px 16px;margin:16px}}.legals-dlg .form-group{padding:1rem 1.5rem;min-width:320px;max-width:420px}.legals-dlg .list-label{font-size:14px;color:#5a6a7a;margin-bottom:1rem;text-align:center}.legals-dlg .buttons{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.legals-dlg .legal-btn{width:100%;padding:.7rem 1rem;border:1px solid #dde4ec;border-radius:8px;background:#f8fafc;cursor:pointer;font-size:14px;text-align:left;transition:background .2s,border-color .2s;font-family:inherit}.legals-dlg .legal-btn:hover{background:#eef2f7;border-color:#b0c8dd}.legals-dlg .legal-btn.terms:hover{border-color:#2b6b9e;background:#e8f0fa}.legals-dlg .legal-btn.privacy:hover{border-color:#3a8a4a;background:#e8f5e8}.legals-dlg .legal-btn.cookies:hover{border-color:#c07a2a;background:#f5efe8}.legals-dlg .or{text-align:center;color:#b0c8dd;font-size:12px;padding:.2rem 0}.legals-dlg .legal-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eef2f7;text-align:center}.legals-dlg .legal-footer small{color:#8a9aaa;font-size:11px}.legals-dlg .legal-footer .geo-notice{color:#9aaa8a;font-size:10px}.legals-dlg .legal-items{display:flex;flex-direction:column;gap:.3rem;margin:.5rem 0 1rem}.legals-dlg .legal-item{display:flex;align-items:center;padding:.7rem 1rem;border-radius:6px;cursor:pointer;transition:background .15s;font-size:14px}.legals-dlg .legal-item:hover{background:#f0f4fb}.legals-dlg .legal-icon{font-size:18px;margin-right:.8rem;flex-shrink:0}.legals-dlg .legal-name{flex:1;color:#1e2a3a}.legals-dlg .legal-arrow{color:#b0c8dd;font-size:16px;transition:transform .2s}.legals-dlg .legal-item:hover .legal-arrow{transform:translateX(4px);color:#2b6b9e}@media (max-width:480px){.legals-dlg .form-group{min-width:unset;padding:.8rem 1rem}.legals-dlg .legal-btn,.legals-dlg .legal-item{font-size:13px;padding:.6rem .8rem}.legals-dlg .legal-footer small{font-size:10px}}.logoutDlg{width:200px}.logoutDlg .form-group{text-align:center}.logoutDlg .yes{margin:15px 0}.logoutDlg .submit-btn{width:200px}.myRoomsWin{width:70vw;height:80vh;max-height:var(--app-height,80vh);position:relative;overflow:hidden}.myRoomsWin-container{bottom:0}.myRoomsWin-container,.myRoomsWin .list-wrapper{position:absolute;top:0;left:0;right:0;overflow:hidden}.myRoomsWin .list-wrapper{bottom:210px}.myRoomsWin .list-wrapper .scroll-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}.myRoomsWin .info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#f5f5f5;border-radius:5px 5px 0 0;border:1px solid #e0e0e0;border-bottom:none;overflow-y:auto}.myRoomsWin .field-row{display:flex;align-items:center;margin-bottom:6px;gap:8px}.myRoomsWin .field-label{min-width:80px;font-weight:500;font-size:13px}.myRoomsWin .field-input{flex:1;padding:4px 8px;border:1px solid #ccc;border-radius:3px;font-size:13px}.myRoomsWin .field-checkbox{margin-right:4px}.myRoomsWin .buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.myRoomsWin .buttons button{padding:6px 16px;border:none;border-radius:4px;cursor:pointer;font-size:13px}.myRoomsWin .save-btn{background:#28a745;color:#fff}.myRoomsWin .delete-btn{background:#dc3545;color:#fff}.myRoomsWin .close-btn{margin-left:auto;background:#6c757d;color:#fff}.myRoomsWin .buttons button:hover{opacity:.8}.myRoomsWin .row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;cursor:pointer;border-radius:5px;transition:background .15s}.myRoomsWin .row:hover{background:#e9ecef}.myRoomsWin .row.row-sel{background:#007bff;color:#fff}.myRoomsWin .row .name{font-weight:500}.myRoomsWin .row .id{font-size:12px;opacity:.6}.myRoomsWin .row.row-sel .id{opacity:.8}.newAppInfoDlg .players{max-height:200px;overflow:auto}.newAppInfoDlg .buttons{margin-top:10px;text-align:center}.newAppInfoDlg .submit-btn.close{margin-top:13px;width:unset}.playersDlg{min-width:400px;max-width:100%}.playersDlg .list{min-height:100px;max-height:500px}.playersDlg .list>div{margin:2px 0;padding:1px 4px 3px;border-top:1px solid #e6e6e6;clear:both;cursor:pointer}.playersDlg .list>div:first-child{border-top:none}.playersDlg .list>div.sel{background-color:orange;color:#fff}.playersDlg .list>div .label{padding:0 5px 1px 0}.playersDlg .list>div .value{cursor:pointer;padding:0 5px 1px;float:right;border-radius:6px;width:unset;padding:0 15px 2px}.reg-dlg{width:534px;max-width:100%}.reg-dlg .form-actions>button{margin-bottom:10px}.reg-dlg .btn-register{flex:1}.reg-dlg .btn-login{flex:1;background:#6c757d}.reg-dlg .data-info{margin:10px 0;min-height:24px;color:#d9534f}.reg-dlg .register-checkboxes{margin:5px 0;padding:6px 10px;background:#f8fafc;border-radius:8px;border:1px solid #e6edf4}.reg-dlg .form-label.checkbox-label{padding-left:18px}.reg-dlg .form-label.checkbox-label input{position:absolute;left:-1px;top:3px}#rhome .welcome{text-align:center;font-size:18px;margin:15px 0 0}#rhome .users .name{text-align:left;color:silver;font-size:14px}#rhome .users .list{border-top:1px solid silver;border-left:1px solid silver;padding:0}#rhome .users .list>div{min-height:40px;min-width:40px;border-radius:3px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;display:inline-block;margin:5px 0 0 5px;text-align:center;padding-right:5px}#rhome .summary .key,#rhome .summary .val{display:inline-block}#rhome .summary td:nth-child(2){padding-left:10px}#rhome .fast-btns{text-align:center;padding-top:15px}#rhome .fast-btns button{border:1px solid #1996ea;background:#fff;padding:8px 15px;border-radius:5px;color:#1996ea;cursor:pointer;min-width:160px}.win.roomJoinDlg{width:80vw;max-width:100%;height:600px;max-height:var(--app-height,80vh)}.roomJoinDlg .scroll-wrapper{margin-bottom:10px;overflow-y:auto}.roomJoinDlg .list>div.row{cursor:pointer;text-align:left;padding:0 6px 3px;border-radius:5px;border-left:1px solid silver;border-bottom:1px solid silver;margin-bottom:6px}.roomJoinDlg .list>div .time{float:right}.roomJoinDlg .list>div .comment{display:block}.roomJoinDlg .list .row-sel .comment,.roomJoinDlg .list .row-sel .name,.roomJoinDlg .list .row-sel .time{color:#fff}.roomJoinDlg .list-label{font-size:16px;text-align:left;color:#656363;padding:0 0 4px 4px}.roomJoinDlg .buttons{text-align:center;margin-top:10px}.roomJoinDlg button{width:200px;max-width:100%}.roomJoinDlg.unsel button.air,.roomJoinDlg.unsel button.switch{color:#c2c2c2;background-color:#7397af}.roomJoinDlg .or{border-top:1px solid silver;margin-top:10px;position:relative;height:13px;clear:both}.roomJoinDlg .or span{top:-14px;padding:0 20px;position:relative;background-color:#fff;color:#777;line-height:76%;height:19px;display:inline-block}.no-rooms .roomJoinDlg .buttons .or,.no-rooms .roomJoinDlg .list,.no-rooms .roomJoinDlg .list-label,.no-rooms .roomJoinDlg button.air,.no-rooms .roomJoinDlg button.switch{display:none}.room-make-dlg{width:500px;max-width:100%}.room-make-dlg .new-room-id{padding:4px;border:1px solid #1996ea;border-radius:5px}.room-make-dlg .info{font-size:13px;margin-bottom:15px;display:none}.room-make-dlg .filled .info{margin-top:10px;color:#666;font-size:14px;display:unset}.room-make-dlg .new-room-id{margin-top:10px;min-height:28px}.rooms{border-top:1px solid #757575;padding:0}.rooms .room{border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:1px solid #e9e9e9;padding-right:12px;height:28px;position:relative;overflow:auto;margin:4px 0}.rooms .room.opened{height:unset;padding-bottom:15px;border:2px solid #1996ea}.rooms .room .name{color:#3498db;padding:0 4px;cursor:pointer}.rooms .room .alias{margin-right:26px}.rooms .room .alias,.rooms .room .invite{color:#3498db;float:right;font-size:14px;cursor:pointer}.rooms .room .invite{margin-right:14px}.rooms .room .cnt{font-size:14px;margin-left:14px;padding:0}.rooms .room .open-area{width:50px;display:inline-block;position:absolute;top:0;right:1px;height:25px;text-align:right;padding-top:2px;padding-right:4px;cursor:pointer}.rooms .room .open{cursor:pointer}.rooms .room .open path{stroke:#3498db}.rooms .room.opened .open{transform:rotate(180deg);transform-origin:center}.rooms .room .users{width:100%;display:none}.parent:after{content:"";display:table;clear:both}.rooms .room.opened .users{display:block}.rooms .room .users>div{width:50%;padding:2px 0 2px 6px}.rooms .room .users>div:first-of-type{float:left}.rooms .room .users>div:nth-of-type(2){float:right}.rooms .room .users .list{overflow:hidden}.rooms .room .users .list .head{padding-left:6px;position:relative}.rooms .room .users .list .body{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;padding:0 0 8px 2px}.rooms .room .member-add{position:absolute;right:-2px;top:-2px;color:#1996ea;display:block;width:26px;border-radius:4px;text-align:center;height:24px;line-height:19px;cursor:pointer}@media (max-width:767px){.rooms .room .users>div{width:100%;float:unset}.rooms .room .users>div:nth-of-type(2){border-left:unset}}.scroll-wrapper{position:relative;width:100%;overflow:hidden}.scroll-parent{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1}.scroll-fade-bottom,.scroll-fade-top{position:absolute;left:0;right:0;height:48px;pointer-events:none;opacity:0;transition:opacity .15s;z-index:2}.scroll-fade-top{top:0;background:linear-gradient(180deg,#fff 0,rgba(52,152,219,.54) 0,hsla(0,0%,100%,0))}.scroll-fade-bottom{bottom:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,rgba(52,152,219,.54) 100%,#fff 0)}.scroll-wrapper.fade-bottom .scroll-fade-bottom,.scroll-wrapper.fade-top .scroll-fade-top{opacity:1}.sessionConsentDlg{width:420px;height:"auto"}.sessionConsentDlg .form-group{padding:1.5rem}.sessionConsentDlg .session-icon{font-size:3rem;text-align:center;margin-bottom:.5rem}.sessionConsentDlg .session-message{font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:.5rem}.sessionConsentDlg .session-description{font-size:.9rem;opacity:.8;text-align:center;line-height:1.6;max-width:380px;margin:0 auto}.sessionConsentDlg .session-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.sessionConsentDlg .session-btn.enable{background:#2b6b9e;color:#fff;border:none;padding:.6rem 2rem;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s}.sessionConsentDlg .buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sessionConsentDlg .session-btn.enable:hover{background:#1e4a7a}.sessionConsentDlg .session-btn.decline{background:transparent;color:#888;border:1px solid #888;padding:.6rem 1.5rem;border-radius:6px;cursor:pointer;transition:all .3s}.sessionConsentDlg .session-btn.decline:hover{border-color:#666;color:#666}.sessionConsentDlg .session-footer{margin-top:1rem;font-size:.75rem;opacity:.5;text-align:center}.sessionConsentDlg .form-group>div.success,.sessionConsentDlg.success .form-group>div{display:none}.sessionConsentDlg.success .form-group>div.success{display:block}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,body,html{margin:0;padding:0}body,body.win-open,html{height:100%;overflow:hidden}body.win-open{position:fixed;width:100%;top:0;left:0;-webkit-overflow-scrolling:auto}#vchat,.no-select,.ns{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}#hi{position:fixed;top:0;left:0;right:0;z-index:7;background-color:#bbcbbcbb;padding:0 2px 1px;font-size:12px;word-wrap:break-word;overflow-wrap:anywhere;cursor:pointer;transform:translateY(-100%);opacity:0;transition:transform .67s ease,opacity .67s ease;will-change:transform,opacity;pointer-events:none}#hi.show{transform:translateY(0);opacity:1;pointer-events:auto}#hi>span{margin:0 3px}.container{height:100%;display:flex;flex-direction:column;overflow:hidden}.container .header{flex:0 0 auto}.container .footer{flex:0 0 auto;background-color:#f1f1f1}.container .content{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-height:0;-webkit-overflow-scrolling:touch;height:100%}#vchat{display:flex;flex-wrap:wrap;gap:3px;min-height:0;text-align:center;justify-content:center;align-content:flex-start;align-items:flex-start;padding:2px;margin-bottom:0;flex:0 0 auto;width:100%;box-sizing:border-box;background-color:#f5f5f5}body[page=vchat] #vchat{flex:1 1 auto;padding:10px}#works{flex:1 1 auto;overflow:hidden;min-height:0;overflow-y:auto;height:100%;display:flex;flex-direction:column}body[page=vchat] #works{display:none}.main-menu-container{z-index:1;position:fixed;width:100%;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;height:8px;transition:height .5s ease}.container.info .main-menu-container{height:34px;transition:height .5s ease}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:0}.form-label{margin-bottom:8px;cursor:pointer;position:relative}.form-input{padding:1px 7px 4px;border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:8px}.form-input:focus{outline:none;box-shadow:0 0 0 2px rgba(52,152,219,.2)}.form-checkbox{position:absolute;right:0;top:6px;width:20px;cursor:pointer}.dog-input{padding-left:20px}.dog-input:before{content:"@";position:absolute;top:24px;left:0;color:gray}.submit-btn{width:100%;padding:4px 12px 6px;background-color:#1996ea;border-radius:5px;font-size:1rem;transition:background-color .2s}.submit-btn:hover{background-color:#2980b9}#consoleLog{position:fixed;bottom:0;left:0;right:0;height:86vh;background:rgba(0,0,0,.8);color:#0f0;font-size:13px;font-family:monospace;padding:5px;z-index:6;border:1px solid #ff0}#consoleLog>div{overflow:auto;height:100%}#consoleLog>div>div{margin:6px 2px}#consoleLog>b{height:22px;width:22px;color:#000;background-color:#ff0;position:absolute;left:2px;top:3px;text-align:center;cursor:pointer;border-radius:1px;display:inline-block;font-size:22px;line-height:16px}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading:before{content:"";width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1996ea;border-radius:50%;animation:b 1s linear infinite;margin-bottom:12px}.loading:after{content:"loading";font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#666;text-align:center;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@keyframes b{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.error:before{content:"⚠";font-size:48px;color:#e74c3c;margin-bottom:16px;animation:c 2s infinite}.error:after{content:"Internal error.\AWe are aware of the issue and are working on a fix.";white-space:pre;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#c0392b;font-weight:600;text-align:center;line-height:1.4}@keyframes c{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}#app-footer{padding:1rem 0;border-top:1px solid #eef2f7;font-size:.9rem;color:#5a6a7a;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1.5rem;background:#fff;z-index:3;position:relative}#app-footer .footer-links a{color:#2b6b9e;text-decoration:none;border-bottom:1px dotted #b0c8dd}#app-footer .footer-links a:hover{color:#0a3a6a;border-bottom-color:#0a3a6a}#app-footer .footer-separator{color:#b0c8dd;margin:0 .5rem}#app-footer .footer-geo{font-size:.8rem;color:#8a9aaa}#ad-banner{padding:.5rem;text-align:center;background:#f0f4fb;border-top:1px solid #e6edf4;font-size:.85rem;color:#5a6a7a}.hidden,.popup-menu,body.oldIOS.fullscreen #footer,body.oldIOS.fullscreen #vchat,body.oldIOS.fullscreen .container .header{display:none}.popup-menu{position:fixed;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:4;border-radius:4px;padding:4px 0}.popup-menu.on{display:block}.popup-menu.level2{min-width:200px}.popup-menu .item{padding:8px 16px;display:block;color:#333;cursor:pointer;position:relative;white-space:nowrap;text-align:left;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.popup-menu .item:hover{background-color:#f1f1f1}.popup-menu .item.has-submenu:after{content:"›";position:absolute;right:8px}.settings-section{padding:8px 0;border-bottom:1px solid #f0f0f0}.settings-section:last-child{border-bottom:none}.settings-section-title{padding:4px 16px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;margin-bottom:4px}.settings-item{display:flex;align-items:center;padding:2px 8px;cursor:pointer;transition:background-color .2s}.settings-item:hover{background-color:#f5f5f5}.settings-item-check{margin-right:12px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.settings-item-check svg{width:14px;height:14px}.settings-item-label{flex:1;font-size:14px}.menu-info{min-height:22px;display:none}.menu-info .error{color:red}.settings-menu{position:fixed;z-index:4}.main-menu-wrapper{margin:0 auto;padding:6px 12px}.room-btn{background-color:red;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s}.room-btn:hover{background-color:#2980b9}.submenu-item.room-btn{background-color:#1996ea;border:1px solid #1996ea;transition:background-color .3s,border-color .3s}.submenu-item.room-btn.disabled{background-color:#b7b7b7;border-color:#a0a0a0;transition:background-color .3s,border-color .3s}body #roomBtn span.join,body[r] #roomBtn span.make{display:none}body[r] #roomBtn span.join{display:unset}.submenu{display:flex;justify-content:space-between;align-items:center;margin-top:8px;margin-bottom:8px;position:relative}.submenu-center{display:flex;gap:15px;position:absolute;left:50%;transform:translateX(-50%)}.submenu-item{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 15px;background-color:#fff;border-radius:5px;cursor:pointer;border:1px solid #eaeaea;position:relative;min-width:52px;white-space:nowrap;max-height:38px}.icon-svg{width:21px;height:21px;fill:#7f8c8d}.icon-svg .strike{stroke:#7f8c8d}.submenu-item.on .icon-svg{fill:#ff8f10}.submenu-item.on .icon-svg .strike{display:none}.submenu-item.on{background-color:#8cd1ff;border:1px solid #1996ea}.icon-container{position:relative;display:inline-block}body.air .room-btn{background-color:#ff8f0f}.room-btn [data-width]{display:none}@media (max-width:480px){.submenu{margin-bottom:1px}.submenu-item{display:inline-block;min-width:34px;padding:2px 3px}.submenu-item button{height:24px}.submenu-center{gap:2px}}@media (max-width:600px){.room-btn [data-width="3"].in{display:inline}body.air .room-btn [data-width="3"].in{display:none}body.air .room-btn [data-width="3"].out{display:inline}.submenu{margin-bottom:3px}.submenu-item{display:inline-block;min-width:40px;min-height:38px;padding:4px 6px}.submenu-item button{height:24px}.submenu-center{gap:3px}}@media (min-width:601px) and (max-width:700px){.room-btn [data-width="2"].in{display:inline}body.air .room-btn [data-width="2"].in{display:none}body.air .room-btn [data-width="2"].out{display:inline}}@media (min-width:701px){.room-btn [data-width="1"].in{display:inline}body.air .room-btn [data-width="1"].in{display:none}body.air .room-btn [data-width="1"].out{display:inline}}body.cam #camBtn{background-color:#8cd1ff;border:1px solid #1996ea}body.cam #camBtn .icon-svg{fill:#ff8f10}body.cam #camBtn .icon-svg .strike{display:none}body.mic #micBtn{background-color:#8cd1ff;border:1px solid #1996ea}body.mic #micBtn .icon-svg{fill:#ff8f10}body.mic #micBtn .icon-svg .strike,body .reg,body:not([u=""]) .unreg{display:none}body:not([u=""]) .reg{display:block}#settMenu .settings-item-check{visibility:hidden}body[vq="0"] #settMenu [k="0"] .settings-item-check,body[vq="1"] #settMenu [k="1"] .settings-item-check,body[vq="2"] #settMenu [k="2"] .settings-item-check,body[vq="3"] #settMenu [k="3"] .settings-item-check{visibility:unset}#camMenu.hidden,#micMenu.hidden{display:none}#camMenu .settings-item-check,#micMenu .settings-item-check{visibility:hidden}#camMenu .sel .settings-item-check,#micMenu .sel .settings-item-check{visibility:unset}#rinfo{height:0;text-align:left;font-size:16px;padding:0 0 0 10px}body[r] #rinfo{height:unset}#operMenuBtn.newApps{background-color:#00af00;color:#fff}#newApps{border-top:1px solid silver}#newApps.hasNew{padding-right:1px}#newApps #newAppsList,#newApps.hasNew>div.empty{display:none}#newApps.hasNew #newAppsList{display:block}#newApps>div.empty{text-align:center;color:silver}#newAppsList>div .name{display:inline-block;max-width:300px;overflow:hidden;padding-right:6px}#newAppsList>div .apply{float:right;border-radius:5px;background:green;color:#fff;padding:0 8px;cursor:pointer;height:26px;line-height:126%}#newAppsList>div .info{color:olive;font-size:19px;border-radius:11px;display:inline-block;width:23px;background-color:olive;color:#ff0;text-align:center;margin-right:7px;padding-top:3px}#newAppsList>div .info,#newAppsList>div .reject{float:right;height:23px;line-height:80%;cursor:pointer}#newAppsList>div .reject{color:red;font-size:23px;padding:0 5px}#operMenu.newApps{background-color:#00f4b7;color:#fff}#contactMenu,#leaveRoomMenu,#logoutMenu,#makeInvite,#myRoomsMenu,#profileMenu,#tabsMenu [p=rhome],#wishlistMenu,body[u][invite] #logoutMenu,body[u][invite] #profileMenu{pointer-events:none;color:#d4d4d4}body[r] #leaveRoomMenu,body[r] #makeInvite,body[r] #tabsMenu [p=rhome],body[u] #contactMenu,body[u] #logoutMenu,body[u] #myRoomsMenu,body[u] #profileMenu,body[u] #wishlistMenu{pointer-events:unset;color:unset}#vchat .user{flex:0 0 auto;box-sizing:border-box;order:1;width:40px;height:40px;vertical-align:top;background-color:#fefefe;padding:5px;border-right:1px solid gray;border-bottom:1px solid gray;border-radius:5px;position:relative;padding:0;margin:0;cursor:pointer;transition:background-color .2s,opacity .2s;overflow:hidden}.user .pano .info{position:absolute;top:6px;left:7px;display:none}body[page=vchat] .user .pano .info{display:unset}.user .info .name-full,.user .info .name-icon{background-color:hsla(0,0%,100%,.5);padding:0 4px 2px;font-size:12px;color:#000;border-radius:2px}.user .info .name-full,body[page=vchat] .user .info .name-icon{display:none}body[page=vchat] .user .info .name-full{display:unset}.user:first-child .info .name-icon{display:none}.user .glass{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none}.user[p2p-bad="1"] .glass{opacity:.5;background-color:maroon}.user[p2p-bad="2"] .glass{opacity:.7;background-color:#600101}.user[p2p-bad="3"] .glass{opacity:.7;background-color:#000}.user .pano,.user .pano .media{position:relative;width:100%;height:100%;margin:0;padding:0}.user .pano video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.user:first-child .media video__{transform:scaleX(-1);transform:scaleX(-1) translateZ(0);-webkit-transform:scaleX(-1) translateZ(0);-webkit-transform:scaleX(-1)}.user .pano .diag{position:absolute;top:1px;right:7px;color:#fff}.user .mic{position:absolute;bottom:4px;left:0;width:24px;height:24px}.user .mic svg .strike{display:none}.user .mic.mute svg .strike{display:unset}.user .mic svg *{fill:#1996ea;stroke:#1996ea}.user .mic{opacity:1;transition:opacity .3s}.user.sound .mic{opacity:0;pointer-events:none}.user .vol{position:absolute;bottom:4px;left:0;width:24px;height:24px}.user .vol svg .strike{display:none}.user .vol.mute svg .strike{display:unset}.user .vol svg *{fill:#1996ea;stroke:#1996ea}.user .vol{opacity:1;transition:opacity .3s;display:none}body[page=vchat] .user .vol{display:unset}.user.sound .vol{opacity:0;pointer-events:none}.user .dec,.user .inc{width:30px;height:30px;opacity:0;transition:opacity .3s}.user.sound .dec,.user.sound .inc{opacity:1}.user .dec *,.user .inc *{fill:#fff}.user .inc{right:0}.user .dec,.user .inc{position:absolute;bottom:4px}.user .dec{transform:scale(-1);left:0}.user .soundInfo{position:absolute;height:20px;text-align:center;font-size:13px;left:50px;right:50px;bottom:4px;color:wheat;display:none}.user .meter{height:3px;--level:0%;--seg:10px;--gap:2px;background:linear-gradient(90deg,#00d559 0,#9fff00 60%,#9fff00 0,#ffb42b 85%,#ffb42b 0,#ff2b2b),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.9) var(--gap),transparent var(--gap),transparent calc(var(--gap) + var(--seg)));background-blend-mode:multiply;opacity:0;transition:opacity .2s}.user .meter,.user .meter:after{position:absolute;bottom:0;right:0;left:0}.user .meter:after{content:"";top:0;background:linear-gradient(90deg,rgba(27,27,27,0) 0,#1b1b1b 5%,#1b1b1b);pointer-events:none;transform:translateX(var(--level));transition:transform .2s}.user svg.audio-play{display:none;position:absolute;width:30%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%)}.user.click-for-play svg.audio-play{display:unset}.user svg.audio-play path{fill:transparent;stroke:#f5deb333;animation:d 3.2s ease-in-out infinite}@keyframes d{0%,to{stroke:#f5deb333}12%{stroke:#f5deb3aa}24%{stroke:#f5deb333}36%{stroke:#f5deb388}48%{stroke:#f5deb333}}body:not(.mic) .user .media .dec,body:not(.mic) .user .media .inc,body:not(.mic) .user .media .meter,body:not(.mic) .user .media .mic,body:not(.mic) .user .media .soundInfo{display:none}.user .media .video-area{width:100%;height:100%;position:relative;overflow:hidden}.user .video-area.full{display:none}.user .media video{height:100%;width:100%;*/:unset;object-fit:cover;object-position:center;transform:translateZ(0);display:block;margin:0 auto}.user:first-child .media video{transform:translateZ(0) scaleX(-1);transform:scaleX(-1) translateZ(0);-webkit-transform:scaleX(-1) translateZ(0)}#vchat .user:first-child .video-area.full,body[page=vchat] .video-area.full{display:block}body[page=vchat] .video-area.icon{display:none}.userActionsDlg{width:300px}.userActionsDlg .form-group{text-align:center}.userActionsDlg .submit-btn{width:200px;margin:5px 0}.users-dlg{width:400px}.users-dlg .list{min-height:100px;max-height:500px}.users-dlg .list>div{cursor:pointer;margin:2px 0;padding:1px 4px 3px;clear:both;border-top:1px solid #a2a2a2}.users-dlg .list>div:first-child{border-top:none}.users-dlg .list>div.row-sel{color:#fff;border-radius:5px}.users-dlg .list>div .label{padding:0 5px 1px 0}.users-dlg .list>div .value{cursor:pointer;padding:0 5px 1px;float:right;border:1px solid silver;border-radius:3px}#winMan,#winMan__{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(52,152,219,.3);display:none;opacity:0;transition:opacity .15s ease;z-index:5;-webkit-overflow-scrolling:touch}#winMan{overflow:hidden;pointer-events:none}#winMan.prep{display:block}#winMan.on{opacity:1}.win,.win__{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:10px;box-shadow:0 8px 40px rgba(0,0,0,.2);min-width:300px;max-width:99.5vw;max-height:99.5vh;pointer-events:all;opacity:0;transition:opacity .15s ease;display:flex;flex-direction:column;overflow:hidden}.win{-webkit-overflow-scrolling:touch}.win.on{opacity:1}.win-header{background:#1996ea;color:#fff;padding:10px 6px 10px 16px;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;height:32px}.win-header,.win-header .title{-webkit-user-select:none;user-select:none}.win-header .title{font-weight:600;font-size:16px}.win-header .close{cursor:pointer;font-size:24px;height:24px;line-height:80%;padding:0 8px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.win-content__{flex:1 1 auto;min-height:60px}.win-content,.win-content__{padding:15px;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.win-content{min-height:100px;overscroll-behavior:contain}.flWrap,.win-content{box-sizing:border-box;height:100%}.flWrap{display:flex;flex-direction:column}.flFoot,.flHead{flex:0 0 auto}.flMidd{flex:1 1 auto;min-height:0;overflow:auto}.win-content[data-stretch=true]{flex:0 1 auto;overflow-y:visible}.room-dlg{width:480px;max-width:92vw}.room-dlg .win-content{flex:0 1 auto;overflow-y:visible}.info-area{display:flex;flex-direction:column;min-height:80px;max-height:60vh}.info-cont{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-bottom:12px;text-align:center;padding:4px 2px}.info-foot{flex-shrink:0;padding-top:12px;border-top:1px solid #eee}.myRoomsDlg{width:400px;max-width:92vw}.myRoomsDlg .win-content{flex:0 1 auto;overflow-y:visible}.myRoomsDlg .list{min-height:60px;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.myRoomsDlg .list>div{margin:3px 0;padding:6px 8px;border-top:1px solid #e6e6e6;clear:both;min-height:36px;display:flex;align-items:center;justify-content:space-between}.myRoomsDlg .list>div:first-child{border-top:none}.myRoomsDlg .list>div.sel{background-color:orange;color:#fff}.introduce-make{max-width:500px;max-width:92vw}.introduce-make .win-content{flex:0 1 auto;overflow-y:visible}.room-name-dlg{width:450px;max-width:92vw}.room-name-dlg .win-content{flex:0 1 auto;overflow-y:visible}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;margin-bottom:4px;font-size:14px;color:#333}.form-input{width:100%;padding:4px 10px;font-size:15px;border:2px solid #e0e4e8;border-radius:8px;outline:none;font-family:inherit;box-sizing:border-box;transition:border-color .2s;appearance:none}.form-input:focus{border-color:#1996ea}textarea.form-input{resize:vertical;min-height:60px}.submit-btn{padding:4px 24px;font-size:15px;font-weight:600;color:#fff;background:#1996ea;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .1s;touch-action:manipulation}.submit-btn:hover{background:#2980b9}.submit-btn:active{transform:scale(.97)}.submit-btn.friendly{background:#27ae60}.submit-btn.friendly:hover{background:#219a52}.room-dlg .friendly{opacity:0;height:0;margin-top:0;transition:height .3s ease,margin-top .3s ease,opacity .3s ease;display:block;overflow:hidden}.room-dlg .filled.new .friendly{opacity:1;margin-top:13px;height:31px}.room-dlg .submit-btn.create span{display:inline}.room-dlg .filled .submit-btn.create span,.room-dlg .submit-btn.create span.join{display:none}.room-dlg .filled .submit-btn.create span.join{display:inline}.room-dlg .room-name div.name{display:none}.room-dlg .info{height:0;margin-bottom:0;transition:height .3s ease,margin-bottom .3s ease;overflow:hidden;font-size:14px}.room-dlg .filled.new .info{height:auto;margin-bottom:10px}.form-select{position:relative;width:100%;margin-bottom:10px;font-family:Arial,sans-serif}.form-select-top{height:38px;padding:0 12px 0 10px;border:1px solid #dcdcdc;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s ease}.form-select-top:hover{border-color:#3798e2}.form-select.open .form-select-top{box-shadow:0 0 0 2px rgba(56,152,226,.15);border-color:#3798e2}.form-select-arrow{width:6px;height:6px;border-right:2px solid #888;border-bottom:2px solid #888;transform:rotate(45deg);margin-left:8px;flex-shrink:0}.form-select-list{position:absolute;top:105%;left:0;width:100%;background:#fff;border:1px solid #dcdcdc;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.12);display:none;z-index:4;max-height:200px;overflow-y:auto}.form-select.open .form-select-list{display:block}.form-select-item{padding:10px 14px;cursor:pointer;background:#fff;transition:.15s ease;min-height:38px}.form-select-item:hover{background:#1a67c8;color:#fff}@media screen and (max-width:340px) and (max-height:600px){.win{max-width:100vw;max-height:80vh;min-width:unset}.win-content{padding:12px 14px}.win-header .title{font-size:14px}.win-header .close{font-size:20px;padding:2px 6px}.form-input{padding:8px 10px;font-size:14px}.submit-btn{padding:8px 16px;font-size:14px}.info-area{min-height:60px;max-height:50vh}.myRoomsDlg .list,.users-dlg .list,.wishlist-items{max-height:35vh}}@media screen and (max-width:380px){.win{max-width:100vw;min-width:unset}.myRoomsDlg,.room-dlg,.room-name-dlg,.users-dlg,.wishlist-dlg{width:96vw;max-width:96vw}.win-content{padding:12px 14px}}@media screen and (max-height:480px) and (orientation:landscape){.win{max-width:100vw}.win-content{padding:10px 14px}.win-header{padding:6px 12px;min-height:34px}.win-header .title{font-size:14px}.win-header .close{font-size:18px}.myRoomsDlg .list,.users-dlg .list,.wishlist-items{max-height:30vh}}@media screen and (min-width:768px){.win{max-width:100vw;max-height:80vh}}.room-dlg .room-name[kind=id] .label>span[kind=id],.room-dlg .room-name[kind=name] .label>span[kind=name]{color:green;border-bottom:unset;cursor:auto}.room-dlg .label>span.list{display:inline-block;float:right;color:#1996ea;margin-right:0}.room-dlg .input-area{padding-left:18px;display:block}.room-dlg .room-name[kind=name] .input-area:before{content:"-";position:absolute;bottom:13px;left:0;color:gray;font-size:16px}.room-dlg .room-name[kind=id] .input-area:before{content:"~";position:absolute;bottom:13px;left:0;color:gray;font-size:16px}.room-dlg .is-name .room-name div.name{display:inline}.room-dlg .is-name .room-name div.id{display:none}.introduce-make .link-area{margin-right:23px;margin-top:12px;margin-bottom:0}.introduce-make .link-holder{margin-top:14px}.introduce-make .link-holder input{margin-bottom:0}.introduce-make .link-area .copy{position:absolute;padding-top:2px;padding-left:2px}.introduce-make .link-area .copy *{stroke:#1996ea;color:#1996ea}.introduce-make .copy-info{opacity:0;transition:opacity .5s;font-size:13px}.introduce-make .copy-info.on{opacity:1}@media (max-width:480px){#winMan .win{width:100%}}.wishlist-dlg{width:90%;max-width:92vw;min-height:70vh}.wishlist-dlg .win-content{flex:0 1 auto;overflow-y:visible}.wishlist-dlg .wishlist-container{width:100%;padding:4px 0;max-width:100%}.wishlist-dlg .wishlist-header{text-align:center;margin-bottom:16px}.wishlist-dlg .wishlist-subtitle{font-size:14px;color:#7f8c8d;margin:0}.wishlist-dlg .wishlist-add{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.wishlist-dlg .wishlist-input-group{display:flex;gap:8px;align-items:flex-start;width:100%}.wishlist-dlg .wishlist-input-group .wishlist-input{flex:1;min-width:0;padding:8px 12px;font-size:14px;border:2px solid #e0e4e8;border-radius:8px;outline:none;font-family:inherit;transition:border-color .2s;height:38px;box-sizing:border-box}.wishlist-dlg .wishlist-input-group .wishlist-input:focus{border-color:#1996ea}.wishlist-dlg .wishlist-add-btn{flex-shrink:0;width:auto;padding:8px 16px;font-size:13px;font-weight:600;white-space:nowrap;border-radius:8px;height:38px;line-height:1.2;box-sizing:border-box;background:#1996ea;color:#fff;border:none;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center}.wishlist-dlg .wishlist-add-btn:hover{background:#2980b9}.wishlist-dlg .wishlist-add-btn:active{transform:scale(.97)}.wishlist-dlg .wishlist-add-btn.small{padding:4px 12px;font-size:12px;height:34px}.wishlist-dlg .wishlist-add-btn.icon{padding:4px 12px;font-size:18px;height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%}.wishlist-dlg .wishlist-items{display:flex;flex-direction:column;gap:10px;min-height:80px;max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 2px}.wishlist-dlg .wishlist-empty{text-align:center;padding:40px 20px;color:#bdc3c7}.wishlist-dlg .wishlist-empty .empty-icon{font-size:48px;display:block;margin-bottom:12px}.wishlist-dlg .wishlist-empty p{font-size:18px;color:#7f8c8d;margin:0}.wishlist-dlg .wishlist-empty .empty-hint{font-size:14px;color:#bdc3c7;display:block;margin-top:6px}.wishlist-dlg .wishlist-item{position:relative;padding:14px 16px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;transition:background .15s,border-color .15s}.wishlist-dlg .wishlist-item:hover{background:#f1f3f5;border-color:#dee2e6}.wishlist-dlg .wishlist-item:hover .wishlist-delete{opacity:1}.wishlist-dlg .wishlist-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.wishlist-dlg .wishlist-user{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d;flex:1;min-width:0}.wishlist-dlg .wishlist-avatar{font-size:16px;flex-shrink:0}.wishlist-dlg .wishlist-username{font-weight:500;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wishlist-dlg .wishlist-time{font-size:12px;color:#adb5bd;flex-shrink:0}.wishlist-dlg .wishlist-likes{display:flex;align-items:center;gap:6px;flex-shrink:0}.wishlist-dlg .like-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:6px;transition:transform .15s,background .15s;line-height:1}.wishlist-dlg .like-btn:hover{transform:scale(1.15);background:rgba(0,0,0,.05)}.wishlist-dlg .like-btn:active{transform:scale(.9)}.wishlist-dlg .like-btn.liked{animation:e .3s ease}@keyframes e{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.wishlist-dlg .like-count{font-size:14px;font-weight:500;color:#6c757d;min-width:20px;text-align:center}.wishlist-dlg .wishlist-text{font-size:16px;color:#2c3e50;word-break:break-word;line-height:1.5;padding-left:28px;margin-top:2px}.wishlist-dlg .wishlist-delete{position:absolute;top:10px;right:88px;background:none;border:none;color:#adb5bd;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .15s,background .15s;line-height:1;opacity:0}.wishlist-dlg .wishlist-delete:hover{color:#dc3545;background:rgba(220,53,69,.08)}.wishlist-dlg .wishlist-info{margin-top:12px;min-height:24px;font-size:14px;color:#6c757d;text-align:center}.wishlist-dlg .wishlist-footer{margin-top:14px;padding-top:12px;border-top:1px solid #e9ecef;text-align:center}.wishlist-dlg .wishlist-stats{font-size:13px;color:#adb5bd}.wishlist-dlg .wishlist-items::-webkit-scrollbar{width:6px}.wishlist-dlg .wishlist-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.wishlist-dlg .wishlist-items::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.wishlist-dlg .wishlist-items::-webkit-scrollbar-thumb:hover{background:#b0b5bc}@media (max-width:480px){.wishlist-dlg{width:100%;max-width:96vw}.wishlist-dlg .wishlist-input-group{flex-direction:row;gap:6px}.wishlist-dlg .wishlist-input-group .wishlist-input{font-size:14px;padding:6px 10px;height:36px}.wishlist-dlg .wishlist-add-btn{padding:6px 12px;font-size:12px;height:36px}.wishlist-dlg .wishlist-item{padding:12px}.wishlist-dlg .wishlist-top-row,.wishlist-dlg .wishlist-user{flex-wrap:wrap}.wishlist-dlg .wishlist-text{padding-left:0}.wishlist-dlg .wishlist-delete{opacity:1;position:static;align-self:flex-end}}.wishlist-dlg .checkbox-label{padding-left:30px}.wishlist-dlg .checkbox-label input{position:absolute;left:2px;top:3px}.wishlist-dlg .radio-label.anonymous{padding-left:22px}.wishlist-info{padding:.4rem 0 .6rem;font-size:14px;min-height:2rem;color:#6c757d;transition:color .2s;display:none}.wishlist-info.error{color:#d9534f}.wishlist-info.success{color:#28a745}.wishlist-info.loading{color:#f0ad4e}.wishlist-make{width:90%;max-width:92vw;min-height:unset}.wishlist-make .wishlist-text{height:100px}#works .space{height:100%;width:100%;padding:0;margin:0}#works[space=page] #page{display:block;height:100%;padding:0 20px}#works[space=apps] #apps{display:block;height:100%;text-align:center;margin:0}#works[space=apps] #apps .game{border:none;display:inline-block;width:49%;position:relative;padding-top:30.28%;overflow:hidden;margin-bottom:2%}#works[space=apps] #apps .game.maximized{padding-top:unset}#works[space=apps] #apps .game .head{position:absolute;top:0;left:0;width:100%;height:30px;background:#063937;color:#fff;display:flex;align-items:center;padding:0 0 0 10px;box-sizing:border-box;z-index:2}#works[space=apps] #apps .game .head .name{flex:1;font-size:14px}#works[space=apps] #apps .game .head .members{margin:0 10px;font-size:12px}#works[space=apps] #apps .game .head .right{display:flex;gap:8px}#works[space=apps] #apps .game .head .right span{cursor:pointer}#works[space=apps] #apps .game .frame{position:absolute;top:30px;left:0;right:0;bottom:0;overflow:hidden}#works[space=apps] #apps .game .frame iframe{position:absolute;top:0;left:0;border:none;transform:scale(.495);transform-origin:top left;-webkit-transform:scale(.495);-webkit-transform-origin:top left;width:202.02020202020202%;height:202.02020202020202%}#works[space=apps] #apps .game:nth-child(odd){float:left}#works[space=apps] #apps .game:nth-child(2n){float:right}#works[space=apps] #apps .game:last-of-type{margin-bottom:0}#works[space=apps] #apps:after{content:"";display:table;clear:both}#works[space=apps] #apps.maximized .game{display:none}#works[space=apps] #apps.maximized .game.maximized{display:flex!important;flex-direction:column;width:100%!important;height:100%!important;padding-top:0!important;overflow:hidden}#works[space=apps] #apps.maximized .game.maximized .head{position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex:0 0 30px;width:100%;height:30px;z-index:2}#works[space=apps] #apps.maximized .game.maximized .frame{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;flex:1 1 auto;overflow:hidden}#works[space=apps] #apps.maximized .game.maximized .frame iframe{position:relative!important;top:auto!important;left:auto!important;transform:none!important;-webkit-transform:none!important;transform-origin:top left!important;-webkit-transform-origin:top left!important;width:100%!important;height:100%!important;border:none;display:block}#apps .game:-moz-full-screen .frame iframe,#apps .game:-webkit-full-screen .frame iframe,#apps .game:fullscreen .frame iframe{position:relative!important;top:auto!important;left:auto!important;transform:none!important;-webkit-transform:none!important;width:100%!important;height:100%!important;border:none;display:block}body.fullscreen #apps .game{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;padding-top:0!important;display:flex!important;flex-direction:column;z-index:5;overflow:hidden}body.fullscreen #apps .game .head{flex:0 0 30px;width:100%;height:30px;z-index:2}body.fullscreen #apps .game .frame,body.fullscreen #apps .game .head{position:relative!important;top:auto!important;left:auto!important;right:auto!important}body.fullscreen #apps .game .frame{bottom:auto!important;flex:1 1 auto;overflow:hidden}body.fullscreen #apps .game .frame iframe{position:relative!important;top:auto!important;left:auto!important;transform:none!important;-webkit-transform:none!important;width:100%!important;height:100%!important;border:none;display:block}body.fullscreen #apps .game .close,body.fullscreen #apps .game .maximize{display:none}body.fullscreen #apps .game .fullscreen{width:60px;padding-right:40px}#works>div,body.air[tab=vchat] #works,body.cam[tab=vchat] #works,body.mic[tab=vchat] #works{display:none}body.game #works,body.game #works .main,body.game #works .main #games{display:block}body.game #works .main #games-head,body.game #works .main .board{display:none}#page .game-card h2,#page .game-card h3{text-align:center}#page .game-card .body .img{background-color:#222;padding:30px 0;border-radius:5px;margin-bottom:5px}#page .game-card .body .img img{display:block;width:70%;margin:0 auto;cursor:pointer}#page .game-card .play{color:orange;font-size:17px;cursor:pointer}.games-section{height:100%}.game-item .go{cursor:pointer;color:#1996ea}.game-section{height:100%;width:100%;display:flex;flex-direction:column}.game-section .title{flex-shrink:0}.game-section .frame{flex:1;min-height:0;border:0;padding:0;margin:0;position:relative;box-sizing:border-box}.game-section .frame iframe{width:100%;height:100%;border:0;margin:0;padding:0;display:block}.game-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding:20px;max-width:1400px;margin:0 auto;cursor:pointer}.game-items .item{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);height:280px;display:flex;flex-direction:column;position:relative;border:1px solid hsla(0,0%,100%,.3)}.game-items .item:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15),0 6px 20px rgba(0,0,0,.08)}.game-items .item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.8) 20%,hsla(0,0%,100%,.8) 80%,transparent)}.game-items .item .title{padding:5px 24px 7px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:600;color:#2d3436;text-align:center;letter-spacing:-.01em;background:hsla(0,0%,100%,.95);border-bottom:1px solid rgba(0,0,0,.05)}.game-items .item .image{flex:1;display:flex;align-items:center;justify-content:center;padding:0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);overflow:hidden}.game-items .item .image img{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform .3s ease;border-radius:10px}.game-items .item:hover .image img{transform:scale(1.02)}@media (max-width:1200px){.game-items{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;padding:15px}.game-items .item{height:250px}}@media (max-width:768px){.game-items{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.game-items .item{height:230px}.game-items .item .title{font-size:1.3rem;padding:16px 20px 12px}}@media (max-width:480px){.game-items{grid-template-columns:1fr;max-width:300px;gap:15px}.game-items .item{height:240px}}body[tab=main]{text-align:center;font-size:18px;display:flex;flex-direction:column;height:100%;min-height:100%;overflow:hidden}#games-head{flex:0 0 auto;background:#f0f0f0;padding:10px;display:none}#games{flex:1 1 auto;min-height:0;overflow:auto;display:none}body[base=game] #games,body[base=games] #games{display:block;height:100%}body[base=game] #apps .game{display:none}body[base=game] #apps .game:first-child{display:block;height:100%}body[base=game] #apps .game:first-child .head{display:none}body[base=game] #apps .game:first-child .body{height:100%}#apps .game{position:relative;overflow:hidden}#apps .game .head{display:flex;position:relative;min-height:25px;align-items:center}#apps .game .head>*{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}#apps .game .head .name{position:relative;width:30%;text-align:left}#apps .game .head .owner,#apps .game .state .owner{display:inline-block;width:30%}#apps .game .head .members,#apps .game .head .state{width:10%}#apps .game .head .right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}#apps .game .head .open{display:inline-block;font-size:12px;width:10px;color:gray;cursor:pointer;transform:rotate(0deg);transition:transform .3s ease}#apps .game.opened .head .open{transform:rotate(180deg)}#apps .game .close{display:inline-block;font-size:29px;height:29px;width:50px;text-align:center;line-height:100%;cursor:pointer;position:relative;top:-3px;color:gray}#apps.maximized .game{display:none}#apps .game .maximize{display:inline-block;font-size:16px;width:40px;color:gray;cursor:pointer;position:relative;top:2px;color:grey}#apps .game .maximize .rest,#apps .game.maximized .maximize .maxi{display:none}#apps .game.maximized .maximize .rest{display:unset}#apps .game .fullscreen{display:inline-block;cursor:pointer;padding-top:3px;width:50px;padding-left:6px}#apps.maximized .game.maximized{display:block;width:100%!important;height:100%!important}#apps .game .body{height:0;overflow:hidden}#apps .game.opened .body{height:250px;background-color:#000}#apps .game.opened .body iframe{width:100%;height:100%;display:unset;border:unset}