.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-2xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.auth-card::-webkit-scrollbar{width:8px}.auth-card::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.auth-card::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:10px}.auth-card::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-xs);text-align:center}.auth-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 var(--space-xl);text-align:center}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-md);color:#ef4444;font-size:.9rem;margin-bottom:var(--space-lg);text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:var(--transition-base)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c63ff1a}.form-group input::placeholder{color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-footer{display:flex;justify-content:flex-end;margin-top:calc(var(--space-md) * -1)}.forgot-link{font-size:.85rem;color:var(--accent-primary);text-decoration:none;transition:var(--transition-base)}.forgot-link:hover{color:var(--accent-secondary)}.auth-button{width:100%;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:var(--shadow-md)}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button.primary:active:not(:disabled){transform:translateY(0)}.auth-divider{text-align:center;color:var(--text-tertiary);font-size:.85rem;margin:var(--space-lg) 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 30px);height:1px;background:var(--border-color)}.auth-divider:before{left:0}.auth-divider:after{right:0}.oauth-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.auth-button.oauth{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.auth-button.oauth:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.auth-button.oauth svg{width:20px;height:20px}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:.9rem;color:var(--text-secondary)}.auth-footer a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:var(--transition-base)}.auth-footer a:hover{color:var(--accent-secondary)}@media (max-width: 640px){.auth-card{padding:var(--space-xl)}.auth-title{font-size:1.75rem}.form-row{grid-template-columns:1fr}}[data-theme=light] .auth-error{background:#ef44440d}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.auth-button.primary .success-checkmark{animation:successPop .5s cubic-bezier(.34,1.56,.64,1)}.auth-button.primary.success-state{background:linear-gradient(135deg,var(--accent-success),#00eac0)}.dashboard-container{min-height:calc(100vh - var(--header-height, 60px));padding:20px;background:var(--surface-light)}.dashboard-content{max-width:1200px;margin:0 auto}.profile-background-card{position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-xl);padding:24px;min-height:180px;margin-bottom:20px;overflow:hidden;box-shadow:var(--shadow-md)}.background-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fffc;padding:20px}.background-placeholder svg{opacity:.6}.background-placeholder span{font-size:14px;opacity:.9}.profile-stats-mini{position:absolute;top:20px;right:20px;display:flex;gap:16px;z-index:2}.stat-mini{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:#fff;font-weight:600;font-size:15px;border:1px solid rgba(255,255,255,.2)}.stat-icon{width:20px;height:20px;color:#fff}.user-title-badge{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.3);z-index:2}.title-icon{font-size:20px}.title-text{font-size:15px}.user-profile-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;display:flex;gap:20px;align-items:flex-start;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.profile-avatar-section{flex-shrink:0}.profile-avatar,.profile-avatar-placeholder{width:100px;height:100px;border-radius:50%;object-fit:cover;box-shadow:var(--shadow-md);border:4px solid var(--card-bg)}.profile-avatar-placeholder{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff}.profile-info-section{flex:1;min-width:0}.profile-name-section{display:flex;align-items:center;gap:12px;margin-bottom:16px}.profile-name{font-size:24px;font-weight:700;color:var(--text-primary);flex:1}.profile-settings-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-light);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-settings-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.level-system{background:var(--surface-light);border-radius:var(--radius-lg);padding:16px}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.level-title{display:flex;align-items:center;gap:8px}.level-number{font-size:18px;font-weight:700;color:var(--primary)}.level-name{font-size:16px;font-weight:600;color:var(--text-secondary)}.level-info-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.level-info-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.level-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{height:12px;background:var(--surface-dark);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:999px;transition:width .3s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.progress-counter{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);font-weight:600}.horizontal-nav{display:flex;gap:8px;padding:8px;background:var(--card-bg);border-radius:var(--radius-lg);margin-bottom:20px;overflow-x:auto;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.nav-tab{flex:1;min-width:fit-content;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:var(--surface-light);color:var(--text-primary)}.nav-tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff}.nav-icon{font-size:18px}.tab-content{background:var(--card-bg);border-radius:var(--radius-xl);padding:24px;min-height:300px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.tab-panel{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-panel-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{background:var(--surface-light);border-radius:var(--radius-lg);padding:20px;text-align:center;border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.stat-icon-wrapper{width:48px;height:48px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-md)}.stat-icon-wrapper svg{width:24px;height:24px;color:#fff}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:13px;color:var(--text-secondary);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{margin-bottom:8px;font-size:16px}.settings-form{max-width:600px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.btn{padding:12px 24px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.dashboard-container{padding:12px}.profile-background-card{padding:16px;min-height:140px}.profile-stats-mini{top:12px;right:12px;gap:8px;flex-wrap:wrap}.stat-mini{padding:6px 10px;font-size:13px}.user-title-badge{bottom:12px;left:12px;padding:6px 12px;font-size:13px}.user-profile-card{flex-direction:column;align-items:center;text-align:center}.profile-avatar,.profile-avatar-placeholder{width:80px;height:80px}.profile-name{font-size:20px}.horizontal-nav{gap:4px;padding:6px}.nav-tab{padding:10px 12px;font-size:13px}.nav-icon{font-size:16px}.tab-content{padding:16px}.stats-grid{grid-template-columns:1fr;gap:12px}.tab-panel-title{font-size:18px}}@media (max-width: 480px){.profile-stats-mini{position:static;margin-top:16px;justify-content:center}.user-title-badge{position:static;margin-top:12px}.nav-tab{flex-direction:column;gap:4px;padding:8px 10px}.nav-tab span:not(.nav-icon){font-size:11px}}.loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--surface-dark);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.test-card{display:flex;background:var(--card-bg);border-radius:16px;overflow:hidden;border:2px solid var(--border-color);transition:all .3s ease;cursor:pointer;height:auto;min-height:160px}.test-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.test-card-adventure{background:linear-gradient(135deg,#8b5cf61a,#84afff66);border:2px solid rgba(132,175,255,.4);box-shadow:0 4px 12px #84afff40}.test-card-adventure:hover{border-color:#84afff99;box-shadow:0 8px 20px #84afff59}.test-card-image{position:relative;width:100px;min-width:100px;min-height:160px;align-self:stretch;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;flex-shrink:0}.test-card-image img{width:100%;height:100%;object-fit:cover}.test-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff9}.premium-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #ffd70066;z-index:2}.ai-badge{position:absolute;bottom:12px;left:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #667eea66;z-index:2}.test-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.test-card:hover .test-card-overlay{opacity:1}.test-card-play-btn{width:56px;height:56px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--primary-color);transition:all .3s ease;box-shadow:0 4px 16px #0003}.test-card-play-btn:hover{transform:scale(1.1)}.test-card-content{flex:1;padding:8px 10px;display:flex;flex-direction:column;gap:6px;min-width:0}.test-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.test-category{display:inline-flex;padding:2px 8px;background:var(--bg-secondary);border-radius:20px;font-size:10px;font-weight:600;color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.2)}.test-rating{display:flex;align-items:center;gap:2px;padding:1px 4px;border-radius:4px;font-size:9px;font-weight:700;color:#fff;background:linear-gradient(135deg,#10b981,#059669);line-height:1}.test-rating svg{width:12px;height:12px;color:#fbbf24;flex-shrink:0}.rating-excellent,.rating-good,.rating-average,.rating-low{background:linear-gradient(135deg,#10b981,#059669)}.rating-value{font-family:Courier New,monospace;font-size:9px;line-height:1}.test-card-title{font-size:12px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.test-card-description{font-size:10px;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex:1}.test-card-footer{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto}.test-card-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary)}.meta-item svg{opacity:.7}.test-start-btn{display:none}@media (max-width: 768px){.test-card{min-height:150px}.test-card-image{width:110px;min-width:110px;min-height:150px;height:auto}.test-card-content{padding:14px 16px}.test-card-title{font-size:15px;line-height:1.3;margin-bottom:6px}.test-card-description{font-size:12px;line-height:1.4;-webkit-line-clamp:2}.test-category{font-size:11px;padding:4px 10px}.test-rating{font-size:11px;padding:3px 8px}.premium-badge,.ai-badge{padding:4px 10px;font-size:11px;top:10px;left:10px}.ai-badge{bottom:10px;top:auto}.meta-item{font-size:10px;gap:4px}.meta-item svg{width:14px;height:14px}}@media (max-width: 420px){.test-card{margin-left:-13px;margin-right:-13px;border-radius:16px}.test-card-content{padding:12px 16px}}.cabinet-container{min-height:100vh;padding:20px 0 100px;background:var(--bg-primary)}.cabinet-content{max-width:1200px;margin:0 auto;padding:0 20px}.profile-background-card{position:relative;background:var(--bg-secondary);border-radius:20px;border:none;margin-bottom:20px;min-height:140px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.profile-background-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}@media (max-width: 768px){.cabinet-content{padding:0 9px}.profile-background-card{border-radius:16px;min-height:154px;background-size:cover!important;background-position:center 50%!important}}@media (min-width: 769px) and (max-width: 1200px){.profile-background-card{min-height:200px;background-size:cover!important;background-position:center 65%!important}}@media (min-width: 1201px){.profile-background-card{min-height:250px;background-size:cover!important;background-position:center 70%!important}}.profile-stats-mini{position:absolute;top:8px;right:20px;display:flex;align-items:center;gap:20px;z-index:2}.stat-mini{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease;padding:4px 8px;background:#00000040;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-mini:hover{transform:translateY(-2px);background:#00000059}.stat-mini .stat-icon{width:20px;height:20px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));transition:all .3s ease}.stat-mini:hover .stat-icon{transform:scale(1.1)}.stat-mini span{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-width:20px;text-align:left}.user-title-badge{position:absolute;bottom:10px;left:180px;display:flex;align-items:center;gap:6px;z-index:15;background:linear-gradient(135deg,gold,orange);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px;padding:6px 12px;color:#000;font-weight:700;box-shadow:0 2px 8px #ffd7004d;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;min-height:32px}.user-title-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffd70066}.user-title-badge .title-icon{width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.user-title-badge .title-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap}.user-profile-card{position:relative;background:transparent;border-radius:20px;padding:20px 16px;margin-top:-20px;margin-bottom:16px;box-shadow:none;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;z-index:1;min-height:auto;border:none}.user-profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.level-progress-card{background:transparent;border-radius:20px;padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.level-progress-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.clans-banner-card{border-radius:16px;margin-bottom:16px;cursor:pointer;transition:all .3s ease;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a1a2e;min-height:140px;position:relative;border:1px solid rgba(139,92,246,.2)}.clans-banner-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf64d;border-color:#8b5cf666}.clans-banner-overlay{background:linear-gradient(to top,rgba(15,15,26,.95) 0%,rgba(26,26,46,.7) 35%,transparent 100%);padding:60px 20px 20px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end}.clans-banner-title{font-size:1.5rem;font-weight:700;color:#e5e7eb;margin:0 0 6px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.clans-banner-desc{color:#9ca3af;font-size:.9rem;margin:0 0 10px;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.5)}.clans-banner-action{color:#a78bfa;font-weight:600;font-size:.9rem}@media (min-width: 768px){.clans-banner-card{min-height:180px}.clans-banner-overlay{padding:80px 30px 25px;min-height:180px}.clans-banner-title{font-size:1.8rem}}.level-info{display:flex;align-items:center;gap:16px}.level-badge{flex-shrink:0;background:var(--gradient-primary);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow-primary)}.level-details{flex:1;display:flex;flex-direction:column;gap:8px}.level-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.progress-bar-container{display:flex;align-items:center;gap:8px}.progress-bar{flex:1;height:12px;background:var(--surface-medium);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c)!important;border-radius:var(--radius-full);transition:width .6s ease;box-shadow:0 0 12px #f9731666;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-counter{font-size:.85rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;text-align:right}.level-info-btn{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-md);background:var(--surface-medium);border:1px solid var(--border-color);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.level-info-btn:hover{background:var(--surface-light);color:var(--accent-primary);transform:scale(1.05);border-color:var(--accent-primary)}.level-info-btn svg{width:28px;height:28px;stroke-width:2.5}@media (max-width: 480px){.user-profile-card{flex-direction:row;align-items:flex-start;padding:10px 16px;margin-bottom:-54px;gap:4px;border-radius:16px}.horizontal-nav{gap:0px;padding:0}.nav-tab{padding:8px;font-size:.8rem;gap:0px}.level-badge{padding:0}.level-number{font-size:.9rem}.level-info{flex-wrap:wrap}.progress-bar-container{width:100%;order:3}}.profile-avatar-with-crown{position:relative;width:120px;flex-shrink:0;margin-top:-60px}.profile-avatar-section{width:120px;height:120px;border-radius:20px;overflow:hidden;position:relative;flex-shrink:0}.profile-avatar-section img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;border-radius:20px;z-index:1}.avatar-frame-overlay{position:absolute;top:2.5px;left:2.5px;width:115px;height:115px;background:transparent;pointer-events:none;z-index:10;border-radius:20px;background-size:100% 100%;background-position:center;background-repeat:no-repeat;transform:scale(1.25);transform-origin:center center}.profile-avatar-section[data-frame=default]{border:none;box-shadow:none}.profile-avatar-section[data-frame=bronze]{border:3px solid #cd7f32;box-shadow:0 0 20px #cd7f3299}.profile-avatar-section[data-frame=silver]{border:3px solid #C0C0C0;box-shadow:0 0 20px #c0c0c099}.profile-avatar-section[data-frame=gold]{border:3px solid #FFD700;box-shadow:0 0 20px #ffd70099}.profile-avatar-section[data-frame=diamond]{border:3px solid #00d4ff;box-shadow:0 0 20px #00d4ff99;animation:diamond-shimmer 3s ease infinite}@keyframes diamond-shimmer{0%,to{box-shadow:0 0 20px #00d4ff99}50%{box-shadow:0 0 30px #00d4ffe6}}.profile-avatar-section[data-frame=rainbow]{border:3px solid;border-image:linear-gradient(135deg,#667eea,#764ba2,#f093fb) 1;box-shadow:0 0 20px #fffc;animation:rainbow-glow 3s ease infinite}@keyframes rainbow-glow{0%,to{box-shadow:0 0 20px #667eea99}33%{box-shadow:0 0 20px #764ba299}66%{box-shadow:0 0 20px #f093fb99}}.profile-info-section{flex:1;min-width:0;margin-top:0;padding-top:4px}.profile-name-section{display:flex;align-items:center;gap:12px;margin-bottom:8px;position:absolute;z-index:15}.profile-name{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.profile-name-section .profile-settings-btn{width:40px;height:40px;opacity:.8;transition:all .3s ease;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);flex-shrink:0;z-index:10}.profile-name-section .profile-settings-btn:hover{opacity:1;background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1) rotate(45deg)}.profile-name-section .profile-settings-btn svg{width:24px;height:24px;transition:transform .3s ease}.profile-coins-btn{display:flex;align-items:center;gap:4px;padding:4px 6px;background:transparent;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;color:var(--text-primary);font-weight:700}.profile-coins-btn:hover{transform:scale(1.05)}.profile-coins-btn .coins-icon{font-size:16px}.profile-coins-btn .coins-count{font-size:14px}.level-system{width:100%}.level-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.level-title-section{display:flex;align-items:center;gap:8px}.level-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.level-number{background:linear-gradient(135deg,gold,orange);color:#000;padding:4px 12px;border-radius:16px;font-size:.9rem;font-weight:700;box-shadow:0 2px 8px #ffd7004d}.level-name{color:var(--text-primary);font-weight:600}.level-info-btn{background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);flex-shrink:0;z-index:10}.level-info-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.level-info-btn svg{width:18px;height:18px}.level-progress{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:0 16px 12px;z-index:2}.progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;border:1px solid var(--border-color);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:6px;transition:width .6s ease;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-counter{font-size:.75rem;color:var(--text-secondary);font-weight:600;white-space:nowrap}.horizontal-nav{display:flex;gap:4px;margin-bottom:12px;background:var(--card-bg);border-radius:16px;padding:8px;box-shadow:0 2px 10px #0000000d;overflow-x:auto;scrollbar-width:thin}.horizontal-nav::-webkit-scrollbar{height:4px}.horizontal-nav::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.horizontal-nav::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.nav-tab{flex-shrink:0;position:relative;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:10px;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.nav-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-tab.active{background:var(--primary-color);color:#fff}.nav-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--bg-secondary);transition:all .3s ease;padding:8px}.nav-tab:hover .nav-icon-wrapper{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.nav-tab.active .nav-icon-wrapper{background:#ffffff26;box-shadow:0 4px 16px #7c6cff4d;transform:scale(1.05)}.nav-icon{width:100%;height:100%;object-fit:contain}.nav-notification-badge{position:absolute;top:-6px;right:-8px;background:#ef4444;color:#fff;font-size:.65rem;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.nav-tab.active .nav-notification-badge{background:#fbbf24;color:#1f2937;border-color:var(--primary-color)}.quick-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:12px}.quick-access-card{background:var(--card-bg);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;border:2px solid var(--border-color);transition:all .3s ease;cursor:pointer;position:relative}.quick-access-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.quick-access-icon{width:56px;height:56px;border-radius:12px;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;padding:8px}.quick-access-icon img{width:100%;height:100%;object-fit:contain}.quick-access-card:hover .quick-access-icon{background:var(--primary-color);transform:scale(1.1)}.quick-access-info{flex:1;min-width:0}.quick-access-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.quick-access-desc{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.quick-access-badge{background:var(--primary-color);color:#fff;font-size:16px;font-weight:700;padding:6px 14px;border-radius:20px;min-width:40px;text-align:center;flex-shrink:0}@media (max-width: 900px){.quick-access-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 600px){.quick-access-grid{grid-template-columns:1fr;gap:12px}.quick-access-card{padding:16px}.quick-access-icon{width:48px;height:48px;font-size:24px}.quick-access-title{font-size:15px}.quick-access-desc{font-size:12px}}@media (max-width: 480px){.quick-access-grid{grid-template-columns:1fr}.quick-access-icon{width:44px;height:44px;font-size:22px}}.customization-section{background:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 2px 10px #0000000d;max-width:100%;overflow:hidden}.customization-section .section-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.customization-section .section-title svg{color:var(--primary-color)}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.frames-collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.collection-frame-card{position:relative;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;padding:12px;cursor:pointer;transition:all .3s ease}.collection-frame-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.collection-frame-card.locked{opacity:.6;border-color:#9696964d}.collection-frame-card.locked:hover{opacity:.8;border-color:#96969680}.collection-frame-preview{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden}.collection-frame-image{width:100%;height:100%;object-fit:cover}.frame-lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.frame-price-tag{display:flex;align-items:center;gap:4px;font-size:1.1rem;font-weight:700;color:#fff}.owned-badge{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;box-shadow:0 2px 8px #10b98180}.shop-redirect-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.shop-redirect-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.frame-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;position:relative}.frame-option:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.frame-option.active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.frame-option:disabled{opacity:.5;cursor:not-allowed}.frame-preview{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:4px}.frame-preview-inner{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px}.frame-name{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center}.backgrounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.background-option{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s ease;position:relative}.background-option:hover:not(:disabled){border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 6px 16px #00000026}.background-option.active{border-color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.background-option:disabled{opacity:.5;cursor:not-allowed}.background-preview{width:100%;height:80px;border-radius:8px;box-shadow:0 2px 8px #0003;position:relative;overflow:hidden}.background-name{font-size:12px;font-weight:600;color:var(--text-primary);text-align:center}.premium-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:3px;box-shadow:0 2px 6px #ffd7004d}.notifications-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.notification-item{background:var(--bg-secondary);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease;border:2px solid transparent;position:relative;cursor:pointer}.notification-item:hover{background:var(--card-bg);border-color:var(--border-color);transform:translate(4px)}.notification-item.unread{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.2)}.notification-item.unread:hover{border-color:var(--primary-color)}.notification-icon{width:48px;height:48px;border-radius:12px;background:var(--card-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a;padding:8px}.notification-icon img{width:100%;height:100%;object-fit:contain}.notification-content{flex:1;min-width:0}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}.notification-title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.notification-time{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.notification-message{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.notification-badge{position:absolute;top:16px;right:16px;width:10px;height:10px;background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 3px var(--card-bg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--card-bg);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.profile-edit-modal{max-width:600px}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;line-height:1}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);background:var(--card-bg)}.avatar-upload-section{display:flex;gap:20px;align-items:center}.current-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000001a}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700}.upload-buttons{display:flex;flex-direction:column;gap:8px;flex:1}.btn-upload,.btn-remove{padding:10px 16px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center}.btn-upload{background:var(--primary-color);color:#fff}.btn-upload:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-remove{background:transparent;border:2px solid #ef4444;color:#ef4444}.btn-remove:hover{background:#ef4444;color:#fff;transform:translateY(-2px)}.btn-cancel,.btn-save{padding:12px 24px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color)}.btn-cancel:hover{background:var(--border-color)}.btn-save{background:var(--primary-color);color:#fff}.btn-save:hover{background:var(--primary-hover);transform:translateY(-2px)}.content-sections{display:grid;gap:24px}.content-section{background:var(--card-bg);border-radius:16px;padding:24px;box-shadow:0 2px 10px #0000000d}.content-section.achievements-section{background:var(--bg-secondary);border:2px solid var(--border-color)}.content-section .tests-grid{display:flex;flex-direction:column;gap:16px;margin-top:16px}.content-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-section .section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.section-icon{display:inline-flex;align-items:center;justify-content:center}.section-icon img{width:24px;height:24px;object-fit:contain}.section-count{background:var(--bg-secondary);color:var(--text-secondary);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state p{margin:0;font-size:14px}@media (max-width: 768px){.cabinet-content{padding:0 16px}.profile-stats-mini{gap:16px}.stat-mini{font-size:.85rem;gap:5px}.stat-mini .stat-icon{width:16px;height:16px}.user-title-badge{bottom:105px;left:16px}.user-title-badge .title-icon{font-size:15px}.user-title-badge .title-text{font-size:.8rem}.user-profile-card{flex-direction:row;align-items:flex-start;gap:12px;padding:12px 20px}.profile-info-section{margin-top:0;flex:1}.level-title{font-size:.8rem;gap:6px}.level-info-btn{width:26px;height:26px}.level-info-btn svg{width:14px;height:14px}.profile-name-section{gap:8px;margin-bottom:6px;position:absolute}.profile-name{font-size:1.3rem}.profile-name-section .profile-settings-btn,.level-info-btn{width:34px;height:34px}.profile-name-section .profile-settings-btn svg,.level-info-btn svg{width:18px;height:18px}.frames-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.backgrounds-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.customization-section{padding:20px;max-width:100%;overflow-x:hidden}.customization-section .section-title{font-size:18px}.frames-grid,.backgrounds-grid{max-width:100%;overflow-x:auto}.content-section{padding:20px}.notification-item{padding:14px;gap:12px}.notification-icon{width:44px;height:44px;font-size:20px}.notification-title{font-size:14px}.notification-message{font-size:13px}}@media (max-width: 480px){.profile-stats-mini{top:-12px;right:3px;gap:8px;padding:2px 4px}.stat-mini{font-size:.7rem;gap:3px}.stat-mini .stat-icon{width:12px;height:12px}.user-title-badge{padding:3px 8px;bottom:0;left:125px;min-height:28px;z-index:15}.user-title-badge .title-icon{font-size:14px}.user-title-badge .title-text{font-size:.75rem;letter-spacing:.2px}.profile-avatar-with-crown{width:108px;margin-top:-54px}.profile-avatar-section{width:108px;height:108px}.avatar-frame-overlay{top:2.5px;left:2.5px;width:103px;height:103px}.user-profile-card{flex-direction:row;align-items:flex-start;padding:10px 16px;margin-bottom:-54px;gap:4px}.level-progress-card{margin-top:64px}.profile-info-section{margin-top:0;flex:1}.level-title{font-size:.75rem;gap:4px}.level-info-btn{width:24px;height:24px}.level-info-btn svg{width:12px;height:12px}.profile-name-section{gap:6px;margin-bottom:4px}.profile-name{font-size:1.2rem;background:none!important;-webkit-text-fill-color:var(--text-primary)!important;color:var(--text-primary)!important}.level-number{font-size:.9rem}.level-title{font-size:.9rem;gap:6px}.progress-bar{height:11px;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important}.progress-fill{background:linear-gradient(90deg,#f97316,#ea580c)!important}.progress-counter{font-size:.7rem;color:var(--text-primary)!important}.profile-name-section{gap:6px}.profile-name-section .profile-settings-btn,.level-info-btn{width:32px;height:32px}.profile-name-section .profile-settings-btn svg,.level-info-btn svg{width:16px;height:16px}.customization-section{padding:16px;max-width:100%;overflow-x:hidden}.frames-grid{grid-template-columns:repeat(3,1fr);max-width:100%}.backgrounds-grid{grid-template-columns:repeat(2,1fr);max-width:100%}.horizontal-nav{gap:0px;padding:0}.nav-tab{padding:8px;font-size:.8rem;gap:0px}.nav-icon{font-size:1rem}.notification-item{padding:12px;gap:10px}.notification-icon{width:40px;height:40px;font-size:18px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-time{font-size:11px}.modal-overlay{padding:10px}.modal-header{padding:16px}.modal-header h3{font-size:18px}.modal-body{padding:16px}.modal-footer{padding:16px;flex-direction:column}.btn-cancel,.btn-save{width:100%}.avatar-upload-section{flex-direction:column;align-items:flex-start}.current-avatar{width:80px;height:80px}.avatar-placeholder-large{font-size:32px}.upload-buttons{width:100%}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{background:var(--bg-secondary);border-radius:20px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:popupSlideIn .3s ease-out;display:flex;flex-direction:column}.modal-content.modal-large{max-width:800px}.collection-tabs{display:flex;gap:12px;padding:0 24px;margin-bottom:24px;border-bottom:2px solid rgba(255,255,255,.1)}.collection-tab{flex:1;padding:12px 24px;background:transparent;border:none;color:#fff9;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;border-bottom:3px solid transparent;margin-bottom:-2px}.collection-tab:hover{color:#ffffffe6;background:#ffffff0d}.collection-tab.active{color:#fff;border-bottom-color:#f97316}.collection-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:2px 2px 0 0}.levels-list{display:flex;flex-direction:column;gap:12px;padding:4px}.level-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--surface-dark);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:all var(--transition-base);position:relative}.level-item:hover{transform:translate(4px);border-color:var(--border-hover);box-shadow:var(--shadow-md)}.level-item.current{border-color:var(--accent-primary);background:linear-gradient(135deg,#7c6cff1a,#7c6cff0d);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-md)}.level-item.completed{border-color:var(--accent-success);background:linear-gradient(135deg,#00d4aa0d,#00d4aa05);opacity:.8}.level-item-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.level-item.current .level-item-badge{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.level-item.completed .level-item-badge{background:var(--gradient-success);box-shadow:var(--shadow-success)}.level-item-number{font-size:1.5rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.level-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.level-item-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.level-item-description{font-size:.9rem;color:var(--text-secondary);margin:0}.level-item-xp{font-size:.85rem;color:var(--accent-gold);font-weight:600;margin-top:2px}.level-item-current-badge{position:absolute;top:-8px;right:-8px;background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-primary);animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.level-item-checkmark{flex-shrink:0;width:32px;height:32px}@keyframes popupSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.modal-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-tertiary);color:var(--text-secondary);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-close:hover{background:var(--border-color);color:var(--text-primary);transform:rotate(90deg)}.modal-body{padding:24px;overflow-y:auto;flex:1}.section-header.clickable{cursor:pointer;transition:all .3s ease}.section-header.clickable:hover{transform:translateY(-2px);background:var(--bg-secondary);border-radius:12px;padding:12px;margin:-12px}@media (max-width: 768px){.modal-content{width:95%;max-width:none;border-radius:16px}.modal-header{padding:16px 20px}.modal-title{font-size:1.25rem;gap:8px}.modal-body{padding:20px}}@media (max-width: 480px){.modal-content{width:100%;max-height:100vh;border-radius:0}.modal-header{padding:14px 16px}.modal-title{font-size:1.1rem}.modal-body{padding:16px}.modal-close{width:32px;height:32px;font-size:20px}}.clans-modal{max-width:500px;max-height:85vh}.clans-tabs{display:flex;gap:4px;padding:0 20px;background:#0f0f1a80;border-bottom:1px solid rgba(139,92,246,.2)}.clans-tab{flex:1;padding:12px 16px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.clans-tab:hover{color:#fffc}.clans-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.clan-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#1a1a2ecc;border:1px solid rgba(139,92,246,.2);border-radius:12px;transition:all .3s ease}.clan-card:hover{background:#242442e6;border-color:#8b5cf666;transform:translateY(-2px)}.clan-avatar{width:48px;height:48px;border-radius:10px;overflow:hidden;background:#8b5cf633;flex-shrink:0}.clan-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-stats{text-align:center;padding:0 8px}.clan-members{display:block;font-size:16px;font-weight:700;color:var(--accent-primary)}.clan-view-btn{padding:8px 16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clan-view-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #8b5cf666}.clan-search-input{width:100%;padding:12px 16px;background:#0f0f1acc;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.clan-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.clan-create-form{display:flex;flex-direction:column;gap:16px}.clan-logo-preview{width:64px;height:64px;border-radius:12px;background:#8b5cf633;border:2px dashed rgba(139,92,246,.4);display:flex;align-items:center;justify-content:center;overflow:hidden}.clan-logo-btn{padding:8px 16px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:8px;color:var(--accent-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.clan-create-form .form-input,.clan-create-form .form-textarea{width:100%;padding:12px 16px;background:#0f0f1acc;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;transition:all .3s ease}.clan-create-form .form-textarea{min-height:80px;resize:vertical}.clan-create-form .form-input:focus,.clan-create-form .form-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #8b5cf633}.type-btn{flex:1;padding:10px;background:#1a1a2ecc;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#fff9;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn.active{background:#8b5cf64d;border-color:var(--accent-primary);color:var(--accent-primary)}.number-selector button{width:36px;height:36px;border-radius:8px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:var(--accent-primary);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.number-selector span{min-width:60px;padding:8px 16px;background:#0f0f1acc;border:1px solid rgba(139,92,246,.3);border-radius:8px;text-align:center;font-size:16px;font-weight:600;color:var(--text-primary)}.create-clan-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px}.create-clan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.create-cost{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#0003;border-radius:6px;font-size:14px}.create-cost:before{content:"👑"}.clan-detail{display:flex;flex-direction:column;gap:16px}.clan-back-btn{align-self:flex-start;padding:8px 12px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:var(--accent-primary);font-size:13px;cursor:pointer;transition:all .3s ease}.clan-detail-header{display:flex;gap:16px;align-items:center}.clan-detail-avatar{width:72px;height:72px;border-radius:16px;overflow:hidden;background:#8b5cf633;flex-shrink:0}.clan-detail-name{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.clan-detail-desc{font-size:13px;color:#fff9;display:block;margin-bottom:8px}.clan-detail-members{font-size:14px;color:var(--accent-primary);font-weight:600}.clan-detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.clan-detail-stats .stat-item{padding:12px;background:#1a1a2ecc;border:1px solid rgba(139,92,246,.2);border-radius:10px;text-align:center}.clan-detail-stats .stat-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;margin-bottom:4px}.clan-detail-stats .stat-value{font-size:16px;font-weight:700;color:var(--text-primary)}.join-clan-btn{padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.join-clan-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.clan-members-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:8px 0}.clan-member-card{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#1a1a2ecc;border:1px solid rgba(139,92,246,.2);border-radius:10px;transition:all .3s ease}.clan-member-card:hover{background:#242442e6}.member-rank{font-size:14px;font-weight:700;color:#fff6;min-width:24px;text-align:center}.member-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .default-avatar{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff}.member-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:11px;color:var(--accent-primary);font-weight:500}.member-level .level-value{font-size:16px;font-weight:700;color:var(--accent-primary)}@media (max-width: 480px){.clans-modal{max-width:100%}.clan-card{flex-wrap:wrap}.clan-view-btn{width:100%;margin-top:8px}.clan-detail-stats{grid-template-columns:1fr 1fr}}.item-equip-modal{max-width:500px}.item-preview-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;margin-bottom:20px}.avatar-with-frame-preview{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.preview-avatar-large{width:100%;height:100%;border-radius:50%;object-fit:cover}.preview-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.background-preview-large{width:100%;height:200px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2)}.background-preview-text{font-size:1.2rem;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.3)}.item-preview-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}.item-equip-actions{display:flex;gap:12px;justify-content:center}.btn-equip,.btn-equip-remove{padding:12px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.btn-equip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-equip:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-equip-remove{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);color:#fff}.btn-equip-remove:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.collection-frame-card.owned{cursor:pointer;border:2px solid rgba(102,126,234,.3);background:var(--bg-secondary)}.collection-frame-card.owned:hover{border-color:#667eea99;transform:translateY(-4px);box-shadow:0 8px 24px #667eea4d}.collection-frame-card.equipped{border:2px solid rgba(102,126,234,.8);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.equipped-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #667eea66;z-index:5}.locked-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:12px}.lock-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.owned-badge-cabinet{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:8px;font-size:.65rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #10b98166;z-index:5;transform:rotate(-3deg);border:1px solid rgba(255,255,255,.3)}.equipped-badge-bg{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #667eea66;z-index:5}.owned-badge-bg{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #10b98166;z-index:5;transform:rotate(-3deg);border:1px solid rgba(255,255,255,.3)}.background-option.locked{opacity:.6;cursor:pointer}.background-option.locked:hover{opacity:.8}.locked-tag{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:600}.equipped-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 10px;border-radius:50%;font-size:1rem;font-weight:700;box-shadow:0 2px 8px #667eea66}.equipped-frame-image{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.empty-collection{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center}.empty-collection p{font-size:1rem;color:var(--text-secondary);margin:0}.completed-tests-modal,.in-progress-modal{max-width:600px}.completed-tests-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto;padding-right:8px}.completed-tests-list::-webkit-scrollbar{width:6px}.completed-tests-list::-webkit-scrollbar-track{background:var(--border-color);border-radius:3px}.completed-tests-list::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.completed-test-item{padding:12px 14px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.completed-test-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #667eea26}.completed-test-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:10px}.completed-test-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 2px;line-height:1.3}.completed-test-category{font-size:11px;color:var(--text-secondary);margin:0}.completed-test-date{font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.completed-test-result{margin-bottom:10px}.completed-test-result .result-type-title{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.completed-test-result p{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-view-result{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-view-result:hover{transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}@media (max-width: 768px){.completed-tests-modal,.in-progress-modal{max-width:95%}.completed-tests-list{max-height:55vh}.completed-test-header{flex-direction:column;gap:4px}.completed-test-title{font-size:13px}.btn-view-result{width:100%;padding:10px 16px}}.in-progress-item{border-color:#10b9814d}.in-progress-item:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98133}.progress-info{text-align:right}.progress-badge{display:inline-block;padding:6px 12px;background:#10b9811a;color:#10b981;border-radius:20px;font-size:12px;font-weight:600}.progress-bar-small{height:6px;background:var(--border-color);border-radius:3px;margin-bottom:16px;overflow:hidden}.progress-fill-small{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .3s ease}.btn-continue-test{background:linear-gradient(135deg,#10b981,#059669)}.btn-continue-test:hover{box-shadow:0 4px 12px #10b98166}.create-test-info{display:flex;flex-direction:column;gap:24px}.info-banner{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;border-radius:12px;color:#fff;text-align:center}.info-banner h4{margin:0 0 8px;font-size:18px;font-weight:600}.info-banner p{margin:0;font-size:14px;opacity:.9}.info-banner .author-highlight{margin-top:12px;padding:10px 16px;background:#fff3;border-radius:8px;font-size:15px;opacity:1}.pricing-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color)}.price-badge{display:flex;flex-direction:column;align-items:center;gap:4px}.price-amount{font-size:24px;font-weight:700;color:var(--primary-color)}.price-label{font-size:12px;color:var(--text-secondary)}.balance-info{font-size:14px;color:var(--text-primary);margin:0}.benefits-section{background:var(--card-bg);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.benefits-section h4{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.benefits-list li{display:flex;gap:12px;align-items:flex-start}.benefit-icon{font-size:24px;flex-shrink:0}.benefits-list li div{flex:1}.benefits-list li strong{display:block;margin-bottom:4px;color:var(--text-primary);font-size:14px}.benefits-list li p{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.examples-section h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.example-card{background:var(--card-bg);padding:16px;border-radius:10px;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:all .2s}.example-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.example-emoji{font-size:32px}.example-card p{margin:0;font-size:13px;color:var(--text-primary);line-height:1.3}.rules-section{background:#ff98001a;padding:16px;border-radius:12px;border:1px solid rgba(255,152,0,.3)}.rules-section h4{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.rules-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rules-list li{font-size:13px;color:var(--text-primary);padding-left:20px;position:relative}.rules-list li:before{content:"•";position:absolute;left:8px;color:var(--primary-color)}.create-test-form{background:var(--card-bg);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.create-test-form h4{margin:0 0 16px;font-size:16px;color:var(--text-primary)}.btn-create-test{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-create-test:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-create-test:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.pricing-info{flex-direction:column;gap:12px}.examples-grid{grid-template-columns:1fr}}.create-test-banner-card{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;padding:24px;margin-bottom:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea33}.create-test-banner-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.create-test-banner-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.create-test-banner-left{display:flex;align-items:center;gap:16px;flex:1}.create-test-banner-icon{font-size:48px;flex-shrink:0;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.create-test-banner-title{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff}.create-test-banner-desc{margin:0;font-size:14px;color:#ffffffe6;line-height:1.4}.create-test-banner-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.create-test-price{font-size:32px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.create-test-banner-btn{background:#fff;color:#667eea;border:none;padding:10px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.create-test-banner-btn:hover{background:#ffffffe6;transform:translate(4px)}@media (max-width: 768px){.create-test-banner-card{padding:20px}.create-test-banner-content{flex-direction:column;align-items:flex-start}.create-test-banner-right{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.create-test-banner-icon{font-size:36px}.create-test-banner-title{font-size:18px}.create-test-price{font-size:24px}}.quick-access-card-highlight{border:2px solid rgba(102,126,234,.4);background:linear-gradient(135deg,#667eea1a,#764ba21a)}.quick-access-card-highlight:hover{border-color:var(--primary-color);background:linear-gradient(135deg,#667eea33,#764ba233)}.admin-card{border:2px solid rgba(239,68,68,.3);background:linear-gradient(135deg,#ef44440d,#dc26260d)}.admin-card:hover{border-color:#ef4444;background:linear-gradient(135deg,#ef44441a,#dc26261a);box-shadow:0 8px 24px #ef444433}.admin-card .quick-access-icon{background:#ef44441a}.admin-card:hover .quick-access-icon{background:#ef4444;transform:scale(1.1) rotate(10deg)}.admin-card .quick-access-title{color:#ef4444;font-weight:600}.admin-card .quick-access-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:16px;box-shadow:0 4px 12px #ef44444d}.modal-success{max-width:400px;text-align:center}.success-content{padding:40px 24px}.success-icon{font-size:64px;margin-bottom:16px}.success-content h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.success-title{font-size:16px;font-weight:600;color:var(--primary-color);margin:0 0 16px}.success-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 16px}.success-author{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 24px}.btn-success-close{padding:14px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-success-close:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.my-tests-modal{max-width:600px}.my-tests-list{display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto}.my-test-item{padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.my-test-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.my-test-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.my-test-category{font-size:12px;color:var(--text-secondary);margin:0}.my-test-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.my-test-status.status-published{background:#10b9811a;color:#10b981}.my-test-status.status-draft{background:#f59e0b1a;color:#f59e0b}.my-test-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-test-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.my-test-footer-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.my-test-date{display:inline-flex;align-items:center;gap:4px}.my-test-stats,.my-test-rating{display:inline-flex;align-items:center;gap:4px;font-weight:500}.my-test-rating{color:#ef4444}.btn-go-to-test{padding:8px 16px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-go-to-test:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.btn-create-first-test{margin-top:16px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-create-first-test:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.balance-coins{font-size:12px;margin-left:8px;opacity:.8}.btn-topup-inline{display:block;margin-top:12px;padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-topup-inline:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.nav-icon-emoji{font-size:28px;display:flex;align-items:center;justify-content:center}.my-tests-banner-card{width:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;padding:24px;margin-bottom:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b98133}.my-tests-banner-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.my-tests-count{font-size:36px;font-weight:700;color:#fff}.subscription-info{display:flex;flex-direction:column;gap:24px}.subscription-card-active,.subscription-card-inactive{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:32px;text-align:center;color:#fff}.subscription-card-inactive{background:linear-gradient(135deg,#667eea80,#764ba280)}.subscription-icon{width:80px;height:80px;margin:0 auto 16px}.subscription-icon img{width:100%;height:100%;object-fit:contain}.subscription-name{font-size:2rem;font-weight:800;margin:0 0 8px;color:#fff}.subscription-status{font-size:1.1rem;margin:0;color:#10b981;font-weight:700}.subscription-expires{font-size:.95rem;margin:8px 0 0;color:#ffffffe6}.subscription-description{font-size:1rem;color:#ffffffe6;margin:0}.subscription-benefits-section{background:var(--bg-secondary);border-radius:16px;padding:24px}.benefits-section-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.benefits-section-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.benefits-section-list li{font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:8px}.subscription-upgrade-btn{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.subscription-upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.subscription-upgrade-btn.primary{background:linear-gradient(135deg,#10b981,#059669)}.subscription-upgrade-btn.primary:hover{box-shadow:0 8px 20px #10b98166}.achievements-modal{max-width:650px}.achievements-section{padding-bottom:8px!important}.achievements-section .section-header{padding-bottom:4px}.achievements-preview-scroll{display:flex;gap:10px;padding:8px 0 4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.achievements-preview-scroll::-webkit-scrollbar{display:none}.achievement-preview-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;min-width:60px;max-width:70px;background:linear-gradient(135deg,#667eea26,#764ba21a);border:1px solid rgba(102,126,234,.25);border-radius:10px;cursor:pointer;transition:all .3s ease}.achievement-preview-item:hover{transform:translateY(-2px);border-color:#667eea80;box-shadow:0 4px 12px #667eea40;background:linear-gradient(135deg,#667eea40,#764ba233)}.achievement-preview-icon{font-size:1.3rem}.achievement-preview-title{font-size:.6rem;font-weight:600;color:var(--text-secondary);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.streak-info-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#ff6b0026,#ff45001a);border:1px solid rgba(255,107,0,.3);border-radius:16px;margin-bottom:24px}.streak-icon{font-size:2.5rem;animation:pulse-fire 1.5s ease-in-out infinite}@keyframes pulse-fire{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.streak-details{display:flex;flex-direction:column;gap:2px}.streak-count{font-size:1.4rem;font-weight:700;color:#ff6b00}.streak-label{font-size:.85rem;color:#fff9}.streak-reward{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.streak-reward .reward-label{font-size:.75rem;color:#ffffff80}.streak-reward .reward-value{font-size:1.1rem;font-weight:700;color:gold}.achievements-category{margin-bottom:24px}.achievements-category-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.achievement-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .3s ease;position:relative}.achievement-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.achievement-card.locked{opacity:.6;filter:grayscale(70%)}.achievement-card.locked:hover{opacity:.8;filter:grayscale(40%)}.achievement-card.unlocked{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea66}.achievement-icon{font-size:2rem;flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:12px}.achievement-info{flex:1;min-width:0}.achievement-title{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.achievement-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.achievement-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;transition:width .5s ease}.achievement-card.unlocked .achievement-progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.achievement-progress-text{font-size:.75rem;color:var(--text-secondary)}.achievement-check{position:absolute;top:10px;right:10px;width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:700}.achievement-detail-modal{max-width:400px}.achievement-detail-card{text-align:center;padding:24px}.achievement-detail-card.locked{filter:grayscale(50%)}.achievement-detail-icon{font-size:4rem;margin-bottom:16px;display:block}.achievement-detail-description{font-size:1rem;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.achievement-detail-rewards{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.reward-item{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:10px}.reward-icon{font-size:1.2rem}.reward-amount{font-size:.95rem;font-weight:600;color:var(--text-primary)}.achievement-status{padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem}.achievement-status.unlocked{background:linear-gradient(135deg,#10b98133,#05966926);color:#10b981;border:1px solid rgba(16,185,129,.4)}.achievement-status.locked{background:#ffffff0d;color:var(--text-secondary);border:1px solid var(--border-color)}.daily-reward-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;animation:slideDown .5s cubic-bezier(.175,.885,.32,1.275),fadeOut .5s ease 2.5s forwards}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100px) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%) translateY(-20px)}}.daily-reward-content{display:flex;align-items:center;gap:16px;padding:18px 28px;background:linear-gradient(135deg,gold,#ffb347,orange);border-radius:16px;box-shadow:0 10px 40px #ffa50080,0 0 30px #ffd7004d,inset 0 1px #fff6;border:2px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.daily-reward-content:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:shine 2s ease-in-out infinite}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.daily-reward-icon{font-size:2.5rem;animation:bounce .6s ease infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));z-index:1}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.daily-reward-text{display:flex;flex-direction:column;gap:2px;z-index:1}.daily-reward-title{font-size:.85rem;color:#000000b3;font-weight:600;text-transform:uppercase;letter-spacing:1px}.daily-reward-amount{font-size:1.5rem;font-weight:800;color:#1a1a2e;text-shadow:0 1px 0 rgba(255,255,255,.5)}.streak-badge{padding:10px 16px;background:#00000026;border-radius:12px;font-size:1rem;font-weight:700;color:#1a1a2e;border:1px solid rgba(0,0,0,.1);z-index:1}.achievement-unlock-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10001;animation:achievementAppear .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes achievementAppear{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.achievement-unlock-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 48px;background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border-radius:20px;box-shadow:0 20px 60px #667eea80;border:2px solid rgba(255,255,255,.3);overflow:hidden}.achievement-unlock-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 60%);animation:glow-rotate 3s linear infinite}@keyframes glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.achievement-unlock-icon{font-size:4rem;z-index:1;animation:icon-pulse .8s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.achievement-unlock-text{display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.achievement-unlock-label{font-size:.85rem;color:#fffc;text-transform:uppercase;letter-spacing:2px}.achievement-unlock-title{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.achievement-unlock-rewards{display:flex;gap:16px;z-index:1}.achievement-unlock-rewards span{padding:8px 16px;background:#fff3;border-radius:10px;font-size:1rem;font-weight:600;color:#fff}@media (max-width: 480px){.streak-info-card{flex-wrap:wrap;justify-content:center;text-align:center}.streak-reward{margin-left:0;align-items:center;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,107,0,.2)}.achievements-grid{grid-template-columns:1fr}.achievement-unlock-content{padding:24px 32px;margin:0 16px}.achievement-unlock-icon{font-size:3rem}.achievement-unlock-title{font-size:1.2rem}.daily-reward-content{padding:12px 16px;gap:12px}.daily-reward-icon{font-size:1.5rem}.daily-reward-amount{font-size:1.1rem}}.welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000}.welcome-modal{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f0f23);border-radius:24px;max-width:520px;width:95%;max-height:90vh;overflow-y:auto;padding:30px;position:relative;box-shadow:0 0 60px #667eea4d,0 0 120px #764ba233,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);animation:welcomeAppear .5s ease-out}@keyframes welcomeAppear{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.welcome-header{text-align:center;margin-bottom:25px}.welcome-confetti{font-size:4rem;animation:confettiBounce 1s ease-in-out infinite;margin-bottom:10px}@keyframes confettiBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.welcome-title{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,gold,#ffed4e,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px;text-shadow:0 0 30px rgba(255,215,0,.3)}.welcome-subtitle{color:#a0aec0;font-size:1.1rem;margin:0}.welcome-reward-section{display:flex;gap:15px;margin-bottom:25px}.welcome-reward-card{flex:1;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#ffd70026,#ffa5001a);border:1px solid rgba(255,215,0,.3);border-radius:16px;padding:15px;transition:transform .3s ease}.welcome-reward-card:hover{transform:translateY(-3px)}.welcome-reward-icon{font-size:2rem;animation:rewardPulse 2s ease-in-out infinite}@keyframes rewardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.welcome-reward-info{display:flex;flex-direction:column;gap:4px}.welcome-reward-label{font-size:.85rem;color:#a0aec0}.welcome-reward-value{font-size:1.2rem;font-weight:700;color:gold}.welcome-section{margin-bottom:25px}.welcome-section-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.welcome-ways{display:flex;flex-direction:column;gap:12px}.welcome-way{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:12px;padding:12px;transition:all .3s ease}.welcome-way:hover{background:#ffffff14;transform:translate(5px)}.welcome-way-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:10px}.welcome-way-info{display:flex;flex-direction:column;gap:2px}.welcome-way-title{font-size:.95rem;font-weight:600;color:#fff}.welcome-way-desc{font-size:.85rem;color:#718096}.welcome-shop-items{display:flex;flex-wrap:wrap;gap:10px}.welcome-shop-item{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3);border-radius:12px;padding:10px 15px;transition:all .3s ease}.welcome-shop-item:hover{background:linear-gradient(135deg,#667eea4d,#764ba24d);transform:scale(1.05)}.welcome-shop-icon{font-size:1.3rem}.welcome-shop-name{font-size:.9rem;font-weight:500;color:#fff}.welcome-tip{display:flex;align-items:flex-start;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:15px;margin-bottom:25px}.welcome-tip-icon{font-size:1.5rem;flex-shrink:0}.welcome-tip-text{font-size:.9rem;color:#68d391;line-height:1.5}.welcome-close-btn{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,gold,#ffed4e,orange);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70066,inset 0 1px #ffffff4d}.welcome-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd70080,inset 0 1px #ffffff4d}.welcome-close-btn:active{transform:translateY(0)}.welcome-dont-show{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;cursor:pointer;color:#ffffffb3;font-size:.9rem;transition:color .2s ease}.welcome-dont-show:hover{color:#ffffffe6}.welcome-dont-show input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ffd700}.welcome-dont-show span{-webkit-user-select:none;user-select:none}.welcome-modal::-webkit-scrollbar{width:6px}.welcome-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.welcome-modal::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.welcome-modal::-webkit-scrollbar-thumb:hover{background:#ffd70080}@media (max-width: 480px){.welcome-modal{padding:20px;max-height:85vh}.welcome-title{font-size:1.5rem}.welcome-confetti{font-size:3rem}.welcome-reward-section{flex-direction:column;gap:10px}.welcome-reward-card{padding:12px}.welcome-reward-icon{font-size:1.5rem}.welcome-reward-value{font-size:1rem}.welcome-way{padding:10px}.welcome-way-icon{font-size:1.2rem;width:35px;height:35px}.welcome-shop-items{gap:8px}.welcome-shop-item{padding:8px 12px}.welcome-close-btn{padding:14px 20px;font-size:1rem}}.test-page{min-height:100vh;padding:20px 0 100px;background:var(--bg-primary)}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.breadcrumb-link{cursor:pointer;transition:color .2s ease}.breadcrumb-link:hover{color:var(--primary-color)}.breadcrumb-separator{color:var(--border-color)}.breadcrumb-current{color:var(--text-primary);font-weight:600}.test-hero-image{width:100%;max-width:800px;height:400px;margin:0 auto 32px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #00000026}.test-hero-image img{width:100%;height:100%;object-fit:cover}.test-rating-section{display:flex;flex-direction:row;align-items:center;gap:12px;padding:20px 24px;background:var(--card-bg);border-radius:16px;margin-bottom:24px;border:2px solid var(--border-color);justify-content:center;flex-wrap:wrap}.average-rating-display{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.rating-stars{display:flex;gap:4px}.rating-stars .star{font-size:28px;filter:grayscale(100%);opacity:.3;transition:all .2s ease}.rating-stars .star.filled{filter:grayscale(0%);opacity:1}.rating-stars .star.clickable{cursor:pointer}.rating-stars .star.clickable:hover{transform:scale(1.2);filter:grayscale(0%);opacity:1}.test-page .rating-value{font-size:32px;font-weight:700;color:var(--text-primary)}.ratings-count{font-size:14px;color:var(--text-secondary)}.user-rating-input{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-color)}.rating-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.stars-input{display:flex;gap:6px}.stars-input .star{font-size:24px;cursor:pointer;filter:grayscale(100%);opacity:.3;transition:all .2s ease}.stars-input .star.clickable:hover{transform:scale(1.2)}.stars-input .star.filled{filter:grayscale(0%);opacity:1}.test-info-section{margin-bottom:24px}.test-title{font-size:32px;font-weight:800;color:var(--text-primary);margin:0 0 16px;line-height:1.2}.test-meta-info{display:flex;gap:24px;flex-wrap:wrap}.test-meta-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--card-bg);border-radius:12px;border:2px solid var(--border-color);font-size:13px;font-weight:500;color:var(--text-primary)}.test-meta-item svg{color:var(--primary-color)}.test-author-section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 16px;background:var(--card-bg);border-radius:12px;border:2px solid var(--border-color)}.author-info-wrapper{display:flex;align-items:center;gap:12px}.author-label{font-size:13px;color:var(--text-secondary)}.author-info{display:flex;align-items:center;gap:10px}.test-author-section .author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.test-author-section .author-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.test-author-section .author-name{font-size:15px;font-weight:600;color:var(--text-primary)}.btn-donate{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-dark);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:16px}.btn-donate:hover{transform:translateY(-2px);border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.btn-donate.donated{border-color:#ef4444;background:#ef44441a}.donate-icon{font-size:20px;line-height:1;transition:transform .3s ease}.btn-donate:hover .donate-icon{transform:scale(1.2)}.donate-count{font-weight:600;color:var(--text-primary);min-width:20px;text-align:center}.test-start-button-wrapper{margin-bottom:32px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.btn-start-test{min-width:300px;padding:18px 48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:50px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #667eea66}.btn-start-test:hover{transform:translateY(-3px);box-shadow:0 12px 32px #667eea80}.btn-start-test.btn-continue{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.btn-start-test.btn-continue:hover{box-shadow:0 12px 32px #10b98180}.btn-start-test.btn-restart{min-width:200px;padding:12px 32px;font-size:14px;background:var(--card-bg);color:var(--text-secondary);border:2px solid var(--border-color);box-shadow:none}.btn-start-test.btn-restart:hover{background:var(--border-color);color:var(--text-primary);transform:translateY(-2px)}.btn-favorite{display:flex;align-items:center;gap:8px;padding:16px 24px;background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color);border-radius:16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-favorite:hover{border-color:var(--primary-color);background:var(--hover-bg)}.btn-favorite.liked{border-color:#f43f5e;background:#f43f5e1a;color:#f43f5e}.btn-favorite .icon{font-size:20px}.btn-favorite .count{margin-left:4px;opacity:.7}.test-description-section{padding:24px;background:var(--card-bg);border-radius:16px;margin-bottom:32px;border:2px solid var(--border-color)}.test-description-section h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.test-full-description{font-size:15px;line-height:1.6;color:var(--text-secondary);margin:0 0 16px}.test-detailed-info{padding-top:16px;border-top:1px solid var(--border-color)}.test-detailed-info p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.comments-section{padding:24px;background:var(--card-bg);border-radius:16px;border:2px solid var(--border-color)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-secondary);border-radius:12px}.comment-input{width:100%;padding:12px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;font-size:13px;color:var(--text-primary);font-family:inherit;resize:vertical;transition:all .3s ease}.comment-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.comment-form .btn{align-self:flex-end;padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border:none;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;-webkit-text-fill-color:white}.comment-form .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.comment-form .btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.login-prompt{text-align:center;padding:32px;color:var(--text-secondary)}.comments-list{display:flex;flex-direction:column;gap:16px}.loading-comments,.no-comments{text-align:center;padding:32px;color:var(--text-secondary)}.comment-card{padding:16px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);transition:all .3s ease}.comment-card:hover{border-color:var(--primary-color)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-author{display:flex;align-items:center;gap:10px}.author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.author-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.author-name{font-weight:600;color:var(--text-primary)}.comment-date{font-size:12px;color:var(--text-secondary)}.comment-content{font-size:13px;line-height:1.5;color:var(--text-primary);margin:0;white-space:pre-wrap;word-break:break-word}.test-page-loading,.test-page-error{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}.loading-spinner{font-size:48px;animation:spin 2s linear infinite}@media (max-width: 768px){.test-page{padding:16px 0 100px}.breadcrumbs{font-size:12px}.test-hero-image{height:250px;margin-bottom:24px;border-radius:16px}.test-title,.rating-stars .star{font-size:24px}.test-page .rating-value{font-size:28px}.test-meta-info{gap:8px}.test-meta-item{padding:5px 10px;font-size:12px}.btn-start-test{min-width:250px;width:100%;max-width:400px;padding:16px 40px;font-size:18px}}@media (max-width: 480px){.test-hero-image{height:200px}.test-title{font-size:20px}.test-rating-section{padding:16px}.rating-stars .star{font-size:20px}.test-page .rating-value{font-size:24px}.user-rating-input{flex-direction:column;text-align:center}.test-meta-item{padding:5px 10px;font-size:12px;gap:5px}.test-meta-item svg{width:16px;height:16px}.btn-start-test{font-size:16px;padding:14px 24px}.comment-input{font-size:13px}.author-avatar,.author-avatar-placeholder{width:32px;height:32px;font-size:14px}}.test-taking-container{max-width:800px;margin:40px auto;padding:20px}.test-progress{margin-bottom:32px;text-align:center}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:99px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease;border-radius:99px}.progress-text{color:var(--text-secondary);font-size:14px;font-weight:600}.question-card{background:var(--card-bg);border-radius:20px;padding:40px;border:2px solid var(--border-color);box-shadow:0 4px 20px #0000001a}.question-text{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:32px;line-height:1.4;text-align:center}.answers-grid{display:grid;gap:16px}.answer-option{background:var(--surface-dark);border:2px solid var(--border-color);border-radius:16px;padding:20px 24px;font-size:16px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.answer-option:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.answer-option:active{transform:translateY(0)}.btn-exit-test{display:block;margin:24px auto 0;padding:12px 24px;background:transparent;color:var(--text-secondary);border:2px solid var(--border-color);border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-exit-test:hover{background:var(--border-color);color:var(--text-primary);border-color:var(--text-secondary)}@media (max-width: 768px){.test-taking-container{padding:16px}.question-card{padding:24px}.question-text{font-size:20px;margin-bottom:24px}.answer-option{padding:16px 20px;font-size:15px}}.test-result-container{max-width:800px;margin:40px auto;padding:20px}.result-loading{text-align:center;padding:60px 20px}.result-loading .loading-spinner{font-size:64px;animation:spin 2s linear infinite;margin-bottom:20px}.result-loading p{font-size:16px;color:var(--text-secondary);font-weight:500}.result-card{background:var(--card-bg);border-radius:20px;padding:40px;border:2px solid var(--border-color);box-shadow:0 4px 20px #0000001a;margin-bottom:24px}.result-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 24px;text-align:center}.result-text{font-size:16px;line-height:1.8;color:var(--text-primary)}.result-text p{margin:0 0 16px}.result-text p:last-child{margin-bottom:0}.result-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-action{padding:16px 32px;font-size:16px;font-weight:600;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.btn-retake{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-retake:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-back{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color)}.btn-back:hover{border-color:var(--primary-color);background:var(--hover-bg)}@media (max-width: 768px){.test-result-container{padding:16px}.result-card{padding:24px}.result-title{font-size:22px}.result-text{font-size:15px}.btn-action{width:100%;padding:14px 24px}}.result-choice{background:var(--card-bg);border-radius:20px;padding:40px;border:2px solid var(--border-color);box-shadow:0 4px 20px #0000001a;margin-bottom:24px;text-align:center}.result-choice-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 32px}.result-choice-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.ai-generating-hint{margin-top:24px;font-size:14px;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.btn-choice{padding:20px 40px;font-size:18px;font-weight:700;border-radius:16px;border:none;cursor:pointer;transition:all .3s ease;min-width:200px}.btn-choice-short{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 6px 20px #10b98166}.btn-choice-short:hover{transform:translateY(-3px);box-shadow:0 10px 30px #10b98180}.btn-choice-long{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 6px 20px #667eea66}.btn-choice-long:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea80}.btn-toggle-answer{display:block;margin:24px auto 0;padding:12px 24px;background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-color);border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-toggle-answer:hover{background:var(--border-color);color:var(--text-primary);border-color:var(--primary-color)}@media (max-width: 768px){.result-choice{padding:24px}.result-choice-title{font-size:20px;margin-bottom:24px}.result-choice-buttons{flex-direction:column;gap:16px}.btn-choice{width:100%;padding:18px 24px;font-size:16px;min-width:auto}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;pointer-events:auto;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-visible{transform:translate(0);opacity:1}.toast-hidden{transform:translate(400px);opacity:0}.toast-icon{font-size:24px;flex-shrink:0}.toast-message{font-size:15px;color:#333;font-weight:500;flex:1}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-info{border-left:4px solid #3b82f6}.toast-warning{border-left:4px solid #f59e0b}@media (max-width: 600px){.toast-container{top:10px;right:10px;left:10px;align-items:stretch}.toast{min-width:auto;max-width:none}}.shop-container{min-height:100vh;padding:20px;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.shop-header{text-align:center;margin-bottom:40px}.shop-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:10px}.shop-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.shop-tabs{display:flex;gap:4px;margin-bottom:32px;background:var(--card-bg);padding:8px;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 2px 10px #0000000d;overflow-x:auto;scrollbar-width:thin;max-width:500px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.shop-tabs::-webkit-scrollbar{height:4px}.shop-tabs::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.shop-tabs::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.shop-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:none;background:transparent;color:var(--text-secondary);border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:0}.shop-tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.shop-tab:hover .tab-icon-wrapper{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shop-tab.active{color:#667eea}.shop-tab.active .tab-icon-wrapper{background:#667eea26;box-shadow:0 4px 16px #667eea4d;transform:scale(1.05)}.tab-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--bg-secondary);transition:all .3s ease}.tab-icon{font-size:1.8rem}.tab-icon-img{width:36px;height:36px;object-fit:contain}.tab-label{text-align:center;white-space:nowrap}.shop-content{min-height:400px}.duration-selector{display:flex;gap:4px;justify-content:center;margin-bottom:32px;background:var(--card-bg);padding:8px;border-radius:16px;border:2px solid var(--border-color);box-shadow:0 2px 10px #0000000d;max-width:500px;margin-left:auto;margin-right:auto}.duration-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;border:none;background:transparent;color:var(--text-secondary);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px}.duration-btn:hover{color:var(--text-primary)}.duration-btn:hover .duration-icon-wrapper{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.duration-btn.active{color:#667eea}.duration-btn.active .duration-icon-wrapper{background:#667eea26;box-shadow:0 4px 16px #667eea4d;transform:scale(1.05)}.duration-icon-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:70px;height:70px;border-radius:14px;background:var(--bg-secondary);transition:all .3s ease;padding:8px}.duration-number{font-size:1.2rem;font-weight:800;line-height:1}.duration-label{font-size:.65rem;text-align:center;line-height:1;font-weight:600}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.subscription-card{background:var(--card-bg);border-radius:20px;padding:20px;border:3px solid var(--card-color, var(--border-color));box-shadow:0 4px 20px #0000001a;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.subscription-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.subscription-card.popular{border-width:4px;box-shadow:0 8px 40px #667eea4d}.popular-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,gold,orange);color:#000;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #ffd70066}.subscription-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 12px;text-align:center}.subscription-image{width:100%;height:200px;margin-bottom:12px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent}.subscription-image img{width:100%;height:100%;object-fit:contain}.subscription-price-display{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.subscription-price-display .price-amount{font-size:1.5rem;font-weight:900;color:var(--text-primary);display:inline-block}.subscription-price-display .price-duration{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-left:6px;display:inline-block}.subscription-benefits{flex:1;margin-bottom:24px}.benefit-item{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--text-primary);font-size:.95rem}.benefit-check{width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.buy-button{width:100%;padding:16px;border:none;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.frames-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.frame-card{background:var(--card-bg);border-radius:16px;padding:20px;border:2px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease;position:relative}.frame-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 6px 20px #00000026}.frame-card.unlocked{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1),transparent);opacity:.7}.frame-preview{width:140px;height:140px;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center;border:none;position:relative}.owned-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 12px #10b98166;z-index:10;transform:rotate(-5deg);border:2px solid rgba(255,255,255,.3)}.background-card .owned-badge{top:10px;right:10px;padding:8px 14px;font-size:.8rem;transform:rotate(-3deg)}.frame-emoji{font-size:3rem}.frame-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.load-more-trigger{width:100%;padding:40px 20px;display:flex;justify-content:center;align-items:center}.loading-spinner{color:var(--text-secondary);font-size:.95rem;font-weight:500;animation:pulse 1.5s ease-in-out infinite}.frame-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.frame-preview-content{background:linear-gradient(135deg,#1e1e32fa,#141423fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(124,108,255,.3);border-radius:20px;padding:30px;max-width:400px;width:100%;position:relative;box-shadow:0 10px 40px #00000080}.modal-close{position:absolute;top:15px;right:15px;width:35px;height:35px;border:none;background:#ffffff1a;color:#fff;font-size:24px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 24px;text-align:center}.frame-preview-wrapper{display:flex;justify-content:center;margin-bottom:24px;padding:30px;background:linear-gradient(135deg,#1a1a2ef2,#0f0f1afa);border-radius:16px;border:1px solid rgba(124,108,255,.2);box-shadow:inset 0 2px 10px #0000004d}.avatar-with-frame{position:relative;width:200px;height:200px;box-shadow:0 8px 24px #0006;border-radius:14px}.preview-avatar{width:100%;height:100%;border-radius:14px;object-fit:cover}.preview-frame-overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.modal-price{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:20px}.modal-price .price-currency{font-size:1.6rem}.modal-buy-button{width:100%;padding:14px 24px;border:none;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.modal-buy-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.frame-card{cursor:default}.frame-preview{cursor:pointer}.frame-info{text-align:center;width:100%;display:flex;flex-direction:column;gap:8px}.frame-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.frame-price{display:flex;align-items:center;justify-content:center;gap:6px;font-size:1.2rem;font-weight:700;color:var(--primary-color)}.buy-button-small{width:100%;padding:10px 16px;border:none;border-radius:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.buy-button-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.unlocked-badge{width:100%;padding:10px 16px;border-radius:8px;background:#10b981;color:#fff;font-size:.95rem;font-weight:600;text-align:center}.backgrounds-grid{display:flex;flex-direction:column;gap:16px}.background-card{border-radius:16px;padding:20px;border:2px solid rgba(255,255,255,.2);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;min-height:120px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;position:relative}.background-card.unlocked{opacity:.7;border-color:#10b98180}.background-card:hover{transform:translateY(-4px);border-color:#fff6;box-shadow:0 8px 20px #0006}.background-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1}.background-name{font-size:1.3rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8)}.background-price{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-size:1.2rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.8)}.background-card .price-currency{font-size:1.3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.background-card .buy-button-small{width:auto;min-width:90px;padding:12px 24px;background:#fffffff2;color:#1a1a2e;font-weight:700;box-shadow:0 4px 12px #0000004d}.background-card .buy-button-small:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0006}.coins-section{padding:0 16px}.coins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.coin-card{position:relative;background:var(--card-bg);border-radius:20px;padding:24px;text-align:center;border:3px solid var(--card-color, var(--border-color));box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.coin-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.coin-card.popular{border-color:var(--card-color);box-shadow:0 0 24px color-mix(in srgb,var(--card-color) 30%,transparent)}.coin-name{font-size:1.69rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.coin-image-wrapper{width:100%;height:180px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px}.coin-image{max-width:100%;max-height:100%;object-fit:contain}.coin-placeholder{font-size:64px}.coin-amount{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:16px}.coin-number{font-size:2rem;font-weight:800;color:gold}.coin-label{font-size:1rem;color:var(--text-secondary);font-weight:600}.coin-bonus{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:8px}.coin-price-display{margin-bottom:16px}.coin-price-display .price-amount{font-size:1.5rem;font-weight:900;color:var(--text-primary)}@media (max-width: 768px){.shop-container{padding:16px}.shop-title{font-size:2rem}.shop-tab{font-size:.85rem;padding:6px 10px}.tab-icon{font-size:1rem}.duration-selector{padding:6px;gap:3px;max-width:100%}.duration-btn{padding:6px;font-size:.85rem;min-width:0;flex:1}.duration-icon-wrapper{width:55px;height:55px;padding:6px}.duration-number{font-size:1rem}.duration-label{font-size:.55rem}.subscriptions-grid{grid-template-columns:1fr}.frames-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.backgrounds-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.duration-selector{padding:4px;gap:2px}.duration-btn{padding:4px}.duration-icon-wrapper{width:48px;height:48px;padding:4px}.duration-number{font-size:.9rem}.duration-label{font-size:.5rem}.coins-section{padding:0}.coins-grid{grid-template-columns:repeat(2,1fr);gap:12px}.coin-card{padding:14px 10px}.coin-name{font-size:1.1rem;margin-bottom:10px}.coin-image-wrapper{width:100px;height:100px;margin:0 auto 8px}.coin-image{transform:scale(1.5)}.coin-amount{margin-bottom:6px}.coin-number{font-size:1.3rem}.coin-label{font-size:.6rem}.coin-bonus{font-size:.55rem;padding:2px 4px}.coin-price-display{font-size:.8rem;margin-bottom:8px}.popular-badge{font-size:.55rem;padding:2px 5px;top:6px;right:6px}.buy-button{padding:6px 10px;font-size:.7rem}}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease}.payment-modal-content{background:#fff!important;background-image:linear-gradient(135deg,#667eea14,#764ba214,#ec489914)!important;position:relative;border-radius:24px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;border:2px solid rgba(102,126,234,.3)}[data-theme=dark] .payment-modal-content,body.dark-mode .payment-modal-content{background:#1e1e2e!important;background-image:linear-gradient(135deg,#667eea1f,#764ba21f,#ec48991f)!important}.payment-modal-benefits{margin-bottom:24px}.benefits-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.benefits-list{display:flex;flex-direction:column;gap:12px}.benefit-item-modal{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--text-primary)}.benefit-item-modal .benefit-check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;flex-shrink:0}.payment-methods{display:flex;flex-direction:column;gap:20px}.payment-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0 0 20px;text-align:center}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.payment-button{width:100%;padding:16px 20px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.button-icon{font-size:1.3rem}.button-text{font-size:1rem;font-weight:700}.payment-button-coins{background:linear-gradient(135deg,#ffb800,#ff8c00)}.payment-button-coins:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffb80066}.payment-button-money{background:linear-gradient(135deg,#10b981,#059669)}.payment-button-money:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.payment-button.disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.6}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.payment-modal-content{padding:24px}.payment-buttons{grid-template-columns:1fr;gap:12px}.payment-button{padding:14px 16px}.button-text{font-size:.95rem}.benefits-title{font-size:1.1rem}}.clans-page{min-height:100vh;background:transparent;padding:0;overflow-x:hidden}.clans-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:var(--surface-dark, rgba(30, 30, 50, .95));border-bottom:1px solid rgba(124,108,255,.2)}.clan-wars-button-wrapper{padding:12px 20px;background:var(--surface-medium, rgba(30, 30, 50, .95));border-bottom:1px solid rgba(239,68,68,.2)}.clan-wars-button{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid rgba(239,68,68,.3);border-radius:14px;cursor:pointer;transition:all .3s ease}.clan-wars-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d;border-color:#ef444480;background:linear-gradient(135deg,#ef444433,#dc262626)}.clan-wars-button-icon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.clan-wars-button-text{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.clan-wars-button-title{font-size:1.1rem;font-weight:700;color:#e5e7eb}.clan-wars-button-desc{font-size:.8rem;color:#9ca3af}.clan-wars-button-arrow{font-size:1.5rem;color:#ef4444;font-weight:700}.clans-tabs{display:flex;gap:4px;padding:12px 20px;background:var(--surface-medium, rgba(30, 30, 50, .95));border-bottom:1px solid rgba(124,108,255,.2)}.clans-content{padding:20px;max-width:600px;margin:0 auto}.back-btn{width:40px;height:40px;border-radius:10px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:var(--accent-primary, #8b5cf6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#8b5cf64d;transform:scale(1.05)}.clans-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff;margin:0}.clans-title img{width:32px;height:32px;object-fit:contain}.header-spacer{width:40px}.clans-tab{flex:1;padding:12px 16px;background:#1e1e3299;border:1px solid rgba(124,108,255,.3);color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:10px}.clans-tab:hover{color:#fff;background:#7c6cff33;border-color:#7c6cff80;transform:translateY(-1px)}.clans-tab.active{color:#fff;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));border-color:transparent;box-shadow:0 4px 15px #7c6cff66}.clan-card{display:flex;align-items:center;gap:12px;padding:16px;background:#1a1a2ee6;border:1px solid rgba(139,92,246,.2);border-radius:16px;cursor:pointer;transition:all .3s ease}.clan-card:hover{background:#242442f2;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf633}.clan-avatar{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#8b5cf633;flex-shrink:0}.clan-avatar img{width:100%;height:100%;object-fit:cover}.clan-info{flex:1;min-width:0}.clan-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-type{font-size:12px;color:#ffffff80}.clan-stats{text-align:center;padding:0 12px}.clan-members{display:block;font-size:18px;font-weight:700;color:var(--accent-primary, #8b5cf6)}.clan-members-label{font-size:10px;color:#ffffff80;text-transform:uppercase}.clan-view-btn{padding:10px 20px;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #7c6cff4d}.clan-view-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #7c6cff80;border-color:#fff6}.clans-search{display:flex;flex-direction:column;gap:16px}.clan-search-input{width:100%;padding:14px 16px 14px 48px;background:#0f0f1ae6;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.clan-search-input:focus{border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf633}.clan-search-input::placeholder{color:#fff6}.clan-create-form{display:flex;flex-direction:column;gap:20px}.clan-create-form .form-group{display:flex;flex-direction:column;gap:8px}.clan-create-form label{font-size:13px;font-weight:600;color:#ffffffb3}.clan-logo-selector{display:flex;align-items:center;gap:16px}.clan-logo-preview{width:72px;height:72px;border-radius:16px;background:#8b5cf633;border:2px dashed rgba(139,92,246,.4);display:flex;align-items:center;justify-content:center;overflow:hidden}.clan-logo-preview img{width:100%;height:100%;object-fit:cover}.clan-logo-btn{padding:10px 20px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);border-radius:10px;color:var(--accent-primary, #8b5cf6);font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.clan-logo-btn:hover{background:#8b5cf64d}.clan-create-form .form-input,.clan-create-form .form-textarea{width:100%;padding:14px 16px;background:#0f0f1ae6;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.clan-create-form .form-textarea{min-height:100px;resize:vertical;font-family:inherit}.clan-create-form .form-input:focus,.clan-create-form .form-textarea:focus{border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 3px #8b5cf633}.clan-type-selector{display:flex;gap:8px}.type-btn{flex:1;padding:12px;background:#1a1a2ee6;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:#fff9;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.type-btn.active{background:#8b5cf64d;border-color:var(--accent-primary, #8b5cf6);color:#fff}.number-selector{display:flex;align-items:center;gap:12px}.number-selector button{width:40px;height:40px;border-radius:10px;background:#8b5cf633;border:1px solid rgba(139,92,246,.4);color:var(--accent-primary, #8b5cf6);font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease}.number-selector button:hover{background:#8b5cf64d}.number-selector span{min-width:80px;padding:10px 20px;background:#0f0f1ae6;border:1px solid rgba(139,92,246,.3);border-radius:10px;text-align:center;font-size:16px;font-weight:600;color:#fff}.create-clan-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));border:2px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px;box-shadow:0 4px 15px #7c6cff4d}.create-clan-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #7c6cff80;border-color:#fff6}.create-cost{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#0003;border-radius:8px;font-size:14px}.create-cost .coin-icon{font-size:14px}.clan-detail-page{padding:20px;max-width:600px;margin:0 auto}.clan-back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:10px;color:var(--accent-primary, #8b5cf6);font-size:13px;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.clan-back-btn:hover{background:#8b5cf64d}.clan-detail-header{display:flex;gap:20px;align-items:flex-start;padding:20px;background:#1a1a2ee6;border:1px solid rgba(139,92,246,.2);border-radius:16px;margin-bottom:16px}.clan-detail-avatar{width:80px;height:80px;border-radius:16px;overflow:hidden;background:#8b5cf633;flex-shrink:0}.clan-detail-avatar img{width:100%;height:100%;object-fit:cover}.clan-detail-info{flex:1}.clan-detail-name{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.clan-detail-desc{font-size:14px;color:#fff9;margin:0 0 12px;line-height:1.5}.clan-detail-members{font-size:14px;color:var(--accent-primary, #8b5cf6);font-weight:600}.clan-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.clan-detail-stats .stat-item{padding:16px;background:#1a1a2ee6;border:1px solid rgba(139,92,246,.2);border-radius:12px;text-align:center}.clan-detail-stats .stat-label{display:block;font-size:11px;color:#ffffff80;text-transform:uppercase;margin-bottom:6px}.clan-detail-stats .stat-value{font-size:18px;font-weight:700;color:#fff}.join-clan-btn{width:100%;padding:16px 24px;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));border:2px solid rgba(255,255,255,.2);border-radius:14px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px;box-shadow:0 4px 15px #7c6cff4d}.join-clan-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px #7c6cff80;border-color:#fff6}.clan-members-section{background:#1a1a2ee6;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:16px}.clan-members-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 16px}.clan-members-list{display:flex;flex-direction:column;gap:8px}.clan-member-card{display:flex;align-items:center;gap:12px;padding:12px;background:#0f0f1a99;border:1px solid rgba(139,92,246,.15);border-radius:12px;transition:all .3s ease}.clan-member-card:hover{background:#242442cc;border-color:#8b5cf666;transform:translate(4px);box-shadow:0 4px 12px #8b5cf633}.member-rank{font-size:14px;font-weight:700;color:#fff6;min-width:32px;text-align:center}.member-avatar{position:relative;width:44px;height:44px;border-radius:12px;overflow:visible;flex-shrink:0}.member-avatar-img{width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:12px;object-fit:cover}.member-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;pointer-events:none;z-index:1}.member-avatar .default-avatar{width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,var(--accent-primary, #8b5cf6),var(--accent-secondary, #667eea));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;border-radius:12px}.member-info{flex:1;min-width:0}.member-name{display:block;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:11px;font-weight:600}.member-level{text-align:right}.member-level .level-label{display:block;font-size:10px;color:#fff6;text-transform:uppercase}.member-level .level-value{font-size:16px;font-weight:700;color:var(--accent-primary, #8b5cf6)}@media (max-width: 768px){.clan-detail-stats{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.clans-header{padding:12px 16px}.clans-title{font-size:18px}.clans-content,.clan-detail-page{padding:16px}.clan-card{flex-wrap:wrap;gap:12px}.clan-view-btn{width:100%}.section-tab{font-size:14px;padding:10px 12px}.chat-messages-container{max-height:300px}}.clan-section-tabs{display:flex;gap:12px;margin-top:20px;margin-bottom:20px}.section-tab{flex:1;padding:12px 16px;border:2px solid rgba(124,108,255,.3);border-radius:12px;background:#24244266;color:#ffffffb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.section-tab:hover{background:#24244299;border-color:#7c6cff80}.section-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px #667eea66}.clan-chat-section,.clan-raids-section{background:#24244266;border:1px solid rgba(124,108,255,.3);border-radius:16px;padding:20px;margin-bottom:20px}.section-title{margin:0 0 16px;color:#fff;font-size:18px;font-weight:700}.chat-messages-container{max-height:400px;overflow-y:auto;padding:12px;background:#0f0f1a99;border-radius:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.chat-loading,.chat-empty,.raids-empty,.raids-loading{text-align:center;color:#ffffff80;padding:40px 20px}.chat-empty p:first-child,.raids-empty p:first-child{font-size:18px;margin-bottom:8px}.raids-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.raid-card{background:#24244299;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.raid-card:hover{transform:translateY(-5px);border-color:#ff6b6b;box-shadow:0 10px 30px #ff6b6b4d}.raid-card.completed{border-color:#10b98180}.raid-card-completed{opacity:.8}.raid-card-completed:hover{opacity:1;border-color:#ffffff4d;box-shadow:0 10px 30px #0000004d}.raid-card-image{position:relative;height:180px;display:flex;flex-direction:column;justify-content:flex-end}.raid-card-overlay{padding:20px;background:linear-gradient(transparent,#000c)}.raid-boss-level{font-size:12px;color:#ffffffb3;margin-bottom:4px}.raid-boss-name{font-size:24px;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.raid-completed-badge{position:absolute;top:12px;right:12px;background:#10b981e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.raid-missed-badge{position:absolute;top:12px;right:12px;background:#6b7280e6;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.raid-card-info{padding:16px}.raid-card-title{margin:0 0 8px;font-size:16px;font-weight:700;color:#fff}.raid-card-desc{margin:0 0 12px;font-size:13px;color:#fff9;line-height:1.4}.raid-card-stats{display:flex;gap:12px;flex-wrap:wrap}.raid-stat{font-size:12px;color:#ffffffb3;background:#7c6cff33;padding:4px 10px;border-radius:12px}.raids-history .raid-card{opacity:.7}.raids-history .raid-card:hover{opacity:1}@media (max-width: 768px){.raids-grid{grid-template-columns:1fr}.raid-card-image{height:150px}.raid-boss-name{font-size:20px}}.chat-message{background:#24244299;border-radius:12px;padding:12px 16px;border-left:3px solid rgba(124,108,255,.5);position:relative}.message-author{color:#8b5cf6;font-weight:600;font-size:14px;margin-bottom:6px;padding-right:50px}.message-text{color:#fff;font-size:15px;line-height:1.5}.message-time{position:absolute;top:12px;right:16px;color:#fff6;font-size:11px}.chat-input-wrapper,.chat-input-container{display:flex;gap:12px}.chat-input-wrapper{margin-top:0}.chat-input{flex:1;background:#0f0f1ae6;border:1px solid rgba(124,108,255,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:15px;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#7c6cff99}.chat-input::placeholder{color:#ffffff4d}.chat-send-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;padding:12px 20px;color:#fff;font-size:20px;cursor:pointer;transition:all .3s ease}.chat-send-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.leaderboard-page{min-height:100vh;background:transparent;padding:0;overflow-x:hidden}.leaderboard-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;background:var(--surface-dark, rgba(30, 30, 50, .95));border-bottom:1px solid rgba(124,108,255,.2)}.leaderboard-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff;margin:0}.leaderboard-title img{width:32px;height:32px;object-fit:contain}.leaderboard-tabs{display:flex;gap:4px;padding:12px 20px;background:var(--surface-medium, rgba(30, 30, 50, .95));border-bottom:1px solid rgba(124,108,255,.2)}.leaderboard-tab{flex:1;padding:12px 16px;background:#1e1e3299;border:1px solid rgba(124,108,255,.3);color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:10px}.leaderboard-tab:hover{color:#fff;background:#7c6cff33;border-color:#7c6cff80;transform:translateY(-1px)}.leaderboard-tab.active{color:#fff;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));border-color:transparent;box-shadow:0 4px 15px #7c6cff66}.leaderboard-content{padding:20px;max-width:600px;margin:0 auto}.users-list{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#1a1a2ee6;border:1px solid rgba(124,108,255,.25);border-radius:20px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}.user-card:hover{border-color:#7c6cff80;transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 20px #7c6cff26,inset 0 1px #ffffff14}.user-rank{font-size:20px;font-weight:800;min-width:36px;text-align:center}.user-avatar-container{position:relative;width:50px;height:50px;flex-shrink:0;overflow:visible}.user-avatar-img{width:130%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:14px;object-fit:cover;box-shadow:0 3px 8px #0000004d}.user-avatar-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130%;height:130%;object-fit:contain;pointer-events:none;z-index:2}.user-avatar{width:50px;height:50px;border-radius:14px;overflow:hidden;flex-shrink:0;box-shadow:0 3px 8px #0000004d}.user-avatar .default-avatar{width:100%;height:100%;background:var(--gradient-primary, linear-gradient(135deg, #7c6cff 0%, #b794f6 100%));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff}.user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.user-name-row{display:flex;align-items:center;gap:6px}.user-name{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-country-flag{font-size:16px;line-height:1;flex-shrink:0}.user-title-row{display:flex;align-items:center;gap:6px}.user-title{font-size:14px;font-weight:600;color:var(--accent-primary, #8b5cf6)}.user-level-badge{display:inline-block;font-size:10px;font-weight:600;color:gold;background:#ffd70026;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,215,0,.3);align-self:flex-start;text-transform:uppercase;letter-spacing:.5px}.user-level{text-align:right}.user-level .level-label{display:block;font-size:10px;color:#fff6;text-transform:uppercase}.user-level .level-value{font-size:18px;font-weight:700;color:var(--accent-primary, #8b5cf6)}.users-search{display:flex;flex-direction:column;gap:16px}.search-box{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff6}.user-search-input{width:100%;padding:14px 16px 14px 48px;background:#0f0f1ae6;border:1px solid rgba(124,108,255,.3);border-radius:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.user-search-input:focus{border-color:var(--accent-primary, #8b5cf6);box-shadow:0 0 0 3px #7c6cff33}.user-search-input::placeholder{color:#fff6}.world-ranking{display:flex;flex-direction:column;gap:10px}.country-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#1a1a2ecc;border:1px solid rgba(124,108,255,.2);border-radius:14px;transition:all .3s ease}.country-card:hover{border-color:#7c6cff66;transform:translate(4px)}.country-rank{font-size:14px;font-weight:700;color:#ffffff80;min-width:32px;text-align:center}.country-flag{font-size:32px;line-height:1}.country-info{flex:1;min-width:0}.country-name{display:block;font-size:15px;font-weight:600;color:#fff}.country-players{font-size:12px;color:#ffffff80}.country-stats{text-align:right}.country-stats .stats-label{display:block;font-size:10px;color:#fff6;text-transform:uppercase}.country-stats .stats-value{font-size:16px;font-weight:700;color:var(--accent-primary, #8b5cf6)}.clans-ranking{display:flex;flex-direction:column;gap:12px}.clan-rank-card{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#1a1a2ee6;border:1px solid rgba(124,108,255,.25);border-radius:20px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff0d}.clan-rank-card:hover{border-color:#7c6cff80;transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 20px #7c6cff26,inset 0 1px #ffffff14}.clan-rank{font-size:20px;font-weight:800;min-width:36px;text-align:center}.clan-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clan-avatar img{width:100%;height:100%;object-fit:contain}.clan-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.clan-name{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-tag{font-size:12px;color:var(--accent-primary, #8b5cf6);font-weight:500}.clan-members{text-align:center;min-width:60px}.clan-members .members-label{display:block;font-size:9px;color:#fff6;text-transform:uppercase}.clan-members .members-value{font-size:14px;font-weight:700;color:#fffc}.clan-points{text-align:right;min-width:70px}.clan-points .points-label{display:block;font-size:10px;color:#fff6;text-transform:uppercase}.clan-points .points-value{font-size:18px;font-weight:700;color:var(--accent-primary, #8b5cf6)}.empty-state{text-align:center;padding:40px 20px;color:#ffffff80}@media (max-width: 480px){.leaderboard-content{padding:16px}.user-card,.country-card,.clan-rank-card{padding:12px}.user-avatar-container{width:40px;height:40px}.user-avatar-img,.user-avatar-frame{width:130%;height:130%}.user-avatar{width:40px;height:40px}.user-level .level-value,.country-stats .stats-value,.clan-points .points-value{font-size:14px}.clan-members{min-width:50px}.clan-points{min-width:60px}}.guest-limit-modal{max-width:500px;text-align:center}.limit-icon{font-size:4rem;margin-bottom:var(--space-md);animation:bounce 2s infinite}.limit-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.limit-description{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.limit-benefits{background:var(--surface-dark);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);text-align:left}.limit-benefits h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.limit-benefits ul{list-style:none;padding:0;margin:0}.limit-benefits li{padding:var(--space-sm) 0;font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-sm)}.limit-benefits li:before{content:"";width:4px;height:4px;background:var(--accent-primary);border-radius:50%}.limit-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-md)}.limit-actions .btn{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none}.limit-actions .btn-primary{background:var(--gradient-primary);color:#fff}.limit-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.limit-actions .btn-secondary{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.limit-actions .btn-secondary:hover{border-color:var(--accent-primary);background:var(--surface-light)}.limit-note{font-size:.875rem;color:var(--text-tertiary);font-style:italic}@media (max-width: 768px){.guest-limit-modal{max-width:90%;padding:var(--space-lg)}.limit-icon{font-size:3rem}.limit-title{font-size:1.5rem}.limit-benefits{padding:var(--space-md)}.limit-benefits li{font-size:.875rem}}.tests-section{min-height:100vh;padding:40px 0 80px;background:var(--bg-primary)}.tests-header{margin-bottom:16px}.tests-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tests-title{font-size:36px;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:12px}.title-icon{font-size:42px}.title-icon-img{width:42px;height:42px;object-fit:contain;margin-right:12px}.tests-stats{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:14px}.stats-item strong{color:var(--primary-color);font-weight:700}.stats-divider{opacity:.3}.search-bar{position:relative;max-width:600px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:14px 48px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;font-size:15px;color:var(--text-primary);transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.search-input::placeholder{color:var(--text-secondary)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.search-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.tests-filters{margin-bottom:40px}.category-filters{display:flex;gap:12px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.category-filters::-webkit-scrollbar{height:6px}.category-filters::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.category-filters::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.category-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:24px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.category-btn:hover{border-color:var(--primary-color);background:var(--hover-bg)}.category-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.category-icon{font-size:16px;line-height:1}.sort-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sort-buttons{display:flex;gap:8px;flex-wrap:wrap}.sort-btn{padding:8px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.sort-btn:hover{border-color:var(--primary-color);background:var(--hover-bg)}.sort-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.additional-filters{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--text-secondary)}.filter-label svg{opacity:.7}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:6px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:var(--primary-color);background:var(--hover-bg)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.no-results{text-align:center;padding:80px 20px;background:var(--card-bg);border-radius:16px;border:2px dashed var(--border-color)}.no-results-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-results h3{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.no-results p{font-size:15px;color:var(--text-secondary);max-width:400px;margin:0 auto 24px}.reset-filters-btn{padding:12px 24px;background:var(--primary-color);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.reset-filters-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.tests-section-group{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.section-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.section-icon{font-size:26px;line-height:1}.section-view-all{background:transparent;border:none;color:var(--primary-color);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;padding:4px 0}.section-view-all:hover{gap:8px;transform:translate(4px)}.results-count{color:var(--text-secondary);font-size:14px;font-weight:500}.tests-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 769px){.tests-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.load-more-section{display:flex;justify-content:center;margin-top:48px}.load-more-btn{padding:14px 32px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.load-more-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.filter-bar{width:100%;background:var(--bg-secondary);padding:16px 0;margin-bottom:24px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.filter-bar-content{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.sort-section{display:flex;align-items:center;gap:12px}.sort-label{font-size:14px;font-weight:600;color:var(--text-secondary)}.sort-dropdown{padding:10px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.sort-dropdown:hover{border-color:var(--primary-color)}.sort-dropdown:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.sort-dropdown option{background:var(--bg-primary);color:var(--text-primary);padding:10px;font-weight:500}.sort-dropdown option:hover,.sort-dropdown option:checked{background:var(--primary-color);color:#fff}.filters-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.filters-button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-rgb),.3)}.filters-button svg{width:18px;height:18px}.filters-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.filters-sidebar{position:fixed;top:0;right:-100%;width:350px;max-width:70%;height:100vh;background:var(--bg-primary);box-shadow:-4px 0 24px #0003;z-index:1000;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.filters-sidebar.open{right:0}.filters-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-color);background:var(--card-bg);flex-shrink:0}.filters-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.clear-filters-top-btn{width:100%;padding:12px 20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease;margin-bottom:20px}.clear-filters-top-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px)}.close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.filters-content{flex:1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:32px}.clear-all-filters-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:20px}.clear-all-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.filter-categories-list{display:flex;flex-direction:column;gap:12px}.filter-category-card{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-primary);position:relative}.filter-category-card:hover{border-color:var(--primary-color);background:#667eea0d}.filter-count-badge{color:var(--primary-color);margin-left:6px;font-size:.75rem;font-weight:400;background:#667eea1a;padding:2px 8px;border-radius:8px}.selected-count{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.filter-page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.back-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.875rem}.back-button:hover{border-color:var(--primary-color);background:#667eea0d}.filter-page-header h3{margin:0;font-size:1.1rem;color:var(--text-primary)}.filter-items-list{display:flex;flex-direction:column;gap:8px}.filter-item-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s;position:relative}.filter-item-checkbox:hover{border-color:var(--primary-color);background:#667eea0d}.filter-item-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-custom{width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.filter-item-checkbox input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.filter-item-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:#fff;font-size:14px;font-weight:700}.checkbox-icon-emoji{font-size:1.2rem}.filter-checkboxes{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;padding:12px 14px 12px 46px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;position:relative}.checkbox-label:hover{border-color:var(--primary-color);background:var(--bg-secondary);transform:translate(-2px)}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0}.checkbox-label:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#0000004d;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;z-index:1}.checkbox-label:after{content:"✓";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:transparent;transition:all .3s ease;z-index:2}.checkbox-label:has(input[type=checkbox]:checked):before{background:#0006;border-color:#5fc878}.checkbox-label:has(input[type=checkbox]:checked):after{color:#5fc878}.checkbox-label:hover:before{background:#0006;border-color:#5fc87880}.checkbox-icon{font-size:18px;line-height:1;flex-shrink:0}.checkbox-label span{font-size:14px;font-weight:500;color:var(--text-primary)}@media (max-width: 768px){.tests-section{padding:24px 0 100px}.tests-title{font-size:28px}.title-icon{font-size:32px}.tests-header-top{flex-direction:column;align-items:flex-start}.tests-stats{font-size:13px}.search-bar{max-width:100%}.category-filters{gap:8px}.category-btn{padding:8px 14px;font-size:13px}.section-title{font-size:20px}.section-icon{font-size:22px}.additional-filters{flex-direction:column;gap:16px}.filter-group{width:100%;flex-direction:column;align-items:flex-start}.sort-filters{flex-direction:column;align-items:flex-start;gap:12px}.filters-sidebar{width:50%;max-width:50%}}@media (max-width: 480px){.tests-section{padding:24px 0 80px}.tests-title{font-size:24px}.title-icon{font-size:28px}.search-input{padding:12px 40px;font-size:14px}.category-btn{padding:8px 14px;font-size:13px}.section-title{font-size:18px}.no-results{padding:60px 16px}.no-results-icon{font-size:48px}.no-results h3{font-size:20px}.no-results p{font-size:14px}.filters-sidebar{width:65%;max-width:65%}.filters-header{padding:14px 16px}.filters-header h3{font-size:16px}.filters-content{padding:16px}.clear-filters-top-btn{padding:10px 16px;font-size:13px;margin-bottom:16px}.filter-section-title{font-size:15px}.checkbox-label{padding:10px 12px 10px 46px}}.test-card-raid{border:2px solid rgba(255,107,107,.3)!important;background:linear-gradient(135deg,#242442f2,#321e1ef2)!important}.test-card-raid:hover{border-color:#ff6b6b!important;box-shadow:0 12px 30px #ff6b6b4d!important}.raid-placeholder{background:linear-gradient(135deg,#ff6b6b,#c92a2a,#1a1a2e)!important}.raid-badge{position:absolute;top:12px;left:12px;padding:5px 12px;background:linear-gradient(135deg,#ff6b6b,#c92a2a);border-radius:8px;font-size:11px;font-weight:700;letter-spacing:1px;color:#fff;z-index:2;box-shadow:0 2px 8px #ff6b6b66}.raid-level-badge-card{position:absolute;bottom:12px;right:12px;padding:4px 10px;background:#ffd70033;border:1px solid rgba(255,215,0,.5);border-radius:6px;font-size:11px;font-weight:700;color:gold;z-index:2}.raid-play-btn{background:linear-gradient(135deg,#ff6b6b,#c92a2a)!important}.raid-category{background:#ff6b6b33!important;color:#ff6b6b!important}.raid-start-btn{background:linear-gradient(135deg,#ff6b6b,#c92a2a)!important}.raid-start-btn:hover{background:linear-gradient(135deg,#ff8080,#d93d3d)!important}.raid-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.raid-modal{background:linear-gradient(135deg,#1a1a2e,#242442);border-radius:24px;max-width:420px;width:100%;padding:32px;position:relative;border:1px solid rgba(255,107,107,.3);box-shadow:0 20px 60px #ff6b6b33}.raid-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:background .2s ease}.raid-modal-close:hover{background:#fff3}.raid-modal-header{text-align:center;margin-bottom:24px}.raid-modal-icon{font-size:48px;margin-bottom:12px}.raid-modal-header h2{font-size:24px;font-weight:800;color:#ff6b6b;margin:0 0 8px}.raid-modal-level{font-size:14px;color:#fff9}.raid-modal-content{text-align:center}.raid-modal-message{font-size:15px;color:#fffc;line-height:1.6;margin:0 0 24px}.raid-modal-actions{display:flex;flex-direction:column;gap:12px}.raid-modal-btn{padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.raid-modal-btn-primary{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.raid-modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b66}.raid-modal-btn-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.raid-modal-btn-secondary:hover{background:#ffffff26}@media (max-width: 768px){.raids-section-wrapper{padding:16px;margin-bottom:24px}.raids-section-title{font-size:20px}.raids-grid-wrapper{grid-template-columns:1fr}.raid-test-image{height:120px}.raid-modal{padding:24px;margin:16px}}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--surface-dark);padding:var(--space-lg) 0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:var(--font-size-xl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--space-xl)}.nav a{font-weight:500;position:relative;transition:color var(--transition-base)}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base);border-radius:2px}.nav a:hover:after{width:100%}.theme-toggle{padding:var(--space-sm);background:var(--surface-medium);border-radius:var(--radius-full);font-size:var(--font-size-lg);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:rotate(180deg) scale(1.1);background:var(--surface-light)}.theme-icon{width:32px;height:32px;object-fit:contain;transition:inherit}.hero{padding:var(--space-2xl) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(124,108,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,107,157,.12) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,212,170,.1) 0%,transparent 50%);pointer-events:none}.hero .container{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1}.hero-image{display:flex;align-items:center;justify-content:center;margin:0 0 var(--space-xl) 0}.hero-image img{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 8px 32px rgba(124,108,255,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--space-2xl)}.hero-buttons{justify-content:center;margin-bottom:var(--space-2xl)}.btn{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);border:2px solid rgba(255,255,255,.2)}.btn-primary:hover{box-shadow:var(--shadow-primary),0 8px 32px #7c6cff66;transform:translateY(-3px) scale(1.02);border-color:#fff6}.btn-secondary{background:var(--surface-medium);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--surface-light);border-color:var(--border-hover);transform:translateY(-2px)}.hero-stats{justify-content:center;flex-wrap:wrap;gap:var(--space-xl)}.stat-card{text-align:center;padding:var(--space-2xl);background:var(--surface-dark);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:220px;flex-shrink:0}.stat-value{font-size:var(--font-size-2xl);font-weight:800;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-xs);filter:drop-shadow(0 2px 8px rgba(255,215,0,.3))}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.features{padding:var(--space-2xl) 0}.section-title{text-align:center;font-weight:700;margin-bottom:var(--space-2xl);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl)}.feature-card{text-align:center;padding:var(--space-xl);cursor:pointer;position:relative;overflow:hidden}.feature-card.multilingual-card,.feature-card.gamification-card,.feature-card.social-card,.feature-card.personalization-card,.feature-card.statistics-card,.feature-card.ratings-card{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.feature-image{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:300px}.feature-content{padding:var(--space-xl);width:100%}.feature-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(124,108,255,.1) 0%,transparent 70%);transition:all .5s ease;transform:translate(-50%,-50%)}.feature-card:hover:before{width:300px;height:300px}.feature-icon{font-size:56px;margin-bottom:var(--space-md);transition:all var(--transition-base);filter:drop-shadow(0 4px 12px rgba(124,108,255,.3))}.feature-card:hover .feature-icon{transform:scale(1.3) rotate(-5deg);filter:drop-shadow(0 8px 24px rgba(124,108,255,.5))}.feature-card h3{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.feature-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.6}.footer{margin-top:auto;padding:var(--space-xl) 0;background:var(--surface-dark);text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color)}@media (max-width: 768px){.header .container{flex-direction:column;gap:var(--space-md)}.nav{gap:var(--space-md)}.hero-image img{max-width:350px}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.features-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;justify-content:center;width:100%;align-items:center}.hero-buttons .btn{width:85%}.hero-stats{justify-content:center;gap:6px}.stat-card{padding:8px 6px;min-width:unset;flex:1}.stat-value{font-size:16px}.stat-label{font-size:10px;letter-spacing:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);overflow-y:auto}.modal-content{background:var(--bg-primary);border-radius:var(--radius-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl);border:1px solid var(--border-color)}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-dark);color:var(--text-primary);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;border:1px solid var(--border-color)}.modal-close:hover{background:var(--surface-light);transform:rotate(90deg);border-color:var(--accent-primary)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface-dark);border-top:1px solid var(--border-color);display:none;justify-content:space-around;padding:2px 0;z-index:100;box-shadow:0 -2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);border-radius:var(--radius-md);min-width:60px}.bottom-nav-item.active{color:var(--accent-primary);transform:translateY(-20px)}.bottom-nav-item.active .bottom-nav-icon-img{transform:scale(1.5);filter:drop-shadow(0 4px 12px rgba(124,108,255,.6))}.bottom-nav-item.active .bottom-nav-label{color:var(--accent-primary);font-weight:700}.bottom-nav-item:hover{background:var(--surface-medium);color:var(--text-primary)}.bottom-nav-icon{font-size:24px}.bottom-nav-icon-img,.bottom-nav-item-center .bottom-nav-icon-img-center{width:48px;height:48px;object-fit:contain;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item-center.active{transform:translateY(-20px)}.bottom-nav-item-center.active .bottom-nav-icon-img-center{transform:scale(1.5);filter:drop-shadow(0 12px 32px rgba(124,108,255,.6))}.bottom-nav-label{font-size:11px;font-weight:500;transition:all .3s ease}.nav-link{background:transparent;border:none;color:var(--text-primary);font-weight:500;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width var(--transition-base);border-radius:2px}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--accent-primary)}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}.side-menu{position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--surface-dark);box-shadow:var(--shadow-lg);z-index:999;transition:right .3s ease;overflow-y:auto}.side-menu.open{right:0}.user-profile{padding:var(--space-xl);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-md)}.user-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-xl);font-weight:700;text-transform:uppercase}.user-info{flex:1;min-width:0}.user-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link{background:transparent;border:none;color:var(--accent-primary);font-size:var(--font-size-sm);cursor:pointer;padding:0;transition:opacity var(--transition-base)}.profile-link:hover{opacity:.8}.user-resources{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.resource-item{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm)}.resource-icon{font-size:18px;flex-shrink:0}.energy-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.energy-bar{height:100%;background:linear-gradient(90deg,gold,orange);border-radius:10px;transition:width .3s ease;box-shadow:0 0 10px #ffd70080}.resource-value{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-xs)}.auth-button{width:100%;padding:var(--space-md) var(--space-lg);background:var(--gradient-primary);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-button:hover{box-shadow:var(--shadow-primary),0 8px 32px #7c6cff80;transform:translateY(-3px) scale(1.02);border-color:#ffffff80}.side-menu-nav{padding:var(--space-md)}.menu-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md);margin-bottom:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-align:left}.menu-item:hover{background:var(--surface-medium);transform:translate(4px)}.menu-item.active{background:var(--surface-medium);color:var(--accent-primary)}.menu-item.active .menu-icon-img{transform:scale(2);filter:drop-shadow(0 4px 12px rgba(124,108,255,.5))}.menu-icon{font-size:20px;width:24px;text-align:center}.menu-icon-img{width:26px;height:26px;object-fit:contain;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.menu-divider{height:1px;background:var(--border-color);margin:var(--space-md) 0}.menu-settings{margin-top:var(--space-lg)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--surface-medium);border-radius:var(--radius-md)}.setting-item>span{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.settings-row{display:flex;gap:var(--space-sm);padding:var(--space-md)}.setting-item-compact{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.setting-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.language-select{width:100%;padding:var(--space-sm);background:var(--surface-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,-apple-system,sans-serif}.language-select option{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,-apple-system,sans-serif}.language-select:hover{background:var(--surface-light);border-color:var(--accent-primary)}.language-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.theme-toggle-btn-compact{width:100%;height:38px;border:none;background:var(--surface-dark);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.theme-toggle-btn-compact:hover{background:var(--surface-light);transform:scale(1.05) rotate(180deg)}.theme-toggle-btn-compact .theme-icon{width:24px;height:24px}.desktop-only{display:block}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.lang-select{padding:var(--space-sm) var(--space-md);background:var(--surface-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,-apple-system,sans-serif}.lang-select option{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",system-ui,-apple-system,sans-serif}.lang-select:hover{border-color:var(--accent-primary)}@media (max-width: 1400px){.bottom-nav{display:flex}.app{padding-bottom:55px}}@media (max-width: 1150px){.desktop-only{display:none}}@media (max-width: 768px){.modal-overlay{padding:var(--space-md)}.modal-content{max-height:85vh}.tests-section,.catalog-section,.news-section{padding:var(--space-xl) 0;min-height:calc(100vh - 200px)}}.raids-section{padding:60px 0;background:linear-gradient(180deg,transparent 0%,rgba(255,107,107,.05) 50%,transparent 100%)}.raids-section .section-title{text-align:center;margin-bottom:8px;color:#ff6b6b}.raids-section .section-subtitle{text-align:center;color:#ffffffb3;margin-bottom:40px;font-size:16px}.home-raids-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.home-raid-card{background:#242442cc;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.home-raid-card:hover{transform:translateY(-8px);border-color:#ff6b6b;box-shadow:0 12px 40px #ff6b6b4d}.raid-card-image{height:180px;position:relative}.raid-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.raid-boss-badge{display:inline-block;width:fit-content;padding:4px 12px;background:linear-gradient(135deg,#ff6b6b,#c92a2a);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:8px;color:#fff}.raid-boss-name{font-size:22px;font-weight:800;color:#fff;margin:0 0 4px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.raid-level{font-size:13px;color:#ffffffb3}.raid-card-info{padding:16px 20px}.raid-stats{display:flex;gap:16px;margin-bottom:12px}.raid-stat{display:flex;align-items:center;gap:6px;font-size:14px;color:#fffc}.raid-stat .stat-icon{font-size:16px}.raid-cta{padding:10px 16px;background:#ffffff1a;border-radius:10px;font-size:14px;font-weight:600;text-align:center;color:#ffffffb3}.raid-cta.clan-required{background:#ffc10733;color:#ffc107}.raid-cta.ready{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}@media (max-width: 768px){.raids-section{padding:40px 0}.home-raids-grid{grid-template-columns:1fr;padding:0 16px}.raid-card-image{height:150px}}.ai-generator-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-generator-modal{background:var(--bg-secondary);border-radius:16px;max-width:600px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-generator-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid rgba(255,255,255,.1)}.ai-generator-header h2{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-generator-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:8px;color:var(--text-primary);font-size:1.5rem;cursor:pointer;transition:all .2s ease}.ai-generator-close:hover{background:#f4433633;color:#f44336}.ai-generator-body{padding:24px}.ai-generator-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:20px}.ai-generator-field{margin-bottom:20px}.ai-generator-field label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.ai-generator-field input{width:100%;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.ai-generator-field input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.ai-generator-field input:disabled{opacity:.6;cursor:not-allowed}.ai-generator-select{width:100%;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .2s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.ai-generator-select:focus{outline:none;border-color:var(--primary-color);background-color:#ffffff14}.ai-generator-select:disabled{opacity:.6;cursor:not-allowed}.ai-generator-select option{background:var(--bg-secondary);color:var(--text-primary);padding:10px}.ai-generator-examples{margin-bottom:20px}.ai-generator-examples-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.ai-generator-examples-list{display:flex;flex-wrap:wrap;gap:8px}.ai-generator-example-btn{padding:8px 14px;background:#667eea1a;border:2px solid rgba(102,126,234,.2);border-radius:8px;color:var(--primary-color);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.ai-generator-example-btn:hover:not(:disabled){background:#667eea33;transform:translateY(-2px)}.ai-generator-example-btn:disabled{opacity:.5;cursor:not-allowed}.ai-generator-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f443361a;border:2px solid rgba(244,67,54,.3);border-radius:10px;color:#f44336;font-size:.9rem;margin-bottom:20px}.error-icon{font-size:1.2rem;flex-shrink:0}.ai-generator-warning{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#ff98001a;border:2px solid rgba(255,152,0,.3);border-radius:10px;color:#ff9800;font-size:.9rem;margin-bottom:20px}.warning-icon{font-size:1.3rem;flex-shrink:0}.ai-generator-warning strong{display:block;margin-bottom:4px}.ai-generator-warning p{margin:0;font-size:.85rem;opacity:.9}.ai-generator-warning code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem}.ai-generator-footer{display:flex;gap:12px;padding:20px 24px;border-top:2px solid rgba(255,255,255,.1)}.ai-generator-btn{flex:1;padding:14px 20px;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.ai-generator-btn:disabled{opacity:.6;cursor:not-allowed}.ai-generator-btn-cancel{background:#ffffff0d;color:var(--text-primary);border:2px solid rgba(255,255,255,.1)}.ai-generator-btn-cancel:hover:not(:disabled){background:#ffffff1a}.ai-generator-btn-generate{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;box-shadow:0 4px 12px #667eea4d}.ai-generator-btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.ai-generator-btn-generate:active:not(:disabled){transform:translateY(0)}.ai-generator-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 600px){.ai-generator-modal{max-width:none;border-radius:12px}.ai-generator-header{padding:16px 20px}.ai-generator-header h2{font-size:1.25rem}.ai-generator-body{padding:20px}.ai-generator-examples-list{flex-direction:column}.ai-generator-example-btn{width:100%}.ai-generator-footer{flex-direction:column;padding:16px 20px}}.question-editor{background:var(--bg-secondary);border-radius:12px;padding:20px;margin-top:20px}.question-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(255,255,255,.1)}.question-editor-header h3{font-size:1.25rem;font-weight:600;margin:0}.question-editor-stats{display:flex;gap:15px;align-items:center}.question-count{font-size:.9rem;color:var(--text-secondary)}.question-count strong{color:var(--primary-color);font-size:1.1rem}.question-warning{font-size:.85rem;color:#ff9800;padding:4px 12px;background:#ff98001a;border-radius:6px}.questions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.questions-empty{padding:40px 20px;text-align:center;color:var(--text-secondary);background:#ffffff05;border-radius:8px;border:2px dashed rgba(255,255,255,.1)}.question-item{background:var(--bg-primary);border-radius:10px;border:2px solid rgba(255,255,255,.05);overflow:hidden;transition:all .2s ease}.question-item.expanded{border-color:var(--primary-color);box-shadow:0 4px 20px #667eea26}.question-item:hover{border-color:#ffffff1a}.question-header{display:flex;align-items:center;gap:12px;padding:15px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.question-header:hover{background:#ffffff08}.question-number{flex-shrink:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;font-weight:700;font-size:.85rem;border-radius:8px}.question-preview{flex:1;font-size:.95rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-empty-text{color:var(--text-secondary);font-style:italic;opacity:.6}.question-header-actions{display:flex;gap:6px;flex-shrink:0}.question-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.question-action-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:#fff}.question-action-btn:disabled{opacity:.3;cursor:not-allowed}.question-expand-btn{font-size:.75rem}.question-body{padding:20px;border-top:2px solid rgba(255,255,255,.05);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-field{margin-bottom:20px}.question-field label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.question-field textarea{width:100%;padding:12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .2s ease}.question-field textarea:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.question-field-hint{font-size:.8rem;color:var(--text-secondary);margin-top:6px}.question-options{margin-bottom:20px}.question-options label{display:block;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.question-option{display:flex;align-items:center;gap:10px;margin-bottom:10px}.option-label{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#667eea1a;color:var(--primary-color);font-weight:700;font-size:.85rem;border-radius:6px}.question-option input{flex:1;padding:10px 12px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.question-option input:focus{outline:none;border-color:var(--primary-color);background:#ffffff14}.question-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:15px;border-top:2px solid rgba(255,255,255,.05)}.question-btn{padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.question-btn-duplicate{background:#2196f31a;color:#2196f3;border:2px solid rgba(33,150,243,.2)}.question-btn-duplicate:hover{background:#2196f3;color:#fff}.question-btn-delete{background:#f443361a;color:#f44336;border:2px solid rgba(244,67,54,.2)}.question-btn-delete:hover{background:#f44336;color:#fff}.question-editor-footer{display:flex;justify-content:center;padding-top:10px}.question-add-btn{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.question-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.question-add-btn:active{transform:translateY(0)}@media (max-width: 768px){.question-editor{padding:15px}.question-editor-header{flex-direction:column;align-items:flex-start;gap:10px}.question-header{padding:12px}.question-number{width:30px;height:30px;font-size:.75rem}.question-body{padding:15px}.question-actions{flex-direction:column}.question-btn{width:100%}}.admin-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.admin-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.admin-container{min-height:100vh;background:#0f0f1a;color:#e5e7eb}.admin-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:15px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(139,92,246,.3);position:sticky;top:0;z-index:100}.admin-logo{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:#fff}.admin-logo-icon{font-size:1.5rem}.admin-nav{display:flex;gap:8px}.admin-nav-btn{background:transparent;border:none;color:#9ca3af;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.admin-nav-btn:hover{background:#8b5cf633;color:#fff}.admin-nav-btn.active{background:#8b5cf64d;color:#a78bfa}.admin-user{display:flex;align-items:center;gap:15px;color:#9ca3af;font-size:.9rem}.admin-back-btn{background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s ease}.admin-back-btn:hover{background:#fff3}.admin-main{padding:30px;max-width:1400px;margin:0 auto}.admin-section{background:#1a1a2e;border-radius:16px;padding:25px;border:1px solid rgba(139,92,246,.2)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.admin-section-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.admin-section-actions{display:flex;gap:10px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.admin-stat-card{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border-radius:12px;padding:25px;text-align:center;border:1px solid rgba(139,92,246,.3)}.admin-stat-icon{font-size:2.5rem;margin-bottom:10px}.admin-stat-value{font-size:2rem;font-weight:700;color:#fff}.admin-stat-label{color:#9ca3af;font-size:.9rem;margin-top:5px}.admin-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.admin-btn:hover{background:#fff3}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf666}.admin-btn-ai{background:linear-gradient(135deg,#10b981,#059669);border:none}.admin-btn-ai:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.admin-tests-list{display:flex;flex-direction:column;gap:12px}.admin-test-item{background:#ffffff0d;border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.admin-test-item:hover{background:#ffffff14;border-color:#8b5cf64d}.admin-test-info{flex:1}.admin-test-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 8px}.admin-test-meta{display:flex;gap:10px;flex-wrap:wrap}.admin-test-category{background:#8b5cf64d;color:#a78bfa;padding:4px 10px;border-radius:6px;font-size:.8rem}.admin-test-status{padding:4px 10px;border-radius:6px;font-size:.8rem}.admin-test-status.published{background:#10b9814d;color:#34d399}.admin-test-status.draft{background:#f59e0b4d;color:#fbbf24}.admin-test-premium{background:#f59e0b4d;color:#fbbf24;padding:4px 10px;border-radius:6px;font-size:.8rem}.admin-test-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.admin-test-questions{background:#2196f31a;color:#2196f3;padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600}.admin-test-actions{display:flex;gap:8px}.admin-action-btn{background:#ffffff1a;border:none;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.admin-action-btn:hover{background:#fff3;transform:scale(1.1)}.admin-action-btn.admin-action-delete:hover{background:#ef44444d}.admin-empty{text-align:center;padding:60px 20px;color:#6b7280}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.admin-table th{font-weight:600;color:#9ca3af;font-size:.85rem;text-transform:uppercase}.admin-table td{color:#e5e7eb}.admin-table tbody tr:hover{background:#ffffff0d}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-modal{background:#1a1a2e;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid rgba(139,92,246,.3)}.admin-modal-ai{max-width:500px}.admin-modal-wide{max-width:1000px;max-height:90vh;overflow-y:auto}.admin-modal-header{padding:20px 25px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.admin-modal-header h3{margin:0;font-size:1.3rem;color:#fff}.admin-modal-close{background:none;border:none;color:#9ca3af;font-size:1.8rem;cursor:pointer;line-height:1}.admin-modal-close:hover{color:#fff}.admin-modal-body{padding:25px}.admin-modal-footer{padding:20px 25px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:10px}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;margin-bottom:8px;color:#9ca3af;font-size:.9rem}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:.95rem}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{outline:none;border-color:#8b5cf6}.admin-form-group textarea{min-height:100px;resize:vertical}.admin-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.admin-form-inline{display:flex;align-items:center;gap:8px}.admin-form-inline input{width:auto}.admin-form-inline span{color:#9ca3af;font-size:.9rem}.admin-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e5e7eb}.admin-checkbox input{width:18px;height:18px;cursor:pointer}.admin-ai-description{color:#9ca3af;margin-bottom:20px;line-height:1.5}.admin-ai-examples{background:#10b9811a;border-radius:10px;padding:15px;margin-top:20px}.admin-ai-examples p{color:#34d399;font-weight:600;margin:0 0 10px;font-size:.9rem}.admin-ai-examples ul{list-style:none;padding:0;margin:0}.admin-ai-examples li{color:#9ca3af;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.admin-ai-examples li:hover{background:#10b98133;color:#fff}@media (max-width: 768px){.admin-header{flex-direction:column;gap:15px;padding:15px}.admin-nav{flex-wrap:wrap;justify-content:center}.admin-main{padding:15px}.admin-section-header{flex-direction:column;gap:15px;align-items:flex-start}.admin-form-row{grid-template-columns:1fr}.admin-test-item{flex-direction:column;align-items:flex-start;gap:15px}.admin-test-actions{align-self:flex-end}}.subscription-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.subscription-free{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.subscription-badge.subscription-basic{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.subscription-badge.subscription-premium{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.4)}.subscription-badge.subscription-vip{background:linear-gradient(135deg,#eab30833,#fcd34d33);color:#fbbf24;border:1px solid rgba(234,179,8,.5);box-shadow:0 0 10px #eab3084d}.admin-settings-container{max-width:800px}.admin-settings-card{background:var(--card-bg, #fff);border-radius:12px;padding:24px;border:1px solid var(--border-color, #e5e7eb);box-shadow:0 1px 3px #0000001a}.admin-settings-card-title{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary, #111827)}.admin-settings-card-desc{margin:0 0 24px;font-size:14px;color:var(--text-secondary, #6b7280)}.admin-settings-form{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.admin-label-hint{display:block;font-size:12px;font-weight:400;color:var(--text-secondary, #6b7280);margin-top:4px}.admin-input{width:100%;padding:10px 14px;font-size:16px;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #fff);color:var(--text-primary, #111827);transition:all .2s}.admin-input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.admin-settings-preview{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:10px;padding:16px;margin-top:20px}.admin-settings-preview h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.admin-settings-preview ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.admin-settings-preview li{font-size:14px;color:var(--text-primary, #111827);display:flex;align-items:center;gap:8px}.admin-settings-preview strong{color:var(--primary-color, #667eea);font-weight:600}.user-profile-container{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding-bottom:80px}.loading-message,.error-message{display:flex;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;color:var(--text-secondary)}.error-message{flex-direction:column;gap:20px}.profile-header{position:relative;padding:60px 20px 40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 30px 30px;box-shadow:0 4px 20px #0003}.back-button-header{position:absolute;top:20px;left:20px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:12px;cursor:pointer;font-size:1rem;transition:all .3s ease;z-index:10}.back-button-header:hover{background:#ffffff4d;transform:translate(-5px)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:15px}.avatar-with-frame{position:relative;width:150px;height:150px}.profile-avatar-large{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d}.profile-frame-overlay{position:absolute;top:-10px;left:-10px;width:170px;height:170px;pointer-events:none}.profile-username{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);margin:0}.profile-stats{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:10px}.stat-item{display:flex;align-items:center;gap:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 20px;border-radius:12px;border:1px solid rgba(255,255,255,.3)}.stat-icon{font-size:1.3rem}.stat-label{font-size:1rem;font-weight:600;color:#fff}.profile-clan{display:flex;align-items:center;gap:10px;background:#ffd70033;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:12px;border:1px solid rgba(255,215,0,.5);margin-top:10px}.clan-icon{font-size:1.5rem}.clan-name{font-size:1.1rem;font-weight:600;color:gold}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:25px}.action-btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.action-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-message:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.action-friend{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.action-friend:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f093fb66}.action-friend-pending{background:#9ca3af;color:#fff;cursor:not-allowed}.action-friend-active{background:#10b981;color:#fff;cursor:default}.action-clan{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.action-clan:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.action-clan-member{background:#6b7280;color:#fff;cursor:not-allowed}.profile-tabs{display:flex;gap:10px;padding:20px;justify-content:center;flex-wrap:wrap}.tab{padding:12px 24px;background:var(--bg-secondary);border:2px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.tab:hover{background:var(--bg-hover);color:var(--text-primary)}.tab.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 15px #667eea4d}.profile-content{padding:20px;max-width:1200px;margin:0 auto}.info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--bg-secondary);border-radius:16px;padding:24px;box-shadow:0 4px 15px #0000001a}.info-card h3{font-size:1.5rem;margin:0 0 20px;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:8px}.info-label{font-size:.9rem;color:var(--text-secondary)}.info-value{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.subscription-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;border-radius:8px;font-size:.9rem}.gifts-section{min-height:400px}.login-required,.self-gift-message{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.2rem}.gift-categories{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.gift-category{padding:10px 20px;background:var(--bg-secondary);border:2px solid transparent;border-radius:10px;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.gift-category:hover{background:var(--bg-hover);color:var(--text-primary)}.gift-category.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent-primary)}.gift-items{margin-top:20px}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gift-card{background:var(--bg-secondary);border-radius:16px;padding:20px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;position:relative}.gift-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.gift-card.owned{opacity:.6;border:2px solid #10b981}.gift-card h4{margin:10px 0;color:var(--text-primary);font-size:1.1rem}.gift-preview{width:100%;max-width:150px;height:150px;object-fit:contain;border-radius:12px;margin-bottom:10px}.gift-bg-preview{width:100%;height:120px;border-radius:12px;margin-bottom:10px}.gift-duration,.gift-coins{font-size:.95rem;color:var(--text-secondary);margin:8px 0}.gift-price{font-size:1.1rem;font-weight:700;color:var(--accent-primary);margin:12px 0}.owned-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:600}.btn-send-gift{width:100%;padding:12px;background:var(--accent-gradient);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-send-gift:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #667eea66}.btn-send-gift:disabled{background:#6b7280;cursor:not-allowed;opacity:.7}.no-items{text-align:center;color:var(--text-secondary);padding:40px;font-size:1.1rem}.gifters-section{min-height:300px}.no-gifters{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.2rem}.gifters-list{display:flex;flex-direction:column;gap:16px}.gifter-card{display:flex;align-items:center;gap:16px;background:var(--bg-secondary);border-radius:16px;padding:16px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.gifter-card:hover{transform:translate(5px);box-shadow:0 6px 20px #00000026}.gifter-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-primary)}.gifter-info{flex:1}.gifter-info h4{margin:0 0 6px;color:var(--text-primary);font-size:1.1rem}.gifter-gift{color:var(--text-secondary);font-size:.95rem;margin:4px 0}.gifter-date{color:var(--text-tertiary);font-size:.85rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.achievement-card{background:var(--bg-secondary);border-radius:16px;padding:24px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.achievement-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.achievement-card.locked{opacity:.5;filter:grayscale(80%)}.achievement-icon{font-size:3rem;margin-bottom:12px}.achievement-card h4{margin:0 0 8px;color:var(--text-primary);font-size:1.1rem}.achievement-card p{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width: 768px){.profile-header{padding:40px 20px 30px}.profile-username{font-size:1.5rem}.profile-stats{gap:10px}.stat-item{padding:8px 16px;font-size:.9rem}.profile-actions{gap:8px}.action-btn{padding:10px 18px;font-size:.9rem}.profile-tabs{gap:8px;padding:15px}.tab{padding:10px 16px;font-size:.9rem}.info-grid{grid-template-columns:1fr}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.gift-card{padding:12px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 480px){.avatar-with-frame,.profile-avatar-large{width:120px;height:120px}.profile-frame-overlay{width:140px;height:140px}.profile-content{padding:15px}}.raid-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e)}.raid-loading,.raid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;padding:20px}.raid-error button{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer}.raid-intro{min-height:100vh}.raid-intro-bg{min-height:100vh;display:flex;align-items:center;justify-content:center}.raid-intro-overlay{width:100%;min-height:100vh;background:linear-gradient(180deg,#0000004d,#000000b3,#000000e6);display:flex;align-items:center;justify-content:center;padding:40px 20px}.raid-intro-content{max-width:600px;text-align:center;color:#fff}.raid-boss-badge{display:inline-block;padding:8px 20px;background:linear-gradient(135deg,#ff6b6b,#c92a2a);border-radius:30px;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.raid-boss-title{font-size:48px;font-weight:900;margin:0 0 12px;text-shadow:3px 3px 6px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.raid-level-badge{display:inline-block;padding:6px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:14px;margin-bottom:20px}.raid-description{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:30px}.raid-stats-row{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.raid-stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-icon{font-size:24px}.stat-value{font-size:20px;font-weight:700;color:gold}.stat-label{font-size:12px;color:#fff9}.raid-existing-result{background:#10b98133;border:1px solid rgba(16,185,129,.5);padding:12px 20px;border-radius:12px;margin-bottom:20px;font-size:14px}.raid-no-clan{background:#ef444433;border:1px solid rgba(239,68,68,.5);padding:20px;border-radius:16px;margin-bottom:20px}.raid-no-clan p{margin:0 0 16px}.raid-actions{margin-bottom:20px}.raid-energy-info{margin-bottom:16px;font-size:14px;color:#ffffffb3}.raid-btn{padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.raid-btn-primary{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff;box-shadow:0 4px 20px #ff6b6b66}.raid-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #ff6b6b80}.raid-btn-primary:disabled{opacity:.5;cursor:not-allowed}.raid-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3)}.raid-btn-secondary:hover{background:#fff3}.raid-btn-back{background:transparent;color:#fff9;margin-top:20px}.raid-btn-back:hover{color:#fff}.raid-game{min-height:100vh;padding:20px;display:flex;flex-direction:column}.raid-header{background:#1a1a2ee6;border-radius:16px;padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.raid-boss-info{display:flex;flex-direction:column;gap:8px}.boss-name{font-size:18px;font-weight:700;color:#ff6b6b}.boss-hp-bar{width:200px;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;position:relative}.boss-hp-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);transition:width .5s ease;border-radius:12px}.boss-hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.raid-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#ffffffb3}.score-display{font-size:18px;font-weight:700;color:gold}.raid-question-card{flex:1;background:#24244299;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;width:100%}.round-indicator{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;color:#fff;margin-bottom:20px}.question-text{font-size:22px;font-weight:600;color:#fff;text-align:center;margin:0 0 30px;line-height:1.5}.answers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-bottom:30px}.answer-btn{padding:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:15px;cursor:pointer;transition:all .3s ease;text-align:left;display:flex;flex-direction:column;gap:8px}.answer-btn:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.answer-btn.selected{background:#667eea33;border-color:#667eea}.answer-btn.revealed{background:#10b98133;border-color:#10b981}.answer-btn:disabled{cursor:not-allowed;opacity:.7}.answer-text{font-weight:500}.answer-points{font-size:13px;color:#10b981;font-weight:700}.raid-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 40px;font-size:18px}.raid-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.round-result{text-align:center}.points-earned{font-size:28px;font-weight:800;color:#10b981;margin-bottom:16px;animation:popIn .5s ease}@keyframes popIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.auto-next-hint{font-size:14px;color:#ffffff80;animation:pulse 1s ease infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.raid-btn-next{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 40px;font-size:18px}.raid-result{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.raid-result.victory{background:linear-gradient(135deg,#0f3d0f,#1a1a2e,#0f3d0f)}.raid-result.defeat{background:linear-gradient(135deg,#3d0f0f,#1a1a2e,#3d0f0f)}.result-header{margin-bottom:30px}.result-icon{font-size:80px;margin-bottom:16px;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.result-title{font-size:36px;font-weight:900;margin:0}.result-score{background:#ffffff1a;padding:30px 50px;border-radius:20px;margin-bottom:30px}.score-label{font-size:14px;color:#fff9;margin-bottom:8px}.score-value{font-size:64px;font-weight:900;color:gold;line-height:1}.score-max{font-size:14px;color:#ffffff80;margin-top:8px}.result-story{max-width:600px;background:#ffffff0d;padding:24px;border-radius:16px;margin-bottom:30px;font-size:16px;line-height:1.6;color:#ffffffe6}.story-loading{color:#ffffff80}.result-improvement{background:#10b98133;border:1px solid rgba(16,185,129,.5);padding:12px 24px;border-radius:12px;margin-bottom:30px;color:#10b981;font-weight:600}.result-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.saving-indicator{margin-top:20px;color:#ffffff80;font-size:14px}@media (max-width: 768px){.raid-boss-title{font-size:32px}.raid-stats-row{gap:20px}.raid-header{flex-direction:column;align-items:stretch}.raid-progress{align-items:flex-start;flex-direction:row;justify-content:space-between}.boss-hp-bar{width:100%}.answers-grid{grid-template-columns:1fr}.question-text{font-size:18px}.result-score{padding:20px 30px}.score-value{font-size:48px}.result-actions{flex-direction:column;width:100%}.result-actions .raid-btn{width:100%}}.clan-wars-page{min-height:100vh;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:20px 20px 100px}.clan-wars-header{text-align:center;margin-bottom:30px;position:relative}.back-btn{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:#fff3}.clan-wars-title{font-size:32px;font-weight:800;color:#fff;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:12px}.title-icon{font-size:36px}.clan-wars-subtitle{font-size:16px;color:#fff9;margin:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:24px;margin:0 0 8px}.empty-state p{color:#fff9;margin:0}.top-three{display:flex;justify-content:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}.top-clan-card{background:#242442cc;border-radius:20px;padding:24px 20px;text-align:center;width:180px;cursor:pointer;transition:all .3s ease;position:relative;border:2px solid transparent}.top-clan-card:hover{transform:translateY(-5px)}.top-clan-card.top-1{border-color:gold;box-shadow:0 10px 40px #ffd7004d;order:2;transform:scale(1.1)}.top-clan-card.top-1:hover{transform:scale(1.1) translateY(-5px)}.top-clan-card.top-2{border-color:silver;box-shadow:0 8px 30px #c0c0c033;order:1}.top-clan-card.top-3{border-color:#cd7f32;box-shadow:0 8px 30px #cd7f3233;order:3}.top-clan-card.my-clan{background:#ff6b6b33}.top-rank{font-size:32px;margin-bottom:12px}.top-clan-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 12px;border:3px solid rgba(255,255,255,.2)}.top-clan-avatar img{width:100%;height:100%;object-fit:cover}.top-clan-name{font-size:16px;font-weight:700;color:#fff;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-clan-points{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}.top-clan-points .points-value{font-size:24px;font-weight:800;color:#ff6b6b}.top-clan-points .points-label{font-size:12px;color:#fff9}.top-clan-info{display:flex;justify-content:center;gap:12px;font-size:12px;color:#ffffffb3}.my-clan-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ff6b6b,#c92a2a);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;color:#fff}.other-clans{max-width:600px;margin:0 auto}.section-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 16px;padding-left:8px;border-left:3px solid #ff6b6b}.clans-list{display:flex;flex-direction:column;gap:12px}.clan-rank-card{display:flex;align-items:center;gap:14px;background:#24244299;border-radius:16px;padding:14px 18px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.clan-rank-card:hover{background:#242442cc;border-color:#fff3}.clan-rank-card.my-clan{background:#ff6b6b26;border-color:#ff6b6b4d}.rank-number{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.clan-rank-card .clan-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0}.clan-rank-card .clan-avatar img{width:100%;height:100%;object-fit:cover}.clan-rank-card .clan-info{flex:1;min-width:0}.clan-rank-card .clan-name{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-rank-card .clan-meta{display:flex;gap:12px;font-size:12px;color:#fff9}.clan-rank-card .clan-points{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.clan-rank-card .points-value{font-size:18px;font-weight:700;color:#ff6b6b}.clan-rank-card .points-label{font-size:11px;color:#ffffff80}.my-clan-indicator{font-size:20px;flex-shrink:0}.wars-info{max-width:600px;margin:40px auto 0;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:16px;padding:24px}.wars-info h3{font-size:16px;font-weight:700;color:#ff6b6b;margin:0 0 16px}.wars-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.wars-info li{font-size:14px;color:#fffc;line-height:1.5}@media (max-width: 768px){.clan-wars-header{padding-top:50px}.back-btn{position:relative;margin-bottom:16px}.clan-wars-title{font-size:26px}.top-three{flex-direction:column;align-items:center}.top-clan-card{width:100%;max-width:280px}.top-clan-card.top-1{order:1;transform:scale(1)}.top-clan-card.top-1:hover{transform:translateY(-5px)}.top-clan-card.top-2{order:2}.top-clan-card.top-3{order:3}.clan-rank-card{padding:12px 14px;gap:10px}.rank-number{width:32px;height:32px;font-size:12px}.clan-rank-card .clan-avatar{width:40px;height:40px}.clan-rank-card .clan-name{font-size:14px}.clan-rank-card .points-value{font-size:16px}}:root{--bg-primary: #1a1f3a;--bg-secondary: #232947;--bg-tertiary: #2d3454;--surface-dark: #2d3454;--surface-medium: #3a4369;--surface-light: #4a5578;--accent-primary: #7c6cff;--accent-secondary: #ff6b9d;--accent-success: #00d4aa;--accent-warning: #ffb347;--accent-gold: #ffd700;--accent-emerald: #50c878;--primary-color-rgb: 124, 108, 255;--gradient-primary: linear-gradient(135deg, #7c6cff 0%, #b794f6 100%);--gradient-secondary: linear-gradient(135deg, #ff6b9d 0%, #ffa8c5 100%);--gradient-success: linear-gradient(135deg, #00d4aa 0%, #5fead4 100%);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffed4e 100%);--text-primary: #f5f5ff;--text-secondary: #c5c9e0;--text-muted: #9ba0be;--border-color: rgba(124, 108, 255, .2);--border-hover: rgba(124, 108, 255, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15), 0 0 4px rgba(124, 108, 255, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2), 0 0 8px rgba(124, 108, 255, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .25), 0 0 16px rgba(124, 108, 255, .2);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .3), 0 0 24px rgba(124, 108, 255, .25);--shadow-primary: 0 4px 16px rgba(124, 108, 255, .3);--shadow-success: 0 4px 16px rgba(0, 212, 170, .3);--shadow-gold: 0 4px 16px rgba(255, 215, 0, .3);--radius-sm: 16px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-2xl: 48px;--radius-full: 50%;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-primary: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 48px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #e8ecf1;--surface-dark: #ffffff;--surface-medium: #f8f9fa;--surface-light: #e9ecef;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #7a7a8a;--border-color: rgba(0, 0, 0, .1);--border-hover: rgba(0, 0, 0, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-base)}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);background:var(--surface-dark);color:var(--text-primary);transition:all var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6c63ff33}select option{background:var(--surface-dark);color:var(--text-primary);padding:var(--space-sm)}select option:hover,select option:focus,select option:checked{background:var(--surface-medium);color:var(--text-primary)}.card{background:var(--surface-dark);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-color)}.card:hover{box-shadow:var(--shadow-lg),0 0 20px #7c6cff33;transform:translateY(-4px);border-color:var(--border-hover)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}