*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;font-family:IRANYekanX,Poppins,Segoe UI,Vazir,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(2deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromRight{0%{opacity:0;transform:translateY(-50%)translate(30px)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes pulse-green{0%{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.2);box-shadow:0 0 0 4px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.home-container{min-height:100vh;position:relative;overflow-x:hidden}.home-container:before{content:"";z-index:-2;background:linear-gradient(135deg,#0f0c29 0%,#1a1a3e 25%,#302b63 50%,#1a1a3e 75%,#0f0c29 100%) 0 0/200% 200%;animation:12s infinite gradientShift;position:fixed;top:0;bottom:0;left:0;right:0}.home-container:after{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 30%,#667eea33 2px,#0000 2px),radial-gradient(circle at 80% 70%,#8b5cf626 1px,#0000 1px),radial-gradient(circle at 40% 80%,#6366f11f 3px,#0000 3px),radial-gradient(circle at 90% 20%,#764ba21a 2px,#0000 2px);background-position:0 0,0 0,0 0,0 0;background-size:300px 300px,200px 200px,250px 250px,180px 180px;animation:20s linear infinite particleMove;position:fixed;top:0;bottom:0;left:0;right:0}.wave-effect{pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000,#0000 39px,#667eea1f 39px 42px);width:100%;height:80px;animation:6s linear infinite waveMove;position:fixed;bottom:0;left:0}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes particleMove{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:300px 300px,200px 200px,250px 250px,180px 180px}}@keyframes waveMove{0%{transform:translate(0)translateY(0)}to{transform:translate(-50px)translateY(-5px)}}.hero-section{z-index:5;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex;position:relative}.hero-content{z-index:5;text-align:center;animation:.8s slideUp;position:relative}.header-with-online{justify-content:center;align-items:center;margin-bottom:10px;display:flex}.logo{cursor:pointer;justify-content:center;align-items:center;gap:20px;display:flex}.logo-icon{filter:drop-shadow(0 0 20px #667eea99);font-size:80px;animation:3s ease-in-out infinite pulse}.logo-text{background:linear-gradient(135deg,#fff 0%,#a8c0ff 50%,#ffd89b 100%) 0 0/200%;color:#0000;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900}.online-divider{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:2px;width:60px;height:2px;margin:8px auto 12px}.online-status-wrapper{justify-content:center;margin-bottom:25px;display:flex}.online-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;display:flex}.online-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-green;box-shadow:0 0 8px #4caf50}.online-count{color:#fff;font-size:14px;font-weight:700}.online-text{color:#fff9;font-size:11px}.create-btn-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50e6,#388e3ce6);border:1px solid #fff3;border-radius:60px;align-items:center;gap:12px;margin-bottom:30px;padding:18px 40px;font-size:18px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #4caf504d}.create-btn-hero:hover{border-color:#fff6;transform:translateY(-3px);box-shadow:0 15px 40px #4caf5080}.join-section{max-width:450px;margin:0 auto}.or-divider{text-align:center;color:#ffffff80;margin:25px 0;font-size:14px;position:relative}.or-divider:before,.or-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:40%;height:1px;position:absolute;top:50%}.or-divider:before{left:0}.or-divider:after{right:0}.join-input-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:60px;gap:12px;padding:5px;transition:all .3s;display:flex}.join-input-group:focus-within{border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.join-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:15px 25px;font-size:16px}.join-input::placeholder{color:#ffffff80}.join-btn-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#2196f3e6,#1976d2e6);border:1px solid #fff3;border-radius:60px;padding:15px 30px;font-size:16px;font-weight:700;transition:all .3s}.join-btn-hero:hover{box-shadow:0 8px 25px #2196f366}.profile-wrapper{justify-content:center;align-items:center;gap:15px;margin-top:45px;display:flex;position:relative}.profile-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:80px;align-items:center;gap:20px;padding:8px 24px;transition:all .3s;display:flex}.profile-card.editing{background:#ffffff1a;border-color:#667eea66;padding:12px 28px;box-shadow:0 6px 25px #667eea1f}.profile-avatar-section{cursor:pointer;margin-left:-13px;position:relative}.profile-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:52px;min-width:52px;max-width:52px;height:52px;min-height:52px;max-height:52px;transition:all .3s;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;object-position:center;width:100%;height:100%}.avatar-overlay{color:#b8b2b2d3;opacity:0;background:#2c2929d5;border-radius:100%;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.avatar-overlay span{font-size:20px}.profile-avatar-section:hover .avatar-overlay{opacity:1}.profile-avatar-section:hover .profile-avatar{transform:scale(1.05)}.avatar-badge{background:#4caf50;border:2px solid #fff3;border-radius:50%;width:14px;height:14px;position:absolute;bottom:2px;right:2px}.profile-info-section{text-align:left}.profile-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;text-align:left;margin-bottom:4px;font-size:10px;font-weight:600}.profile-name-row{align-items:center;gap:10px;display:flex}.profile-name{background:linear-gradient(135deg,#fff,#a8c0ff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.profile-edit-btn{cursor:pointer;opacity:.5;color:#fff;background:0 0;border:none;border-radius:50%;padding:4px;font-size:14px;transition:all .2s}.profile-edit-btn:hover{opacity:1;transform:scale(1.1)}.profile-edit-area{width:100%}.profile-edit-row{align-items:center;gap:8px;display:flex}.profile-input{color:#fff;background:#00000080;border:1.5px solid #667eea80;border-radius:24px;outline:none;width:160px;padding:8px 14px;font-size:14px;font-weight:500}.profile-input:focus{border-color:#667eea;box-shadow:0 0 12px #667eea4d}.profile-save-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:24px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:flex}.profile-save-btn:hover{transform:scale(1.05)}.profile-error-below{justify-content:flex-start;align-items:center;gap:6px;margin-top:8px;animation:.2s fadeIn;display:flex}.profile-error-below span:first-child{font-size:11px}.profile-error-below span:last-child{color:#ff8a8a;font-size:11px}.settings-side-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative;overflow:hidden}.gear-icon{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);color:#e2e8f0c2;filter:drop-shadow(0 2px 4px #60a5fa4d);-webkit-background-clip:text;background-clip:text;font-size:22px;transition:all .3s}.settings-side-icon:hover .gear-icon{filter:drop-shadow(0 4px 8px #60a5fa80);transform:rotate(30deg)}.settings-side-icon:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);border-radius:50%;transition:opacity .3s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.settings-side-icon:hover:before{opacity:.15}.settings-side-icon:hover{border-color:#60a5fa80;transform:rotate(0)}.profile-menu-left{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;direction:rtl;background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:32px;width:320px;animation:.3s cubic-bezier(.34,1.2,.64,1) slideFromRight;position:absolute;top:50%;left:-340px;overflow:hidden;transform:translateY(-50%);box-shadow:0 25px 45px #0006,inset 0 0 0 1px #ffffff0d}.profile-menu-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative}.profile-menu-header:after{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#6366f1,#a855f7,#6366f1,#0000);height:1px;position:absolute;bottom:-1px;left:20%;right:20%}.profile-menu-header span:first-child{font-size:22px}.profile-menu-header span:nth-child(2){background:linear-gradient(135deg,#e0e0ff,#a5b4fc);color:#0000;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:600}.profile-menu-close{color:#fff9;cursor:pointer;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.profile-menu-close:hover{color:#fff;background:#ef4444;transform:scale(1.05)}.profile-menu-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-height:350px;padding:22px;display:grid;overflow-y:auto}.profile-menu-grid::-webkit-scrollbar{width:4px}.profile-menu-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:10px 0}.profile-menu-grid::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px}.profile-menu-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:14px 8px;transition:all .2s;display:flex;position:relative}.profile-menu-item:hover{background:#6366f126;border-color:#6366f14d;transform:translateY(-2px)}.profile-menu-item.selected{background:linear-gradient(135deg,#6366f133,#a855f726);border-color:#6366f1;box-shadow:0 4px 12px #6366f126}.avatar-menu-image{object-fit:cover;border-radius:50%;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;transition:all .25s}.profile-menu-item:hover .avatar-menu-image{transform:scale(1.03)}.profile-menu-item.selected .avatar-menu-image{box-shadow:0 0 0 3px #6366f1,0 0 0 6px #6366f133}.avatar-name{color:#fff9;font-size:11px;font-weight:500;transition:all .2s}.profile-menu-item:hover .avatar-name{color:#a5b4fc}.profile-menu-item.selected .avatar-name{color:#c4b5fd;font-weight:600}.avatar-check{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:none;position:absolute;top:8px;right:10px;box-shadow:0 2px 6px #0003}.profile-menu-item.selected .avatar-check{animation:.25s checkPop;display:flex}@keyframes checkPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.profile-menu-footer{text-align:center;border-top:1px solid #ffffff0d;padding:12px 22px 22px}.more-avatars-btn{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:40px;width:100%;padding:8px 16px;font-size:12px;transition:all .2s}.more-avatars-btn:hover{color:#a5b4fc;background:#6366f133;border-color:#6366f1}.settings-modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.settings-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);direction:rtl;background:linear-gradient(135deg,#19192dfa,#0f0f23fa);border:1px solid #ffffff14;border-radius:32px;width:450px;max-width:90%;animation:.3s slideUp;overflow:hidden;box-shadow:0 25px 50px #00000080}.settings-modal-header{background:linear-gradient(135deg,#667eea26,#764ba226);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.settings-modal-header h2{color:#fff;align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.settings-modal-close{cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.settings-modal-close:hover{background:#f4433680;border-color:#f4433680;transform:scale(1.05)}.settings-modal-body{max-height:400px;padding:20px 25px;overflow-y:auto}.settings-modal-body::-webkit-scrollbar{width:5px}.settings-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.settings-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.settings-section{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;margin-bottom:25px;padding:15px;transition:all .3s}.settings-section:hover{background:#ffffff0d;border-color:#667eea33;transform:translate(-5px)}.settings-section-title{color:#ffffffd9;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:8px;font-size:14px;font-weight:600;display:flex}.settings-option{justify-content:space-between;align-items:center;padding:8px 5px;display:flex}.settings-option-label{color:#ffffffb3;font-size:14px}.settings-option-value{color:#fff;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #667eea4d;border-radius:30px;padding:6px 16px;font-size:14px;font-weight:600}.toggle-switch{cursor:pointer;background:#ffffff26;border-radius:30px;width:52px;height:28px;transition:all .3s;position:relative}.toggle-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch .toggle-knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s;position:absolute;top:2px;left:3px;box-shadow:0 2px 5px #0003}.toggle-switch.active .toggle-knob{left:25px}.language-select{color:#fff;cursor:pointer;background:#0006;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:10px 15px;font-size:14px;transition:all .3s}.language-select:hover{background:#0009;border-color:#667eea80}.settings-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding:20px 25px;display:flex}.settings-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:40px;padding:12px 30px;font-size:14px;font-weight:600;transition:all .3s}.settings-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.bottom-buttons{z-index:15;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:0 16px;display:flex;position:fixed;bottom:90px;left:0;right:0}.bottom-help-btn,.bottom-support-btn,.bottom-feedback-btn,.bottom-team-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:50px;justify-content:center;align-items:center;gap:6px;width:100px;min-width:100px;padding:10px 0;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;bottom:17px;overflow:hidden}.bottom-help-btn:before,.bottom-support-btn:before,.bottom-feedback-btn:before,.bottom-team-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.bottom-help-btn:hover:before,.bottom-support-btn:hover:before,.bottom-feedback-btn:hover:before,.bottom-team-btn:hover:before{left:100%}.bottom-help-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.bottom-help-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #10b98180}.bottom-support-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.bottom-support-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #ef444480}.bottom-feedback-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d}.bottom-feedback-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #8b5cf680}.bottom-team-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.bottom-team-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #f59e0b80}.bottom-help-btn:active,.bottom-support-btn:active,.bottom-feedback-btn:active,.bottom-team-btn:active{transform:translateY(0)scale(.98)}.site-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;text-align:center;background:#080a15f2;border-top:1px solid #6366f14d;height:41px;padding:1.5vh 20px;position:fixed;bottom:0;left:0;right:0}.footer-copyright{color:#ffffff80;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:11px;display:flex}.footer-separator{color:#6366f1;font-size:8px}.footer-channel-link{color:#fff9;background:#6366f11a;border-radius:30px;align-items:center;gap:6px;padding:4px 12px;text-decoration:none;transition:all .2s;display:inline-flex}.footer-channel-link:hover{color:#fff;background:#6366f140;transform:translateY(-1px)}.home-container{padding-bottom:60px}@media (max-width:768px){.hero-section{min-height:auto;padding:15px 16px 85px}.hero-content{width:100%;max-width:100%}.logo{flex-direction:raw;gap:7px;margin-top:135px}.logo-icon{font-size:48px}.logo-text{font-size:32px}.online-status{padding:4px 12px}.online-count{font-size:12px}.create-btn-hero{justify-content:center;width:50%;margin-bottom:16px;padding:12px 20px;font-size:14px}.join-section{max-width:85%}.join-input-group{background:0 0;border:none;border-radius:0;flex-direction:column;gap:10px;padding:0}.join-input{text-align:center;background:#ffffff14;border-radius:60px;padding:12px 18px;font-size:14px}.join-btn-hero{justify-content:center;width:100%;padding:12px 18px;font-size:14px}.or-divider{margin:16px 0;font-size:12px}.profile-wrapper{flex-wrap:wrap;gap:10px;margin-top:28px}.profile-card{gap:13px;padding:5px 14px}.profile-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin-left:8px}.profile-name{font-size:14px}.profile-input{width:120px;padding:6px 10px;font-size:12px}.settings-side-icon{width:40px;height:40px;font-size:18px}.profile-menu-left{z-index:1000!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#141428fa!important;border-radius:20px!important;width:90%!important;max-width:90%!important;animation:.3s slideUp!important;position:fixed!important;top:auto!important;bottom:1px!important;left:0!important;right:0!important;transform:translateY(0)!important}.profile-menu-header{padding:12px 18px!important}.profile-menu-header span:first-child{font-size:20px}.profile-menu-header span:nth-child(2){font-size:14px}.profile-menu-close{min-width:34px;min-height:34px;font-size:18px}.profile-menu-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-height:360px;padding:16px}.avatar-menu-image{width:50px;min-width:50px;height:50px;min-height:50px}.avatar-name{font-size:9px}.profile-menu-item{padding:10px 6px!important}.bottom-buttons{gap:8px;bottom:35px}.bottom-help-btn,.bottom-support-btn,.bottom-feedback-btn,.bottom-team-btn{width:72px;min-width:72px;padding:7px 0;font-size:9px}.wave-effect{background:repeating-linear-gradient(#0000,#0000 20px,#667eea1a 20px 23px);height:40px}.settings-modal{border-radius:20px;width:92%;margin:16px}.settings-modal-header{padding:14px 18px}.settings-modal-header h2{font-size:16px}.settings-modal-body{max-height:55vh;padding:14px 18px}.settings-section{margin-bottom:12px;padding:10px}.settings-option{flex-direction:column;align-items:flex-start;gap:8px}.settings-option-value{text-align:center;width:100%;font-size:12px}.settings-option-label{font-size:12px}.toggle-switch{align-self:flex-start}.settings-footer{padding:14px 18px}.settings-save-btn{width:100%;font-size:13px}.site-footer{padding:5px 16px}.footer-copyright{gap:5px;font-size:8px}input,select,textarea,.join-input,.profile-input{font-size:16px!important}.create-btn-hero:hover,.join-btn-hero:hover,.settings-side-icon:hover,.profile-menu-item:hover,.settings-save-btn:hover,.bottom-help-btn:hover,.bottom-support-btn:hover,.bottom-feedback-btn:hover,.bottom-team-btn:hover{transform:none}.create-btn-hero:active,.join-btn-hero:active,.settings-side-icon:active,.profile-menu-item:active,.settings-save-btn:active,.bottom-help-btn:active,.bottom-support-btn:active,.bottom-feedback-btn:active,.bottom-team-btn:active{opacity:.9;transform:scale(.97)}}@media (min-width:481px) and (max-width:600px){.profile-menu-grid{grid-template-columns:repeat(4,1fr);gap:12px}.avatar-menu-image{width:55px;height:55px}.bottom-help-btn,.bottom-support-btn,.bottom-feedback-btn,.bottom-team-btn{width:78px;min-width:78px;font-size:10px}}@media (max-width:480px){.hero-section{padding:12px 14px 75px}.logo-icon{font-size:40px}.logo-text{font-size:26px}.profile-wrapper{margin-top:22px}.profile-menu-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:320px;padding:12px}.avatar-menu-image{width:46px;min-width:46px;height:46px;min-height:46px}.avatar-name{font-size:8px}.bottom-buttons{gap:6px;bottom:30px}.bottom-help-btn,.bottom-support-btn,.bottom-feedback-btn,.bottom-team-btn{gap:3px;width:62px;min-width:62px;padding:6px 0;font-size:8px}.profile-card{padding:4px 12px}.profile-name{font-size:12px}.profile-input{width:100px;font-size:11px}.settings-side-icon{width:36px;height:36px;font-size:16px}}@media (max-width:360px){.profile-menu-grid{grid-template-columns:repeat(3,1fr);gap:6px;padding:10px}.avatar-menu-image{width:42px;min-width:42px;height:42px;min-height:42px}.avatar-name{font-size:8px}.bottom-help-btn,.bottom-support-btn,.bottom-feedback-btn,.bottom-team-btn{width:56px;min-width:56px;font-size:7px}.profile-name{font-size:11px}.profile-input{width:90px;font-size:10px}}@media (max-width:896px) and (orientation:landscape){.hero-section{min-height:auto;padding:10px 10px 55px}.profile-menu-grid{max-height:240px}.settings-modal-body{max-height:45vh}.bottom-buttons{bottom:15px}.profile-wrapper{margin-top:15px}.profile-card{padding:4px 12px}.profile-avatar{width:36px;height:36px}.profile-name{font-size:12px}}@supports (padding:max(0px)){.hero-section{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}.bottom-buttons{bottom:max(35px, env(safe-area-inset-bottom))}.site-footer{padding-bottom:max(5px, env(safe-area-inset-bottom))}.profile-menu-left{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-container:before,.home-container:after,.wave-effect,.logo-icon,.online-dot{animation:none!important}}@media print{.home-container:before,.home-container:after,.wave-effect,.bottom-buttons,.site-footer,.settings-side-btn{display:none!important}.hero-section{min-height:auto;padding:20px}.profile-card{background:#fff;border:1px solid #ccc}.profile-name{color:#000;background:0 0;-webkit-background-clip:unset;background-clip:unset}}.lobby-container{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;padding:20px}.lobby-header{justify-content:flex-end;gap:15px;margin-bottom:30px;display:flex}.fullscreen-btn,.leave-lobby-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .3s}.fullscreen-btn:hover,.leave-lobby-btn:hover{background:#fff3;transform:translateY(-2px)}.leave-lobby-btn{background:#f4433633;border-color:#f443364d}.leave-lobby-btn:hover{background:#f4433666}.lobby-content{justify-content:center;align-items:center;min-height:calc(100vh - 100px);display:flex}.lobby-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:750px;padding:50px;animation:.5s slideUp;box-shadow:0 25px 50px #0000004d}.lobby-code{text-align:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #ffffff1a;border-radius:24px;margin-bottom:40px;padding:25px}.code-label{color:#ffffffb3;letter-spacing:1px;margin-bottom:10px;font-size:14px;display:block}.code-value{letter-spacing:8px;color:#fff;text-shadow:0 0 20px #667eea80;font-family:Courier New,monospace;font-size:56px;font-weight:800}.players-section h2{text-align:center;color:#fff;margin-bottom:25px;font-size:24px;font-weight:600}.players-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;max-height:400px;margin-bottom:35px;padding:10px;display:grid;overflow-y:auto}.player-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff14;border:1px solid #ffffff0d;border-radius:20px;padding:20px;transition:all .3s;animation:.3s fadeIn}.player-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-5px)}.player-card.is-me{background:linear-gradient(135deg,#667eea66,#764ba266);border-color:#667eea80;box-shadow:0 0 20px #667eea4d}.player-avatar{margin-bottom:12px;font-size:52px}.player-name{color:#ffffffe6;font-size:14px;font-weight:600}.empty-players{text-align:center;color:#ffffff80;padding:50px}.empty-players .hint{color:#ffffff4d;margin-top:12px;font-size:13px}.start-game-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:60px;width:100%;margin-top:20px;padding:18px;font-size:18px;font-weight:700;transition:all .3s;box-shadow:0 8px 32px #4caf504d}.start-game-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4caf5080}.share-info{text-align:center;margin-top:35px}.share-info p{color:#fff9;margin-bottom:12px;font-size:13px}.share-code{justify-content:center;align-items:center;gap:12px;display:flex}.share-code code{color:#fff;background:#0006;border-radius:60px;padding:12px 24px;font-family:monospace;font-size:20px;font-weight:700}.share-code button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#2196f34d;border:1px solid #ffffff1a;border-radius:60px;padding:12px 24px;transition:all .3s}.share-code button:hover{background:#2196f380;transform:translateY(-2px)}.notification-wrapper{z-index:1000;opacity:0;width:calc(100% - 40px);max-width:380px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:fixed;top:20px;right:20px;transform:translate(100px)}.notification-wrapper.show{opacity:1;transform:translate(0)}.notification-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:right;direction:rtl;background:linear-gradient(135deg,#19192dfa,#0f0f23fa);border:1px solid #ffffff1a;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006}.notification-card:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2,#667eea) 0 0/200% 100%;height:3px;animation:2s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.notification-close{cursor:pointer;color:#fff9;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.notification-close:hover{color:#fff;background:#f4433666;transform:scale(1.05)}.notification-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 20px 12px;display:flex}.notification-icon{background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.notification-title{background:linear-gradient(135deg,#fff,#a8c0ff);color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.notification-body{padding:16px 20px}.notification-message{color:#ffffffbf;margin-bottom:12px;font-size:13px;line-height:1.6}.notification-message strong{color:#fff;font-weight:600}.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 2px;font-weight:600}.notification-feedback{direction:rtl;background:#667eea1a;border:1px solid #667eea33;border-radius:16px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 15px;display:flex}.notification-feedback span:first-child{font-size:18px}.notification-feedback span:last-child{color:#ffffffb3;text-align:right;font-size:12px;line-height:1.5}.notification-feedback strong{color:#ffd89b;font-weight:600}.notification-footer{border-top:1px solid #ffffff0f;padding:12px 20px 20px}.notification-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eeae6,#764ba2e6);border:none;border-radius:40px;width:100%;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.notification-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}@media (max-width:500px){.notification-wrapper{width:auto;max-width:none;top:10px;left:10px;right:10px}.notification-header{padding:15px 15px 10px}.notification-body{padding:12px 15px}.notification-footer{padding:10px 15px 15px}}.feedback-container{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow-x:hidden}.feedback-container:before{content:"";filter:blur(60px);background:radial-gradient(circle,#667eea66 0%,#0000 70%);border-radius:50%;width:300px;height:300px;animation:8s ease-in-out infinite float;position:absolute;top:10%;left:-100px}.feedback-container:after{content:"";filter:blur(80px);background:radial-gradient(circle,#764ba24d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:10%;right:-100px}.feedback-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#ffffff0f;border:1px solid #ffffff14;border-radius:32px;width:100%;max-width:600px;padding:40px;animation:.6s slideUp;position:relative}.feedback-back{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;margin-bottom:25px;padding:8px 20px;font-size:14px;transition:all .3s}.feedback-back:hover{background:#667eea4d;border-color:#667eea80;transform:translate(-5px)}.feedback-header{text-align:center;margin-bottom:35px}.feedback-icon{margin-bottom:16px;font-size:48px}.feedback-header h1{background:linear-gradient(135deg,#fff,#a8c0ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:32px;font-weight:700}.feedback-header p{color:#fff9;font-size:14px}.feedback-form-group{margin-bottom:24px}.feedback-form-group label{color:#ffffffb3;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.feedback-input,.feedback-textarea{color:#fff;background:#0006;border:1.5px solid #ffffff14;border-radius:16px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:14px;transition:all .3s}.feedback-input:focus,.feedback-textarea:focus{border-color:#667eea99;box-shadow:0 0 20px #667eea33}.feedback-textarea{color:#fff;resize:none;background:#0006;border:1.5px solid #ffffff14;border-radius:16px;outline:none;width:100%;height:100px;min-height:100px;max-height:100px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.feedback-char-count{text-align:right;color:#fff6;margin-top:8px;font-size:12px}.char-low{color:#ff8a8a}.char-good{color:#4caf50}.feedback-tips{background:#667eea14;border:1px solid #667eea26;border-radius:20px;margin:25px 0;padding:18px 20px}.tips-title{color:#fffc;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.feedback-tips ul{margin:0;padding-right:25px}.feedback-tips li{color:#fff9;margin-bottom:8px;font-size:13px;line-height:1.5}.feedback-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:60px;width:100%;margin-top:10px;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s}.feedback-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66}.feedback-success{text-align:center;padding:30px 20px}.success-icon{color:#fff;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 25px;font-size:36px;animation:.4s scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.feedback-success h2{color:#fff;margin-bottom:12px;font-size:24px}.feedback-success p{color:#ffffffb3;margin-bottom:8px;font-size:15px}.success-hint{color:#fff6;margin-top:20px;font-size:13px}@media (max-width:550px){.feedback-card{padding:25px}.feedback-header h1{font-size:26px}.feedback-icon{font-size:38px}.feedback-tips li{font-size:12px}}.feedback-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;text-align:right;-webkit-appearance:none;appearance:none;direction:rtl;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>") 16px/14px no-repeat;border:1.5px solid #ffffff14;border-radius:16px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.feedback-select:focus{border-color:#667eea;box-shadow:0 0 15px #667eea4d}.feedback-select option{color:#fff;text-align:right;direction:rtl;background:#1a1a2e;border:none;padding:12px;font-size:14px}.feedback-select option:hover,.feedback-select option:checked{background:linear-gradient(135deg,#667eea,#764ba2)}.feedback-select::-ms-expand{display:none}.upload-area{cursor:pointer;background:#0000004d;border:2px dashed #fff3;border-radius:20px;justify-content:center;align-items:center;min-height:150px;transition:all .3s;display:flex}.upload-area:hover{background:#667eea0d;border-color:#667eea80}.upload-placeholder{flex-direction:column;align-items:center;gap:8px;padding:30px;display:flex}.upload-placeholder span:first-child{font-size:48px}.upload-placeholder span:nth-child(2){color:#ffffffb3;font-size:14px}.upload-placeholder small{color:#fff6;font-size:11px}.upload-preview{border-radius:16px;width:100%;height:200px;position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%}.remove-image{cursor:pointer;color:#fff;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.remove-image:hover{background:#f44336cc;transform:scale(1.05)}.custom-select{-webkit-user-select:none;user-select:none;width:100%;position:relative}.custom-select-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:linear-gradient(135deg,#19192dfa,#0f0f23fa);border:1.5px solid #ffffff14;border-radius:16px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;transition:all .3s;display:flex}.custom-select-trigger:hover{background:linear-gradient(135deg,#232337fa,#19192dfa);border-color:#667eea66}.custom-select-icon{font-size:18px}.custom-select-arrow{color:#fff9;margin-right:auto;font-size:10px;transition:transform .3s}.custom-select-options{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:linear-gradient(135deg,#141428fa,#0f0f23fa);border:1px solid #ffffff1a;border-radius:16px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{cursor:pointer;color:#fffc;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.custom-select-option:hover{background:#667eea33}.custom-select-option.selected{color:#fff;background:linear-gradient(135deg,#667eea66,#764ba266)}.option-icon{font-size:18px}.option-check{color:#4caf50;margin-right:auto;font-weight:700}.toast{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;direction:rtl;background:#141428f2;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:14px 20px;animation:.3s toastSlideIn;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 10px 30px #0000004d}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120px)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}.toast-success{border-right:3px solid #4caf50}.toast-success .toast-icon{color:#4caf50}.toast-error{border-right:3px solid #f44336}.toast-error .toast-icon{color:#f44336}.toast-warning{border-right:3px solid #ff9800}.toast-warning .toast-icon{color:#ff9800}.toast-info{border-right:3px solid #2196f3}.toast-info .toast-icon{color:#2196f3}.toast-icon{font-size:20px;font-weight:700}.toast-message{color:#fff;flex:1;font-size:13px;line-height:1.5}.toast-close{cursor:pointer;color:#fff9;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#f4433680}@media (max-width:500px){.toast{min-width:auto;left:20px;right:20px}}.site-footer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0003;border-top:1px solid #ffffff0d;padding:8px 20px;position:fixed;bottom:0;left:0;right:0}.footer-copyright{color:#ffffff4d;direction:ltr;justify-content:center;align-items:center;gap:8px;font-size:10px;display:flex}.footer-separator{opacity:.5;font-size:9px}@media (max-width:550px){.bottom-support-btn,.bottom-feedback-btn{padding:8px 24px;font-size:12px}.bottom-buttons{gap:15px;bottom:45px}.footer-copyright{font-size:8px}}.new-lobby{direction:rtl;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.new-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;width:100%;max-width:1100px;margin:0 auto 40px;display:flex}.new-room-code{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:60px;align-items:center;gap:12px;padding:8px 20px;display:flex}.new-room-icon{opacity:.7;font-size:16px}.new-room-text{letter-spacing:3px;color:#fff;background:#0000004d;border-radius:40px;padding:4px 14px;font-family:monospace;font-size:22px;font-weight:700}.new-copy{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:40px;padding:6px 18px;font-size:12px;font-weight:500;transition:all .2s}.new-copy:hover{background:#6366f1;transform:scale(1.02)}.new-exit{color:#ff8a8a;cursor:pointer;background:linear-gradient(135deg,#f4433626,#f443360d);border:1.5px solid #f4433666;border-radius:50px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.new-exit:hover{color:#fff;background:linear-gradient(135deg,#f443364d,#f4433626);border-color:#f44336b3;transform:translateY(-2px);box-shadow:0 5px 12px #f4433633}.new-two-columns{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:30px;width:100%;max-width:1200px;margin:0 auto;display:flex}.new-modes-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;flex:1.3;min-width:500px;padding:28px;display:flex}.new-players-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:32px;flex-direction:column;flex:.9;min-width:320px;padding:28px;display:flex}.new-card-title{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;margin-bottom:24px;padding-bottom:14px;display:flex}.new-card-title span:first-child{font-size:26px}.new-card-title h3{color:#fff;flex:1;margin:0;font-size:18px;font-weight:600}.new-badge{color:#ffffffb3;background:#ffffff1a;border-radius:30px;padding:4px 12px;font-size:12px;font-weight:500}.new-modes-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;display:grid}.new-mode-square{text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:20px;padding:18px 10px;transition:all .25s;position:relative}.new-mode-square:hover{background:#ffffff1a;transform:translateY(-3px)}.new-mode-square.selected{border:1px solid var(--mode-color);background:linear-gradient(135deg,#6366f140,#8b5cf640);box-shadow:0 0 15px #6366f133}.new-mode-square.coming-soon{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.new-mode-square.coming-soon:hover{background:#ffffff0d;transform:none}.coming-soon-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffd89b;white-space:nowrap;background:#000000a6;border-radius:30px;justify-content:center;align-items:center;gap:4px;width:auto;padding:3px 10px;font-size:9px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.coming-soon-badge span:first-child{font-size:10px}.new-mode-square-icon{margin-bottom:10px;font-size:38px}.new-mode-square-name{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.new-mode-square-desc{color:#ffffff73;margin-bottom:20px;font-size:10px}.new-mode-square-check{color:#10b981;font-size:14px;position:absolute;top:10px;right:12px}.new-players-list{flex-direction:column;flex:1;gap:12px;max-height:420px;margin-bottom:28px;padding-right:4px;display:flex;overflow-y:auto}.new-players-list::-webkit-scrollbar{width:5px}.new-players-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.new-players-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px}.new-player{direction:ltr;background:#ffffff0a;border-radius:20px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s;display:flex}.new-player.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d}.new-player.ready{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d;transition:all .3s}@keyframes card-ready{0%{background:#10b9810d;transform:scale(.98)}50%{background:#10b98133;transform:scale(1.01)}to{background:linear-gradient(135deg,#10b98126,#10b9810d);transform:scale(1)}}.new-player.empty{opacity:.5}.new-player-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;order:0;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;font-size:24px;display:flex;overflow:hidden}.new-player-info{text-align:left;flex:1;order:1}.new-player-name{color:#fff;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.name-text{order:0}.new-host,.new-you{border-radius:30px;padding:2px 10px;font-size:9px;font-weight:500}.new-host{color:#fff;background:linear-gradient(135deg,#f59e0b,#ea580c)}.new-you{color:#fff;background:#10b981}.new-player-status{color:#ffffff80;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.new-ready-dot{background:#fff3;border-radius:50%;order:2;width:10px;min-width:10px;height:10px;margin-right:4px;transition:all .3s}.new-ready-dot.ready{background:#10b981;animation:1s ease-in-out infinite pulse-green;box-shadow:0 0 8px #10b981}.new-ready-btn{cursor:pointer;color:#fff9;background:#ffffff14;border:1px solid #ffffff14;border-radius:60px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:14px;font-size:15px;font-weight:600;transition:all .3s;display:flex}@keyframes btn-glow{0%{transform:scale(.98);box-shadow:0 0 #10b98180}70%{transform:scale(1.02);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.new-ready-btn.ready-active:hover{transform:translateY(-2px)}.new-ready-btn:disabled{cursor:not-allowed;opacity:.6}.new-start-btn{cursor:pointer;color:#fff6;background:#ffffff14;border:1px solid #ffffff14;border-radius:60px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;margin-bottom:14px;padding:15px;font-size:16px;font-weight:700;transition:all .25s;display:flex}.new-start-btn.ready-to-start{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;animation:.5s ease-out start-glow;box-shadow:0 6px 18px #10b98159}@keyframes start-glow{0%{transform:scale(.98)}70%{transform:scale(1.02)}to{transform:scale(1)}}.new-start-btn.ready-to-start:hover{transform:translateY(-2px)}.new-start-btn:disabled{cursor:not-allowed;opacity:.6}.new-start-hint{color:#fff6;text-align:center;font-size:11px}.new-loader{border:3px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:50px;height:50px;margin:100px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:950px){.new-modes-card{min-width:100%}.new-modes-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:650px){.new-modes-grid{grid-template-columns:repeat(2,1fr)}.new-header{flex-direction:column;width:100%}.new-room-code{justify-content:space-between;width:100%}.new-room-text{letter-spacing:2px;font-size:18px}}@media (max-width:480px){.new-lobby{padding:15px}.new-modes-grid{grid-template-columns:repeat(1,1fr)}.new-players-card,.new-modes-card{padding:18px}.new-player-avatar{width:42px;min-width:42px;height:42px;font-size:20px}.new-player-name{font-size:13px}}.toast-notification{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;direction:rtl;background:linear-gradient(135deg,#141428fa,#0f0f23fa);border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:14px;min-width:280px;max-width:420px;padding:14px 22px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.68,-.55,.265,1.55) toastSlideIn;display:flex;position:fixed;top:25px;right:25px;box-shadow:0 10px 30px #0006,0 0 0 1px #667eea1a}.toast-notification.toast-success{background:linear-gradient(135deg,#192d23fa,#0f2319fa);border-right:4px solid #4caf50}.toast-notification.toast-success span:first-child{color:#4caf50;background:#4caf5026;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.toast-notification.toast-error{background:linear-gradient(135deg,#2d1919fa,#230f0ffa);border-right:4px solid #f44336}.toast-notification.toast-error span:first-child{color:#f44336;background:#f4433626;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.toast-notification.toast-warning{background:linear-gradient(135deg,#2d2819fa,#231e0ffa);border-right:4px solid #ff9800}.toast-notification.toast-warning span:first-child{color:#ff9800;background:#ff980026;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.toast-notification.toast-info{background:linear-gradient(135deg,#19232dfa,#0f1923fa);border-right:4px solid #2196f3}.toast-notification.toast-info span:first-child{color:#2196f3;background:#2196f326;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.toast-notification span:last-child{color:#fff;letter-spacing:.3px;flex:1;font-size:14px;line-height:1.4}.toast-close{cursor:pointer;color:#fff9;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-6px;font-size:12px;transition:all .2s;display:flex}.toast-close:hover{color:#fff;background:#f4433666;transform:scale(1.05)}@media (max-width:550px){.toast-notification{min-width:auto;padding:12px 18px;font-size:13px;top:15px;left:15px;right:15px}.toast-notification span:first-child{width:28px;height:28px;font-size:16px}.toast-notification span:last-child{font-size:13px}}.new-player{background:#ffffff0a;border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex}.new-player-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;order:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex;overflow:hidden}.new-player-avatar img{object-fit:cover;width:100%;height:100%}.new-player-info{flex:1;order:1}.new-actions{order:2;align-items:center;gap:8px;display:flex}.kick-btn{cursor:pointer;color:#ff8a8a;background:#f4433626;border:1px solid #f443364d;border-radius:50%;order:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.kick-btn:hover{background:#f4433666;transform:scale(1.05)}.new-ready-dot{background:#fff3;border-radius:50%;order:1;width:10px;height:10px;transition:all .2s}.new-ready-dot.ready{background:#10b981;box-shadow:0 0 8px #10b981}.countdown-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.countdown-container{justify-content:center;align-items:center;width:300px;height:300px;animation:.8s ease-out countdownPulse;display:flex;position:relative}@keyframes countdownPulse{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.countdown-circle{z-index:2;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;animation:.8s ease-out infinite alternate circleGlow;display:flex;position:relative;box-shadow:0 0 50px #667eea99}@keyframes circleGlow{0%{box-shadow:0 0 30px #667eea80}to{box-shadow:0 0 80px #667eeae6}}.countdown-number{color:#fff;text-shadow:0 0 20px #0000004d;font-size:80px;font-weight:900;animation:.4s ease-out numberPop}@keyframes numberPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.countdown-text{color:#ffffffe6;margin-top:8px;font-size:20px;font-weight:600}.countdown-emoji{margin-top:8px;font-size:30px;animation:.5s ease-in-out infinite emojiBounce}@keyframes emojiBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.countdown-ring{border:3px solid #ffffff4d;border-radius:50%;width:250px;height:250px;animation:.8s ease-out ringExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.countdown-ring-2{border:1px solid #ffffff26;border-radius:50%;width:280px;height:280px;animation:.8s ease-out .1s ringExpand;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ringExpand{0%{opacity:1;width:100px;height:100px}to{opacity:0;width:280px;height:280px}}.countdown-particles{width:100%;height:100%;position:absolute}.particle{opacity:0;width:4px;height:4px;animation:.6s ease-out forwards particleFly;animation-delay:var(--delay);background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes particleFly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(calc(cos(var(--i)) * 150px), calc(sin(var(--i)) * 150px)) scale(0);opacity:0}}.countdown-overlay-new{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:radial-gradient(circle,#000000d9,#000000f2);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.countdown-number-new{animation:.5s cubic-bezier(.34,1.2,.64,1) countdownPop;position:relative}.countdown-digit{background:linear-gradient(135deg,#fff,#a8c0ff,#667eea);color:#0000;text-shadow:0 0 30px #667eea80;-webkit-background-clip:text;background-clip:text;font-size:180px;font-weight:900;animation:.5s ease-in-out infinite alternate digitGlow;display:inline-block}@keyframes countdownPop{0%{opacity:0;transform:scale(.2)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes digitGlow{0%{text-shadow:0 0 20px #667eea80}to{text-shadow:0 0 60px #667eeae6}}.countdown-particles-new{pointer-events:none;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.particle-new{opacity:0;width:6px;height:6px;animation:.6s ease-out forwards particleFlyNew;animation-delay:var(--delay);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 5px #667eea}@keyframes particleFlyNew{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(calc(cos(var(--i)) * 180px), calc(sin(var(--i)) * 180px)) scale(0);opacity:0}}@media (max-width:550px){.countdown-digit{font-size:120px}}.gamepage-container{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;padding:30px;position:relative}.gamepage-timer{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:30px;right:30px}.timer-progress{stroke:url(#timerGradient);filter:drop-shadow(0 0 8px #667eea80);transition:stroke-dashoffset 1s linear}.gamepage-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.word-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:48px;padding:40px 60px;animation:.5s wordBoxAppear;box-shadow:0 20px 40px #0000004d}@keyframes wordBoxAppear{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes wordGlow{0%{text-shadow:0 0 10px #667eea4d}to{text-shadow:0 0 30px #667eea99}}.gamepage-drawing-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:20px;position:fixed;bottom:30px;left:30px;right:30px}@media (max-width:550px){.timer-ring{width:70px;height:70px}.timer-number{font-size:20px}.word-box{padding:25px 35px}.word-display{font-size:28px}.word-icon{font-size:36px}}.drawing-container{background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;padding:30px;position:relative}.drawing-timer{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:30px;right:30px}.timer-ring{width:100px;height:100px;position:relative}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{stroke:#ffffff1a}.timer-progress{filter:drop-shadow(0 0 8px #667eea80);transition:stroke-dashoffset 1s linear}.timer-number{color:#fff;text-shadow:0 0 10px #667eea80;font-size:28px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-size:11px}.drawing-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.drawing-word-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:48px;padding:40px 60px;animation:.5s wordBoxAppear;box-shadow:0 20px 40px #0000004d}.word-icon{margin-bottom:16px;font-size:48px;animation:.5s iconBounce}.word-label{color:#fff9;letter-spacing:2px;margin-bottom:16px;font-size:14px}.word-display{background:linear-gradient(135deg,#fff,#a8c0ff,#667eea);color:#0000;-webkit-background-clip:text;background-clip:text;border-radius:60px;margin-bottom:16px;padding:10px 20px;font-size:42px;font-weight:800;animation:1s ease-in-out infinite alternate wordGlow}.word-hint{color:#fff6;font-size:13px}.drawing-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:20px;position:fixed;bottom:30px;left:30px;right:30px}.drawing-placeholder{color:#fff6;padding:40px;font-size:14px}@media (max-width:550px){.timer-ring{width:70px;height:70px}.timer-number{font-size:20px}.drawing-word-box{padding:25px 35px}.word-display{font-size:28px}.word-icon{font-size:36px}}.wordinput-timer{width:50px;height:50px;position:absolute;top:20px;right:20px}.wordinput-timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.wordinput-timer-number{color:#f59e0b;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wordinput-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;direction:rtl;background:#ffffff14;border:1px solid #ffffff1f;border-radius:32px;width:450px;max-width:90%;padding:40px;animation:.4s slideUp;position:relative}.wordinput-fullscreen-new{z-index:2000;background:radial-gradient(circle at 30% 20%,#1a1a3e,#0f0c29);justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.wordinput-card-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#191e2d99;border:1px solid #ffffff1a;border-radius:48px;width:550px;max-width:90%;animation:.5s cubic-bezier(.34,1.2,.64,1) cardFloatIn;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}@keyframes cardFloatIn{0%{opacity:0;transform:scale(.9)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.wordinput-timer-new{z-index:10;width:70px;height:70px;position:absolute;top:25px;right:25px}.timer-svg-new{width:100%;height:100%;transform:rotate(-90deg)}.timer-number-new{color:#f59e0b;text-shadow:0 0 10px #f59e0b4d;font-size:22px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wordinput-content-new{text-align:center;direction:rtl;padding:45px 50px 50px}.wordinput-header-new{margin-bottom:35px;position:relative}.header-glow{filter:blur(20px);background:radial-gradient(circle,#f59e0b26,#0000);border-radius:50%;width:100px;height:100px;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.wordinput-icon-new{margin-bottom:15px;font-size:60px;animation:.6s iconWave;display:inline-block}@keyframes iconWave{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wordinput-header-new h2{background:linear-gradient(135deg,#fff,#fbbf24);color:#0000;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:32px;font-weight:800}.wordinput-header-new p{color:#fff9;font-size:14px}.wordinput-body-new{margin-bottom:35px}.wordinput-input-new{color:#fff;text-align:center;direction:rtl;background:#0006;border:2px solid #ffffff1a;border-radius:60px;outline:none;width:100%;padding:18px 24px;font-size:18px;transition:all .3s}.wordinput-input-new:focus{background:#0009;border-color:#f59e0b;box-shadow:0 0 25px #f59e0b4d}.wordinput-input-new::placeholder{color:#ffffff59;font-size:15px}.wordinput-submit-new{color:#fff9;cursor:pointer;background:linear-gradient(135deg,#4a4a4a,#3a3a3a);border:none;border-radius:60px;justify-content:center;align-items:center;gap:10px;padding:14px 45px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.wordinput-submit-new.ready-active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166}.wordinput-submit-new.ready-active:hover{transform:translateY(-3px);box-shadow:0 10px 25px #10b98180}.wordinput-submit-new.submitting{opacity:.7;cursor:not-allowed;transform:none}.wordinput-submit-new span:first-child{font-size:20px;animation:1s linear infinite starSpin}@media (max-width:600px){.wordinput-content-new{padding:35px 30px 40px}.wordinput-header-new h2{font-size:26px}.wordinput-icon-new{font-size:48px}.wordinput-input-new{padding:14px 20px;font-size:16px}.wordinput-submit-new{padding:12px 35px;font-size:16px}.wordinput-timer-new{width:55px;height:55px;top:15px;right:15px}.timer-number-new{font-size:18px}}@media (max-width:450px){.wordinput-content-new{padding:30px 25px 35px}.wordinput-header-new h2{font-size:22px}}.custom-color-panel{background:#0006;border:1px solid #ffffff1a;border-radius:16px;margin-top:15px;padding:12px}.custom-color-label{color:#ffffffb3;text-align:center;margin-bottom:10px;font-size:11px}.custom-color-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.custom-color-preview{border:2px solid #fff;border-radius:12px;width:40px;height:40px;box-shadow:0 0 5px #0000004d}.custom-color-slider{--webkit-appearance:none;cursor:pointer;border-radius:4px;flex:1;height:8px}.custom-color-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #333;border-radius:50%;width:16px;height:16px}.custom-color-picker-input{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:12px;width:40px;height:40px}.custom-color-picker-input::-webkit-color-swatch-wrapper{padding:0}.custom-color-picker-input::-webkit-color-swatch{border:none;border-radius:10px}.custom-color-hint{color:#fff6;text-align:center;margin-top:8px;font-size:9px}@media (max-width:600px){.custom-color-preview,.custom-color-picker-input{width:32px;height:32px}.custom-color-hint{font-size:8px}}.new-ready-btn.not-ready-yet{color:#60a5fa;background:#3b82f633;border:2px solid #3b82f680;animation:1.5s ease-in-out infinite pulse-blue;box-shadow:0 0 10px #3b82f64d}.new-ready-btn.not-ready-yet:hover{background:#3b82f659;animation:none;transform:translateY(-2px);box-shadow:0 0 20px #3b82f680}@keyframes pulse-blue{0%,to{opacity:.8;border-color:#3b82f666;box-shadow:0 0 5px #3b82f633}50%{opacity:1;border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f699}}.new-ready-btn.ready-active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:none;animation:none;box-shadow:0 6px 18px #10b98159}.new-player:not(.ready){background:#3b82f60d;border:1px solid #3b82f626;transition:all .3s}.new-player:not(.ready):hover{background:#3b82f61a;border-color:#3b82f64d}.wordinput-ready-status{text-align:center;background:#0006;border-radius:20px;margin:0 20px 20px;padding:12px 15px}.ready-status-bar{background:#ffffff1a;border-radius:5px;width:100%;height:5px;margin-bottom:10px;overflow:hidden}.ready-status-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:5px;height:100%;transition:width .3s;position:relative;overflow:hidden}.ready-status-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:1.5s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.ready-status-text{color:#fffc;margin-bottom:4px;font-size:12px;font-weight:600}.ready-others-text{color:#10b981;font-size:10px}.ready-all-text{color:#fbbf24;margin-top:5px;font-size:11px;animation:1.5s ease-in-out infinite pulse}.wordinput-submit-new.submitted{opacity:.8;color:#fff!important;cursor:default!important;background:#10b981!important}.wordinput-submit-new.submitted:hover{box-shadow:none!important;transform:none!important}.disabled-input{opacity:.7;cursor:not-allowed}.players-list::-webkit-scrollbar{width:6px}.chain-timeline::-webkit-scrollbar{width:6px}.players-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.chain-timeline::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.players-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px}.chain-timeline::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px}@media (max-width:900px){.gallery-content{flex-direction:column}.gallery-players{width:100%;max-height:200px}.players-list{gap:10px;display:flex;overflow-x:auto}.player-item{min-width:150px}.chain-controls{flex-wrap:wrap;justify-content:center}.chain-header{flex-direction:column}.step-content{word-break:break-word}.content-text{font-size:16px}}.settings-volume-control{flex:1;align-items:center;gap:12px;display:flex}.volume-mute-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.volume-mute-btn:hover{background:#667eea4d;transform:scale(1.05)}.volume-slider{--webkit-appearance:none;background:#fff3;border-radius:4px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #6366f1}.volume-value{color:#ffffffb3;min-width:45px;font-size:12px}.language-buttons{flex:1;gap:10px;display:flex}.lang-btn{cursor:pointer;color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26;border-radius:30px;padding:8px 20px;font-size:13px;transition:all .2s}.lang-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.lang-btn:hover:not(.active){background:#ffffff26}.connection-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);direction:ltr;background:#ffffff14;border:1px solid #ffffff1f;border-radius:40px;align-items:center;gap:10px;padding:6px 14px;transition:all .3s;display:flex}.connection-status:hover{background:#ffffff1f;transform:scale(1.02)}.signal-bars{align-items:flex-end;gap:4px;height:22px;display:flex}.signal-bar{background:#ffffff40;border-radius:4px;width:4px;transition:all .3s}.signal-bar.bar-1{border-radius:4px 4px 6px 6px;height:8px}.signal-bar.bar-2{border-radius:4px 4px 6px 6px;height:14px}.signal-bar.bar-3{border-radius:4px 4px 6px 6px;height:20px}.connection-status.excellent .signal-bar.active{background:#10b981;box-shadow:0 0 6px #10b981}.connection-status.medium .signal-bar.active{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.connection-status.poor .signal-bar.active{background:#ef4444;box-shadow:0 0 6px #ef4444}.signal-bar.active{animation:.3s ease-out barRise}@keyframes barRise{0%{opacity:.3;transform:scaleY(.5)}to{opacity:1;transform:scaleY(1)}}.status-ping{align-items:baseline;gap:2px;font-family:Courier New,monospace;font-size:13px;font-weight:700;display:flex}.ping-unit{color:#ffffff80;font-size:9px;font-weight:400}.connection-status.disconnected{background:#ef444426;border-color:#ef44444d}.connection-status.disconnected .status-icon{font-size:14px;animation:1s ease-in-out infinite blink}.connection-status.disconnected .status-ping{color:#ef4444;font-size:11px}@keyframes blink{0%,to{opacity:.7}50%{opacity:1}}.glass-notification{z-index:1000;animation:.4s cubic-bezier(.68,-.55,.265,1.55) slideInRight;position:fixed;top:20px;right:20px}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;min-width:280px;max-width:350px;padding:16px 24px;transition:all .3s;box-shadow:0 8px 32px #0003,inset 0 0 0 .5px #ffffff0d}.glass-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.glass-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.glass-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.glass-title{background:linear-gradient(135deg,#fff,#fbbf24);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:16px;font-weight:700}.glass-subtitle{color:#ffffff80;margin:0;font-size:11px}.glass-body{margin-bottom:14px;padding-right:52px}.glass-message{color:#ffffffd9;font-size:13px;line-height:1.5}.glass-tip{color:#fbbf24;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.glass-tip span:first-child{font-size:14px}.glass-footer{border-top:1px solid #ffffff14;justify-content:flex-end;padding-top:10px;display:flex}.glass-dismiss{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:40px;padding:6px 16px;font-size:11px;transition:all .2s}.glass-dismiss:hover{color:#fff;background:#ffffff26;transform:scale(1.02)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.glass-notification.exit{animation:.3s forwards slideOutRight}@keyframes slideOutRight{to{opacity:0;transform:translate(100px)}}@media (max-width:600px){.glass-notification{top:10px;left:10px;right:10px}.glass-card{width:auto;min-width:auto;max-width:none;padding:14px 18px}.glass-body{padding-right:44px}}.new-player.disconnected{opacity:.6;filter:grayscale(.3);background:#0000004d;border-left:3px solid #ef4444;transition:all .3s}.disconnect-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:3;background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.disconnect-overlay span{font-size:18px;animation:1.5s infinite pulseRed}@keyframes pulseRed{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;text-shadow:0 0 5px #ef4444cc;transform:scale(1.15)}}.disconnect-status{color:#f87171;background:#ef444433;border:1px solid #ef44444d;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;animation:1.5s infinite blink;display:inline-flex}.disconnected-tooltip{color:#f87171;white-space:nowrap;z-index:10;pointer-events:none;opacity:0;background:#000000e6;border-radius:12px;padding:2px 6px;font-size:10px;transition:opacity .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.new-player.disconnected:hover .disconnected-tooltip{opacity:1}.footer-channel-link{color:#ffffff4d;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;transition:all .3s;display:inline-flex;text-decoration:none!important}.footer-channel-link:hover{color:#fff9;transform:translateY(-1px);text-decoration:none!important}.footer-channel-link span:first-child{font-size:12px}.footer-channel-link span:last-child{font-size:10px}@media (max-width:600px){.footer-copyright{flex-wrap:wrap;gap:6px;font-size:8px}.footer-channel-link span:last-child{font-size:8px}}.icon-pen{position:relative;top:2px;left:1px}.heart-he{color:#fff}.feed-ico{bottom:10px}.page-loader{z-index:9999;background:linear-gradient(135deg,#0f0c29 0%,#1a1a3e 50%,#0f0c29 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader-spinner{border:3px solid #6366f1;border-color:#6366f1 #8b5cf6 #6366f133 #6366f133;border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:.8s linear infinite loaderSpin}@keyframes loaderSpin{to{transform:rotate(360deg)}}.page-loader p{color:#ffffffb3;font-size:14px}button:focus-visible{outline-offset:2px;outline:2px solid #6366f1}a:focus-visible{outline-offset:2px;outline:2px solid #6366f1}input:focus-visible{outline-offset:2px;outline:2px solid #6366f1}[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #6366f1}.skip-to-content{color:#fff;z-index:100;background:#6366f1;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-to-content:focus{top:0}