@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.referral-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.referral-modal{background:#1a1a2e;border:1px solid #ffffff14;border-radius:20px;width:92%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.referral-modal::-webkit-scrollbar{width:6px}.referral-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.referral-modal::-webkit-scrollbar-thumb{background:#6c63ff;border-radius:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.referral-close{cursor:pointer;color:#888;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:15px;right:20px}.referral-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.referral-header{text-align:center;margin-bottom:1.5rem}.referral-header h2{color:#fff;margin-bottom:.3rem;font-size:1.8rem}.referral-header p{color:#aaa;font-size:1rem}.referral-header p strong{color:gold}.referral-loading{text-align:center;padding:2rem 0}.referral-loading .loader{border:3px solid #ffffff1a;border-top-color:#6c63ff;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.referral-loading p{color:#888}.referral-error{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:10px;padding:1rem}.referral-code-section{margin-bottom:1.2rem}.referral-code-section label{color:#aaa;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.referral-code-box{background:#ffffff0d;border:2px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:.8rem 1rem;display:flex}.referral-code{color:gold;letter-spacing:2px;flex:1;font-family:monospace;font-size:1.4rem;font-weight:700}.copy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.copy-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #6c63ff66}.share-section{margin-bottom:1.2rem}.share-section label{color:#aaa;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.share-buttons{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.share-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;padding:.6rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s}.share-btn:hover{transform:translateY(-2px)}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{box-shadow:0 4px 15px #25d36666}.share-btn.telegram{background:#08c}.share-btn.telegram:hover{box-shadow:0 4px 15px #08c6}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{box-shadow:0 4px 15px #1da1f266}.share-btn.copy-link{background:#6c63ff}.share-btn.copy-link:hover{box-shadow:0 4px 15px #6c63ff66}.referral-link-section{margin-bottom:1.2rem}.referral-link-section label{color:#aaa;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.referral-link-box{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:.6rem 1rem;display:flex}.referral-link{color:#aaa;word-break:break-all;flex:1;font-family:monospace;font-size:.8rem}.copy-link-btn{color:#888;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;padding:.3rem .6rem;font-size:1.2rem;transition:all .2s}.copy-link-btn:hover{color:#fff;background:#ffffff1a}.referral-stats{margin-bottom:1.2rem}.referral-stats h3{color:#fff;margin-bottom:.8rem;font-size:1rem}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:12px;padding:.8rem}.stat-value{color:#fff;font-size:1.4rem;font-weight:700;display:block}.stat-label{color:#888;margin-top:2px;font-size:.7rem;display:block}.how-it-works{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:1.2rem;padding:1rem}.how-it-works h3{color:#fff;margin-bottom:.8rem;font-size:1rem}.steps{flex-direction:column;gap:.6rem;display:flex}.step{align-items:center;gap:12px;display:flex}.step-number{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}.step-text{color:#ccc;font-size:.9rem}.step-text strong{color:gold}.total-reward{text-align:center;color:#aaa;border-top:1px solid #ffffff0f;margin-top:.8rem;padding-top:.8rem;font-size:.95rem}.total-reward strong{color:gold}.recent-referrals h3{color:#fff;margin-bottom:.8rem;font-size:1rem}.referral-list{flex-direction:column;gap:.5rem;display:flex}.referral-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .8rem;display:flex}.ref-username{color:#ccc;font-weight:500}.ref-status{font-size:.8rem;font-weight:600}.ref-status.completed{color:#51cf66}.ref-status.registered{color:#ffd93d}.ref-status.pending{color:#888}@media (width<=600px){.referral-modal{max-width:95%;padding:1.5rem}.referral-header h2{font-size:1.4rem}.share-buttons{grid-template-columns:1fr 1fr;gap:.5rem}.share-btn{padding:.5rem;font-size:.75rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-value,.referral-code{font-size:1.1rem}.step-text{font-size:.8rem}}@media (width<=400px){.referral-modal{border-radius:14px;padding:1rem}.referral-code-box{flex-direction:column;gap:8px;padding:.6rem}.copy-btn{text-align:center;width:100%}.share-buttons{grid-template-columns:1fr 1fr}.referral-link-box{flex-direction:column;gap:6px}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:.4rem}.stat-card{padding:.5rem}.stat-value{font-size:.95rem}}.friend-modal-overlay{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.4s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.friend-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(165deg,#0a0a1ef7,#141432fa);border:1px solid #6c63ff14;border-radius:28px;width:100%;max-width:560px;max-height:85vh;padding:28px 30px 32px;animation:.4s cubic-bezier(.25,.46,.45,.94) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009,inset 0 1px #6c63ff0d}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.friend-modal::-webkit-scrollbar{width:5px}.friend-modal::-webkit-scrollbar-track{background:0 0}.friend-modal::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.friend-modal::-webkit-scrollbar-thumb:hover{background:#6c63ff80}.friend-modal-close{cursor:pointer;color:#ffffff40;z-index:10;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .25s;display:flex;position:absolute;top:16px;right:18px}.friend-modal-close:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.friend-modal-header{text-align:center;margin-bottom:24px;padding-top:4px}.friend-modal-header h2{color:#fff;background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.friend-modal-header .subtitle{color:#ffffff4d;-webkit-text-fill-color:#ffffff4d;margin-top:4px;font-size:14px}.friend-tabs{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;gap:6px;margin-bottom:20px;padding:4px;display:flex}.friend-tabs .tab-btn{color:#ffffff59;cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .25s}.friend-tabs .tab-btn:hover{color:#fff9;background:#ffffff08}.friend-tabs .tab-btn.active{color:#fff;background:#6c63ff26;box-shadow:0 2px 15px #6c63ff0d}.friend-tabs .tab-btn .tab-count{color:#818cf8;background:#6c63ff26;border-radius:12px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.friend-tabs .tab-btn.active .tab-count{color:#a78bfa;background:#6c63ff40}.friend-list{flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.friend-list::-webkit-scrollbar{width:4px}.friend-list::-webkit-scrollbar-thumb{background:#6c63ff40;border-radius:10px}.friend-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex;position:relative}.friend-item:hover{background:#6c63ff0a;border-color:#6c63ff14;transform:translate(4px)}.friend-item.clickable{cursor:pointer}.friend-item .friend-click-area{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.friend-item .friend-actions-area{flex-shrink:0;gap:6px;display:flex}.friend-avatar{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 15px #6c63ff26}.friend-item:hover .friend-avatar{transform:scale(1.05);box-shadow:0 6px 25px #6c63ff33}.friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{color:#fff;letter-spacing:-.2px;font-size:15px;font-weight:600;transition:color .2s}.friend-item:hover .friend-name{color:#a78bfa}.friend-status{color:#ffffff4d;align-items:center;gap:4px;font-size:12px;display:flex}.friend-status.online{color:#51cf66}.friend-status.offline{color:#fff3}.friend-status.pending{color:#ffd93d}.friend-status .status-dot{border-radius:50%;width:7px;height:7px;margin-right:2px;display:inline-block}.friend-status.online .status-dot{background:#51cf66;box-shadow:0 0 10px #51cf664d}.friend-status.offline .status-dot{background:#ffffff26}.friend-status.pending .status-dot{background:#ffd93d;box-shadow:0 0 10px #ffd93d33}.friend-stats{color:#ffffff40;font-size:12px}.friend-actions{flex-shrink:0;gap:6px;display:flex}.friend-action-btn{cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.friend-action-btn.accept{color:#51cf66;background:#51cf661f}.friend-action-btn.accept:hover{background:#51cf6633;transform:scale(1.02)}.friend-action-btn.reject{color:#ff6b6b;background:#ff6b6b14}.friend-action-btn.reject:hover{background:#ff6b6b26;transform:scale(1.02)}.friend-action-btn.add{color:#818cf8;background:#6c63ff1f;padding:6px 18px}.friend-action-btn.add:hover:not(:disabled){background:#6c63ff38;transform:scale(1.02)}.friend-action-btn.add:disabled{opacity:.4;cursor:not-allowed;transform:none}.friend-action-btn.unfriend{color:#ff6b6b80;background:#ff6b6b0f;padding:6px 14px}.friend-action-btn.unfriend:hover{color:#ff6b6b;background:#ff6b6b1f;transform:scale(1.02)}.friend-action-btn.view-profile{color:#6c63ff66;background:#6c63ff0f;padding:6px 12px;font-size:11px}.friend-action-btn.view-profile:hover{color:#818cf8;background:#6c63ff1f;transform:scale(1.02)}.friend-empty{text-align:center;color:#fff3;padding:40px 20px}.friend-empty .empty-icon{margin-bottom:12px;font-size:48px;display:block}.friend-empty p{margin:4px 0;font-size:15px}.friend-empty .empty-sub{color:#ffffff26;font-size:13px}.friend-search{flex-direction:column;gap:14px;display:flex}.friend-search-input{color:#fff;background:#ffffff0a;border:2px solid #ffffff0f;border-radius:14px;outline:none;padding:14px 18px;font-size:15px;font-weight:400;transition:all .25s}.friend-search-input:focus{background:#6c63ff0a;border-color:#6c63ff;box-shadow:0 0 30px #6c63ff08}.friend-search-input::placeholder{color:#ffffff26}.search-results-list{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:#6c63ff33;border-radius:10px}.search-result-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .2s;display:flex}.search-result-item:hover{background:#6c63ff0a;border-color:#6c63ff0f}.friend-error{color:#ff6b6b;text-align:center;background:#ff6b6b0f;border:1px solid #ff6b6b14;border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:13px}.friend-success{color:#51cf66;text-align:center;background:#51cf660f;border:1px solid #51cf6614;border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:13px}@media (width<=480px){.friend-modal{border-radius:20px;max-width:100%;max-height:92vh;padding:20px 16px 24px}.friend-modal-header h2{font-size:22px}.friend-tabs .tab-btn{padding:8px 10px;font-size:12px}.friend-item{flex-wrap:wrap;gap:10px;padding:10px 12px}.friend-item .friend-click-area{flex:100%;gap:10px}.friend-item .friend-actions-area{justify-content:flex-end;width:100%;padding-left:54px}.friend-avatar{width:38px;height:38px;font-size:15px}.friend-name{font-size:14px}.friend-action-btn{padding:5px 12px;font-size:11px}.friend-modal-close{width:34px;height:34px;font-size:17px;top:12px;right:14px}.friend-search-input{padding:12px 14px;font-size:14px}}:root{--navbar-height:64px;--navbar-bg:#0a0a1299;--navbar-blur:32px;--text-primary:#fff;--text-secondary:#ffffffbf;--text-muted:#ffffff59;--accent:#6c63ff;--accent-glow:#6c63ff26;--transition-speed:.3s;--radius:10px}.navbar{width:100%;max-width:100%;height:var(--navbar-height);box-shadow:none;transition:all var(--transition-speed) ease;border-bottom:1px solid #ffffff0a;align-items:center;padding:0 24px;display:flex;position:sticky;top:0;left:0;right:0;overflow:visible;-webkit-backdrop-filter:blur(var(--navbar-blur))!important;z-index:9999!important;background:0 0!important}.navbar.dropdown-open{background:#0a0a124d!important}.navbar-container{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1400px;height:100%;margin:0 auto;display:flex}.navbar-brand{white-space:nowrap;transition:opacity var(--transition-speed) ease;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navbar-brand:hover{opacity:.85}.brand-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:36px;height:36px}.brand-text{color:#fff;letter-spacing:-.3px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700}.search-wrapper{flex:1;min-width:140px;max-width:320px;position:relative}.search-container{align-items:center;width:100%;display:flex;position:relative}.search-input{width:100%;color:var(--text-primary);transition:all var(--transition-speed) ease;background:#ffffff14;border:1.5px solid #ffffff14;outline:none;height:40px;padding:8px 44px 8px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;border-radius:50px!important}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#ffffff1f}.search-icon-svg{width:18px;height:18px;color:var(--text-muted);pointer-events:none;transition:color var(--transition-speed) ease;position:absolute;right:14px}.search-input:focus~.search-icon-svg{color:var(--accent)}.search-results{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius);background:#101020fa;border:1px solid #ffffff0a;max-height:280px;padding:6px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 60px #0009;z-index:10000!important}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.search-result-item{cursor:pointer;transition:all var(--transition-speed) ease;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.search-result-item:hover{background:#ffffff14}.search-avatar{object-fit:cover;border:2px solid #ffffff0f;border-radius:50%;width:32px;height:32px}.search-avatar-placeholder{background:var(--accent-glow);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.search-user-info{flex-direction:column;display:flex;overflow:hidden}.search-username{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.search-stats{color:var(--text-muted);font-size:11px}.search-no-results{text-align:center;color:var(--text-muted);padding:12px;font-size:13px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-menu{flex-shrink:0;align-items:center;gap:2px;display:flex;overflow:visible}.nav-link{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;letter-spacing:-.2px;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:6px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;background:0 0!important}.nav-link .nav-icon{transition:transform var(--transition-speed) ease;font-size:16px;line-height:1}.nav-link .nav-label{transition:color var(--transition-speed) ease}.nav-link:hover{color:var(--text-primary);background:#ffffff14}.nav-link:hover .nav-icon{transform:scale(1.05)}.nav-link.active{color:var(--text-primary);background:#ffffff14}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-wrapper .dropdown-menu{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius);opacity:0;visibility:hidden;pointer-events:none;background:#101020fa;border:1px solid #ffffff0f;min-width:200px;padding:6px;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1),visibility .25s;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(-10px)scale(.95);box-shadow:0 20px 60px #0009;z-index:10000!important}.dropdown-wrapper .dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)scale(1)}.dropdown-btn{height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;display:flex}.dropdown-btn:hover,.dropdown-btn.active{color:var(--text-primary);background:#ffffff14}.dropdown-arrow-svg{width:14px;height:14px;color:var(--text-muted);transition:all var(--transition-speed) ease;flex-shrink:0}.dropdown-arrow-svg.rotated{color:var(--text-primary);transform:rotate(180deg)}.dropdown-item{color:var(--text-secondary);transition:all var(--transition-speed) ease;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex}.dropdown-item .dropdown-icon{font-size:16px;line-height:1}.dropdown-item:hover{color:var(--text-primary);background:#ffffff14}.dropdown-item.logout-item{color:#ff6b6b}.dropdown-item.logout-item:hover{background:#ff6b6b1f}.dropdown-divider{border:none;border-top:1px solid #ffffff0f;margin:4px 8px}.profile-dropdown{min-width:180px;left:auto;right:0;transform:translateY(-10px)scale(.95)!important}.profile-dropdown.open{transform:translateY(0)scale(1)!important}.user-avatar{background:var(--accent-glow);width:32px;height:32px;color:var(--accent);transition:border-color var(--transition-speed) ease;border:2px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex;overflow:hidden}.profile-btn:hover .user-avatar{border-color:#ffffff26}.navbar-avatar-img{object-fit:cover;width:100%;height:100%}.username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;font-weight:500;overflow:hidden}.gems-badge{background:var(--accent-glow);color:var(--accent);white-space:nowrap;border:1px solid #6c63ff14;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.profile-btn{gap:8px;padding:2px 10px 2px 2px}.nav-link.battle-btn{color:gold!important}.nav-link.battle-btn .nav-icon{color:gold}.nav-link.battle-btn:hover,.nav-link.battle-btn.active{background:#ffd7001f!important}.nav-link.admin-link{color:#ff6b6b}.nav-link.admin-link:hover,.nav-link.admin-link.active{background:#ff6b6b1f}.nav-link.register-btn{border-radius:8px;height:36px;padding:6px 18px;font-weight:600;background:linear-gradient(135deg, var(--accent), #5a52d5)!important;color:#fff!important}.nav-link.register-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c63ff59}.mobile-menu-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) ease;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:none}.mobile-menu-btn svg{stroke-width:2px;stroke:currentColor;fill:none;width:24px;height:24px}.mobile-menu-btn:hover{color:var(--text-primary);background:#ffffff14}@media (width<=1200px){.navbar{padding:0 20px}.search-wrapper{max-width:220px}}@media (width<=1024px){.navbar{padding:0 16px}.search-wrapper{max-width:180px}.nav-link .nav-label{display:none}.nav-link .nav-icon{font-size:18px}.nav-link{padding:6px 10px}.battle-btn .nav-label,.dropdown-btn .nav-label{display:inline}.brand-text{font-size:16px}.brand-logo{width:30px;height:30px}}@media (width<=768px){:root{--navbar-height:58px}.navbar{padding:0 14px;-webkit-backdrop-filter:blur(18px)saturate(180%)!important;background:#0a0a12d9!important}.navbar-brand{gap:8px}.brand-text{font-size:15px}.brand-logo{width:28px;height:28px}.mobile-menu-btn{display:flex}.search-wrapper{min-width:100px;max-width:180px}.search-input{height:38px;padding:8px 38px 8px 14px;font-size:13px}.search-icon-svg{width:17px;height:17px;right:12px}.navbar-menu{top:var(--navbar-height);border-bottom:1px solid #ffffff0a;flex-direction:column;gap:6px;width:100%;height:auto;max-height:100vh;padding:16px 20px 24px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards mobileMenuSlide;position:fixed;bottom:0;left:0;right:0;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(18px)saturate(180%)!important;z-index:9999!important;background:linear-gradient(135deg,#0a0a12 0%,#0d0d2b 30%,#12123a 60%,#18184a 85%,#1a1a5a 100%)!important;display:none!important;overflow:visible!important}.navbar-menu.active{height:auto;min-height:100vh;background:linear-gradient(135deg,#0a0a12 0%,#0d0d2b 30%,#12123a 60%,#18184a 85%,#1a1a5a 100%)!important;display:flex!important;overflow-y:visible!important}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-link,.dropdown-btn{text-align:center;border-radius:10px;gap:12px;width:100%;height:auto;padding:12px 16px;font-size:15px;color:var(--text-primary)!important;background:#ffffff0a!important;justify-content:center!important}.nav-link:hover,.dropdown-btn:hover{background:#ffffff14!important}.nav-link .nav-label{font-size:15px;color:var(--text-primary)!important;display:inline!important}.nav-link .nav-icon{text-align:center;width:28px;font-size:20px}.dropdown-wrapper{width:100%}.dropdown-btn{padding:12px 16px;justify-content:center!important}.dropdown-btn .nav-label{font-size:15px;color:var(--text-primary)!important;display:inline!important}.dropdown-menu{width:100%;box-shadow:none;border:1px solid #ffffff14;border-radius:10px;margin-top:4px;padding:4px;opacity:1!important;visibility:visible!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(18px)saturate(180%)!important;background:linear-gradient(135deg,#0a0a12e6 0%,#0d0d2be6 30%,#12123ae6 60%,#18184ae6 85%,#1a1a5ae6 100%)!important;max-height:none!important;animation:none!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.dropdown-wrapper:hover .dropdown-menu{transform:none!important}.dropdown-item{text-align:center;border-radius:8px;gap:12px;padding:10px 14px;font-size:14px;color:var(--text-primary)!important;background:#ffffff08!important;justify-content:center!important}.dropdown-item:hover{background:#ffffff14!important}.dropdown-item .dropdown-icon{text-align:center;width:24px;font-size:18px}.dropdown-item.logout-item{color:#ff6b6b!important}.dropdown-item.logout-item:hover{background:#ff6b6b1f!important}.dropdown-divider{border-color:#ffffff0f;margin:4px 8px}.profile-dropdown{min-width:100%}.profile-btn{border-radius:10px;padding:10px 14px;color:var(--text-primary)!important;background:#ffffff0a!important;justify-content:center!important}.profile-btn:hover{background:#ffffff14!important}.user-avatar{width:32px;height:32px;font-size:13px}.username{max-width:80px;font-size:14px;color:var(--text-primary)!important}.gems-badge{background:var(--accent-glow);color:var(--accent);padding:2px 8px;font-size:11px}.profile-btn .dropdown-arrow-svg{width:18px;height:18px;color:var(--text-muted)}.search-results{top:calc(var(--navbar-height) + 8px);max-height:200px;position:fixed;left:12px;right:12px;z-index:10000!important}.nav-link.register-btn{border-radius:10px;justify-content:center;width:100%;height:auto;margin-top:4px;padding:12px;font-size:15px;background:linear-gradient(135deg, var(--accent), #5a52d5)!important;color:#fff!important}.nav-link.register-btn:hover{background:linear-gradient(135deg,#7a73ff,#6a62e5)!important}}@media (width<=480px){:root{--navbar-height:52px}.navbar{padding:0 10px;-webkit-backdrop-filter:blur(18px)saturate(180%)!important}.brand-text{font-size:13px}.brand-logo{width:24px;height:24px}.search-wrapper{min-width:80px;max-width:130px}.search-input{height:34px;padding:6px 32px 6px 10px;font-size:12px}.search-icon-svg{width:15px;height:15px;right:10px}.navbar-menu{top:var(--navbar-height);padding:12px 14px 20px;-webkit-backdrop-filter:blur(18px)saturate(180%)!important;background:linear-gradient(135deg,#0a0a12 0%,#0d0d2b 30%,#12123a 60%,#18184a 85%,#1a1a5a 100%)!important}.navbar-menu.active{background:linear-gradient(135deg,#0a0a12 0%,#0d0d2b 30%,#12123a 60%,#18184a 85%,#1a1a5a 100%)!important}.nav-link,.dropdown-btn{padding:10px 12px;font-size:14px}.nav-link .nav-label{font-size:14px}.nav-link .nav-icon{width:24px;font-size:18px}.dropdown-item{padding:8px 12px;font-size:13px}.dropdown-menu{-webkit-backdrop-filter:blur(18px)saturate(180%)!important;background:linear-gradient(135deg,#0a0a12f2 0%,#0d0d2bf2 30%,#12123af2 60%,#18184af2 85%,#1a1a5af2 100%)!important}.user-avatar{width:28px;height:28px;font-size:12px}.username{max-width:60px;font-size:13px}.gems-badge{padding:1px 6px;font-size:10px}.mobile-menu-btn svg{width:20px;height:20px}.search-results{top:calc(var(--navbar-height) + 6px);max-height:160px;left:8px;right:8px}.search-result-item{gap:6px;padding:6px 8px}.search-avatar{width:24px;height:24px}.search-username{font-size:12px}.search-stats{font-size:10px}.nav-link.register-btn{padding:10px;font-size:14px}}.footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080814e6;border-top:1px solid #ffffff0a;width:100%;margin-top:40px;padding:30px 20px 16px}.footer-container{flex-direction:column;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{text-align:center}.footer-logo{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:900}.footer-tagline{color:#ffffff4d;margin-top:2px;font-size:12px}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-link{color:#ffffff80;padding:4px 0;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.footer-link:hover{color:#00d4ff}.footer-link:after{content:"";background:linear-gradient(90deg,#00d4ff,#7b2ffc);width:0;height:1px;transition:width .3s;position:absolute;bottom:0;left:0}.footer-link:hover:after{width:100%}.footer-bottom{text-align:center;border-top:1px solid #ffffff0a;width:100%;padding-top:12px}.footer-bottom p{color:#fff3;font-size:12px}@media (width<=768px){.footer{padding:24px 16px 12px}.footer-links{gap:12px}.footer-link{font-size:12px}.footer-logo{font-size:18px}}@media (width<=480px){.footer-links{flex-direction:column;align-items:center;gap:8px}.footer-link{padding:6px 0;font-size:13px}}.invite-notification{z-index:10000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#141432f7,#0a0a1efc);border:1px solid #6c63ff33;border-radius:16px;min-width:300px;max-width:380px;padding:16px 20px;animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight;position:fixed;top:80px;right:20px;box-shadow:0 20px 60px #0009}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.invite-notification.slide-in{animation:.4s cubic-bezier(.34,1.56,.64,1) slideInRight}.invite-content{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.invite-icon{flex-shrink:0;margin-top:2px;font-size:28px}.invite-text{color:#ffffffe6;flex:1;font-size:14px;line-height:1.5}.invite-text strong{color:#6c63ff;font-weight:700}.invite-details{color:#fff6;margin-top:2px;font-size:12px;display:block}.invite-actions{gap:8px;margin-left:40px;display:flex}.invite-btn.accept{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.invite-btn.accept:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #00b8944d}.invite-btn.decline{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff0f}.invite-btn.decline:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.invite-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.invite-close{color:#fff3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:4px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:8px;right:10px}.invite-close:hover{color:#fff;background:#ffffff0d}@media (width<=480px){.invite-notification{min-width:0;max-width:none;padding:14px 16px;top:70px;left:10px;right:10px}.invite-actions{flex-wrap:wrap;margin-left:40px}.invite-btn{text-align:center;flex:1;padding:8px 12px}.invite-text{font-size:13px}}.team-modal-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.35s fadeIn;display:flex;position:fixed;inset:0}.team-modal{background:linear-gradient(165deg,#141432f7,#0a0a1efc);border:1px solid #ffffff0f;border-radius:28px;width:100%;max-width:540px;max-height:92vh;padding:2.5rem 2.5rem 2rem;animation:.45s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow:hidden auto;box-shadow:0 40px 100px #0009}.team-modal::-webkit-scrollbar{width:4px}.team-modal::-webkit-scrollbar-track{background:0 0}.team-modal::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:10px}.team-modal-close{cursor:pointer;color:#ffffff40;z-index:2;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:300;transition:all .35s;display:flex;position:absolute;top:18px;right:20px}.team-modal-close:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.team-modal .modal-header{text-align:center;margin-bottom:2rem;padding-top:4px}.team-modal .modal-header .icon-wrapper{background:linear-gradient(135deg,#6c63ff26,#00b8941a);border:1px solid #6c63ff14;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;display:inline-flex}.team-modal .modal-header .icon-wrapper .icon{font-size:34px}.team-modal .modal-header h2{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 60%,#fff9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800}.team-modal .modal-header p{color:#ffffff59;letter-spacing:.3px;margin:0;font-size:14px}.pending-invites-section{background:#6c63ff0d;border:1px solid #6c63ff1a;border-radius:12px;margin-bottom:16px;padding:12px 16px}.pending-invites-section h4{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600}.pending-invite-item{background:#ffffff08;border:1px solid #6c63ff14;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pending-invite-item:last-child{margin-bottom:0}.invite-info{flex-direction:column;flex:1;gap:2px;display:flex}.invite-from{color:#fff;font-size:14px}.invite-from strong{color:#6c63ff}.invite-room{color:#fff6;font-size:12px}.invite-players{color:#ffffff4d;font-size:11px}.invite-actions{flex-shrink:0;gap:6px;display:flex}.invite-btn{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .3s}.invite-btn.accept-invite{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.invite-btn.accept-invite:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #00b8944d}.invite-btn.accept-invite:disabled{opacity:.5;cursor:not-allowed}.invite-btn.decline-invite{color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff0f}.invite-btn.decline-invite:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.invite-btn.decline-invite:disabled{opacity:.5;cursor:not-allowed}.team-options{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:1.4rem;display:grid}.team-option{text-align:center;cursor:default;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;padding:1.6rem 1.2rem 1.4rem;transition:all .35s;position:relative;overflow:hidden}.team-option:before{content:"";opacity:0;background:linear-gradient(135deg,#6c63ff08,#00b89405);transition:opacity .35s;position:absolute;inset:0}.team-option:hover:before{opacity:1}.team-option:hover{border-color:#6c63ff33;transform:translateY(-3px);box-shadow:0 12px 40px #0003}.team-option .opt-icon{z-index:1;margin-bottom:8px;font-size:28px;display:block;position:relative}.team-option h3{color:#fff;z-index:1;margin:0 0 3px;font-size:16px;font-weight:700;position:relative}.team-option .opt-desc{color:#ffffff59;z-index:1;margin:0 0 14px;font-size:12px;line-height:1.4;position:relative}.team-option .btn{cursor:pointer;z-index:1;letter-spacing:.3px;border:none;border-radius:12px;width:100%;padding:10px 0;font-size:13px;font-weight:700;transition:all .35s;position:relative}.team-option .btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);box-shadow:0 4px 16px #6c63ff33}.team-option .btn-primary:hover:not(:disabled){transform:scale(1.03);box-shadow:0 8px 32px #6c63ff59}.team-option .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.join-wrapper{flex-direction:column;gap:10px;display:flex}.join-wrapper .join-label{color:#ffffff40;text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:600}.join-room-input{align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.join-room-input input{color:#fff!important;letter-spacing:1.5px!important;text-transform:uppercase!important;background:#ffffff0d!important;border:2px solid #ffffff1a!important;border-radius:12px!important;outline:none!important;flex:1!important;width:100%!important;min-width:0!important;padding:12px 16px!important;font-family:monospace!important;font-size:16px!important;font-weight:600!important}.join-room-input input:focus{background:#ffffff14!important;border-color:#6c63ff!important;box-shadow:0 0 0 4px #6c63ff1a!important}.join-room-input input::placeholder{color:#fff3!important;letter-spacing:0!important;text-transform:none!important;font-family:inherit!important;font-weight:400!important}.join-room-input .btn-secondary{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#6c63ff,#5a52d5)!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;min-width:80px!important;padding:12px 24px!important;font-size:14px!important;font-weight:700!important}.join-room-input .btn-secondary:hover:not(:disabled){transform:scale(1.02)!important;box-shadow:0 4px 20px #6c63ff4d!important}.join-room-input .btn-secondary:disabled{opacity:.5!important;cursor:not-allowed!important}.team-modal .auth-error{color:#ff6b6b;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff6b6b0f;border:1px solid #ff6b6b1a;border-radius:12px;margin-bottom:1rem;padding:12px 16px;font-size:13px}.team-info{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;margin-top:6px;padding:14px 18px}.team-info .info-row{align-items:center;gap:10px;padding:4px 0;display:flex}.team-info .info-row .info-icon{text-align:center;flex-shrink:0;width:22px;font-size:14px}.team-info .info-row p{color:#ffffff59;margin:0;font-size:13px;line-height:1.5}.team-info .info-row p strong{color:gold;font-weight:600}.team-lobby{padding:0}.team-lobby .lobby-header{text-align:center;margin-bottom:1.4rem}.team-lobby .lobby-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.team-lobby .lobby-header p{color:#ffffff4d;margin:2px 0 0;font-size:13px}.room-code-section{text-align:center;margin-bottom:1.4rem}.room-code-section .label{color:#fff3;text-transform:uppercase;letter-spacing:2.5px;font-size:10px;font-weight:700}.room-code-display{background:#ffd7000a;border:1.5px solid #ffd70014;border-radius:14px;justify-content:center;align-items:center;gap:14px;max-width:100%;margin-top:4px;padding:12px 24px;display:flex;overflow:hidden}.room-code-display .code{color:gold;letter-spacing:4px;word-break:break-all;font-family:Courier New,monospace;font-size:24px;font-weight:800}.room-code-display .copy-btn{color:#ffffff4d;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:none;border-radius:8px;flex-shrink:0;padding:4px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .3s}.room-code-display .copy-btn:hover{color:#fff;background:#ffffff14}.players-list{margin:0 0 1.2rem}.players-list .players-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.players-list .players-header h4{color:#ffffff4d;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:11px;font-weight:600}.players-list .players-header .count{color:#ffffff26;font-size:11px}.player-item{background:#ffffff05;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 14px;transition:all .25s;display:flex}.player-item:hover{background:#ffffff0a}.player-item .player-name{color:#fffc;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.player-item .player-name .host-badge{color:gold;text-transform:uppercase;letter-spacing:.5px;background:#ffd7001f;border-radius:4px;padding:1px 10px;font-size:8px;font-weight:700}.player-item .player-status{color:#51cf6680;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.player-item .player-status.waiting{color:#ffffff26}.invite-section{margin:.8rem 0;position:relative}.invite-toggle-btn{color:#6c63ff;cursor:pointer;background:#6c63ff14;border:1px solid #6c63ff26;border-radius:10px;width:100%;padding:10px;font-size:14px;font-weight:600;transition:all .3s}.invite-toggle-btn:hover{background:#6c63ff26}.invite-dropdown{z-index:10;background:#101020fa;border:1px solid #ffffff0f;border-radius:12px;max-height:200px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0006}.invite-dropdown::-webkit-scrollbar{width:4px}.invite-dropdown::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.invite-empty{text-align:center;color:#ffffff4d;padding:16px;font-size:13px}.invite-empty p{margin:2px 0}.invite-list{flex-direction:column;gap:4px;display:flex}.invite-item{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.invite-item:hover{background:#ffffff08}.invite-friend-name{color:#fffc;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.invite-badge.online{color:#51cf66;background:#51cf661a;border-radius:4px;padding:1px 8px;font-size:10px}.invite-badge.in-room{color:#ffd93d;background:#ffd93d1a;border-radius:4px;padding:1px 8px;font-size:10px}.invite-friend-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:6px;padding:4px 16px;font-size:12px;font-weight:600;transition:all .3s}.invite-friend-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 4px 15px #6c63ff4d}.invite-friend-btn.disabled{color:#fff3;cursor:not-allowed;background:#ffffff0d}.invite-message{text-align:center;color:#51cf66;margin-top:4px;padding:6px 0;font-size:13px}.invite-message.error{color:#ff6b6b}.share-buttons{gap:10px;margin-bottom:1.2rem;display:flex}.share-buttons .share-btn{cursor:pointer;text-align:center;letter-spacing:.2px;border:none;border-radius:12px;flex:1;padding:10px 8px;font-size:12px;font-weight:600;transition:all .35s}.share-buttons .share-btn.whatsapp{color:#25d366;background:#25d3661a}.share-buttons .share-btn.whatsapp:hover{background:#25d36633;transform:scale(1.02)}.share-buttons .share-btn.copy-link{color:#6c63ff;background:#6c63ff14}.share-buttons .share-btn.copy-link:hover{background:#6c63ff2e;transform:scale(1.02)}.share-buttons .share-btn.refresh{color:#fff3;background:#ffffff08;flex:.25;justify-content:center;align-items:center;font-size:16px;display:flex}.share-buttons .share-btn.refresh:hover{background:#ffffff0f;transform:rotate(45deg)}.lobby-actions{flex-direction:column;gap:10px;display:flex}.lobby-actions .btn-start{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#00b894,#00a381);border:none;border-radius:14px;padding:14px;font-size:16px;font-weight:700;transition:all .35s;box-shadow:0 4px 20px #00b89426}.lobby-actions .btn-start:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 40px #00b8944d}.lobby-actions .btn-start:disabled{opacity:.25;cursor:not-allowed;box-shadow:none;transform:none!important}.lobby-actions .btn-leave{color:#fff3;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;padding:11px;font-size:13px;font-weight:500;transition:all .35s}.lobby-actions .btn-leave:hover{color:#e74c3c99;background:#e74c3c0f;border-color:#e74c3c1a}.waiting-text{text-align:center;color:#ffffff40;padding:10px 0 6px;font-size:14px}.waiting-text strong{color:#ffffff80;font-weight:600}@media (width<=640px){.team-modal{border-radius:20px;max-width:100%;padding:1.8rem 1.5rem 1.5rem}.team-options{grid-template-columns:1fr;gap:12px}.team-option{padding:1.2rem 1rem}.team-modal .modal-header h2{font-size:22px}.team-modal .modal-header .icon-wrapper{width:56px;height:56px}.team-modal .modal-header .icon-wrapper .icon{font-size:28px}.join-room-input{flex-direction:column;width:100%}.join-room-input input{width:100%;padding:12px 14px;font-size:16px}.join-room-input .btn-secondary{width:100%;padding:12px;font-size:15px}.team-info .info-row{gap:8px}.team-info .info-row p{font-size:12px}.room-code-display{flex-wrap:wrap;padding:10px 16px}.room-code-display .code{letter-spacing:2px;word-break:break-all;text-align:center;font-size:18px}.share-buttons{flex-wrap:wrap}.share-buttons .share-btn{flex:calc(50% - 5px);min-width:70px}.share-buttons .share-btn.refresh{flex:0 0 44px}.pending-invite-item{flex-direction:column;align-items:stretch;gap:8px}.invite-actions{justify-content:flex-end}}@media (width<=400px){.team-modal{border-radius:16px;padding:1.2rem 1rem 1rem}.team-modal .modal-header h2{font-size:19px}.team-modal .modal-header .icon-wrapper{width:48px;height:48px}.team-modal .modal-header .icon-wrapper .icon{font-size:24px}.team-option h3{font-size:14px}.team-option .opt-desc{font-size:11px}.team-option{padding:1rem .8rem}.join-room-input input{padding:10px 12px;font-size:14px}.join-room-input .btn-secondary{padding:10px;font-size:13px}.room-code-display .code{letter-spacing:1.5px;font-size:15px}.room-code-display{padding:8px 12px}.room-code-display .copy-btn{padding:3px 10px;font-size:10px}.player-item{padding:6px 10px;font-size:13px}.lobby-actions .btn-start{padding:12px;font-size:14px}.team-info .info-row p{font-size:11px}.team-info{padding:10px 14px}}.no-invites-message{text-align:center;color:#ffffff26;border-bottom:1px solid #ffffff08;margin-bottom:8px;padding:8px 0;font-size:13px}.home-container{opacity:0;max-width:1400px;margin:0 auto;padding:20px 40px;transition:all 1.8s cubic-bezier(.16,1,.3,1);transform:translateY(80px)}.home-container.visible{opacity:1;transform:translateY(0)}.offer-section,.how-to-play-section,.stats-section,.cta-section{opacity:0;transition:all 1.2s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.offer-section.visible,.how-to-play-section.visible,.stats-section.visible,.cta-section.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;color:#fff;letter-spacing:-.5px;margin-bottom:40px;font-size:36px;font-weight:700}.section-title-highlight{background:linear-gradient(135deg,#6c63ff,#a89bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-section{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);isolation:isolate;background:#0c0c1c99;border:1px solid #ffffff0a;border-radius:32px;width:100%;margin-bottom:60px;padding:80px 40px 70px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff14,#0000 70%);width:800px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;position:relative}.hero-badge{color:#a89bff;letter-spacing:.5px;text-transform:uppercase;background:#6c63ff1f;border:1px solid #6c63ff26;border-radius:50px;margin-bottom:20px;padding:8px 20px;font-size:13px;font-weight:600;display:inline-block}.hero-title{letter-spacing:-2px;margin-bottom:8px;font-size:68px;font-weight:900;line-height:1.1}.hero-title-gradient{background:linear-gradient(135deg,#6c63ff,#a89bff,#6c63ff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.hero-subtitle{color:#fff6;letter-spacing:-.5px;margin-bottom:16px;font-size:24px;font-weight:700}.hero-description{color:#ffffffbf;max-width:700px;margin:0 auto 32px;font-size:18px;line-height:1.8}.hero-description strong{color:#6c63ff;font-weight:700}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 36px;font-family:Inter,sans-serif;font-size:17px;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.hero-btn .btn-text,.hero-btn .btn-icon{z-index:1;position:relative}.hero-btn .btn-icon{font-size:20px;transition:transform .4s}.hero-btn:hover .btn-icon{transform:translate(4px)}.hero-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.hero-btn:hover:after{left:100%}.hero-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);box-shadow:0 4px 24px #6c63ff40}.hero-btn.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #6c63ff59}.hero-btn.btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff14}.hero-btn.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff26;transform:translateY(-3px)scale(1.02)}.hero-btn.btn-team{color:#00b894;background:#00b89426;border:1px solid #00b89433}.hero-btn.btn-team:hover{background:#00b89433;transform:translateY(-3px)scale(1.02)}.hero-btn:active{transform:scale(.95)!important}.offer-section{margin-bottom:60px;padding:10px 0}.offer-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.offer-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:24px 20px;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.offer-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#6c63ff,#0000);height:2px;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.offer-card:hover:before{opacity:1}.offer-card:hover{background:#ffffff08;border-color:#6c63ff1a;transform:translateY(-6px);box-shadow:0 12px 40px #00000040}.offer-icon-wrapper{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:12px;display:flex;position:relative}.offer-icon-glow{background:radial-gradient(#6c63ff14,#0000 70%);border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.offer-card:hover .offer-icon-glow{opacity:1;width:140%;height:140%}.offer-icon{z-index:1;font-size:28px;position:relative}.offer-card h3{color:#fff;margin-bottom:6px;font-size:16px;font-weight:600}.offer-card p{color:#ffffff80;max-width:260px;margin-bottom:10px;font-size:13px;line-height:1.5}.offer-tag{color:#a89bff;text-transform:uppercase;letter-spacing:.5px;background:#6c63ff14;border:1px solid #6c63ff0f;border-radius:50px;padding:2px 10px;font-size:10px;font-weight:600;display:inline-block}.how-to-play-section{margin-bottom:60px}.how-to-play-grid{flex-direction:column;gap:12px;max-width:1000px;margin:0 auto;display:flex}.how-to-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;align-items:center;gap:20px;min-height:80px;padding:18px 28px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}.how-to-card:hover{background:#ffffff08;border-color:#6c63ff14;transform:translateY(-3px)}.how-to-left{justify-content:flex-start;margin-right:40px}.how-to-right{justify-content:flex-end;margin-left:40px}.how-to-number{color:#6c63ff4d;flex-shrink:0;min-width:50px;font-family:Inter,sans-serif;font-size:28px;font-weight:800}.how-to-content h3{color:#fff;margin-bottom:2px;font-size:16px;font-weight:600}.how-to-content p{color:#ffffff80;margin:0;font-size:13px;line-height:1.5}.stats-section{margin-bottom:60px}.stats-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.stat-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;padding:18px 14px;transition:all .4s cubic-bezier(.22,1,.36,1)}.stat-card:hover{border-color:#6c63ff1f;transform:translateY(-4px);box-shadow:0 8px 32px #0003}.stat-icon{margin-bottom:4px;font-size:22px;display:block}.stat-value{color:#fff;letter-spacing:-1px;font-family:Inter,sans-serif;font-size:28px;font-weight:800;display:block}.stat-label{color:#ffffff59;margin-top:4px;font-size:11px;font-weight:500;display:block}.cta-section{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);isolation:isolate;background:#0c0c1c99;border:1px solid #ffffff0a;border-radius:32px;padding:50px 40px;position:relative;overflow:hidden}.cta-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff0f,#0000 70%);width:600px;height:300px;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;margin-bottom:8px;font-size:32px;font-weight:700}.cta-content p{color:#fff6;margin-bottom:24px;font-size:17px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:14px;align-items:center;gap:12px;padding:14px 36px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 4px 24px #6c63ff33}.cta-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #6c63ff4d}.cta-btn svg{stroke:currentColor;width:20px;height:20px;transition:transform .4s}.cta-btn:hover svg{transform:translate(4px)}.cta-btn-secondary{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;padding:14px 32px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.cta-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-3px)}@media (width<=1024px){.offer-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.how-to-left{margin-right:20px}.how-to-right{margin-left:20px}}@media (width<=768px){.home-container{padding:12px 16px}.hero-section{border-radius:20px;padding:36px 20px 30px}.hero-title{font-size:34px}.hero-subtitle{font-size:17px}.hero-description{padding:0 10px;font-size:14px}.hero-btn{padding:10px 20px;font-size:14px}.hero-buttons{flex-direction:column;align-items:center}.offer-grid{grid-template-columns:repeat(2,1fr);gap:12px}.offer-card{min-height:160px;padding:16px 12px}.offer-card h3{font-size:14px}.offer-card p{max-width:100%;font-size:12px}.offer-icon-wrapper{width:44px;height:44px;margin-bottom:8px}.offer-icon{font-size:22px}.offer-tag{padding:1px 8px;font-size:9px}.how-to-play-grid{gap:8px}.how-to-card{flex-direction:row;gap:12px;min-height:60px;padding:12px 16px;margin:0!important}.how-to-left,.how-to-right{justify-content:flex-start}.how-to-number{min-width:36px;font-size:20px}.how-to-content h3{font-size:14px}.how-to-content p{font-size:12px;line-height:1.4}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-value{font-size:22px}.stat-card{padding:12px 8px}.stat-icon{font-size:18px}.stat-label{font-size:10px}.section-title{margin-bottom:24px;font-size:24px}.cta-section{border-radius:20px;padding:30px 20px}.cta-content h2{font-size:22px}.cta-content p{font-size:14px}.cta-btn,.cta-btn-secondary{justify-content:center;width:100%;padding:10px 20px;font-size:14px}.cta-buttons{flex-direction:column;align-items:center;width:100%}}@media (width<=480px){.hero-title{font-size:28px}.hero-subtitle{font-size:15px}.hero-description{font-size:13px}.hero-badge{padding:4px 12px;font-size:10px}.hero-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.offer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.offer-card{min-height:140px;padding:12px 10px}.offer-card h3{font-size:13px}.offer-card p{font-size:11px}.offer-icon-wrapper{width:38px;height:38px;margin-bottom:6px}.offer-icon{font-size:18px}.how-to-card{gap:10px;min-height:50px;padding:10px 12px}.how-to-number{min-width:30px;font-size:16px}.how-to-content h3{font-size:13px}.how-to-content p{font-size:11px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:18px}.stat-card{padding:10px 6px}.stat-icon{font-size:16px}.stat-label{font-size:9px}.section-title{margin-bottom:20px;font-size:20px}.cta-section{padding:24px 16px}.cta-content h2{font-size:20px}.cta-content p{font-size:13px}.cta-btn,.cta-btn-secondary{padding:10px 16px;font-size:13px}}.game-container{flex-direction:column;max-width:900px;min-height:85vh;margin:0 auto;padding:20px;display:flex}.game-start{flex:1;justify-content:center;align-items:center;min-height:70vh;display:flex}.game-start-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101020d9;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:500px;padding:50px;box-shadow:0 20px 60px #00000080}.game-start-content h1{background:linear-gradient(135deg,#00d4ff,#7b2ffc,#ff6b9d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:36px}.game-start-content p{color:#ffffffb3;margin-bottom:12px;font-size:16px}.game-hint{background:#6c5ce726;border-radius:8px;padding:8px 16px;display:inline-block;color:#a29bfe!important;font-size:14px!important}.game-hint-warning{background:#fd79a81a;border-radius:8px;margin-top:4px;padding:8px 16px;display:inline-block;color:#fd79a8!important;font-size:13px!important}.start-btn{margin-top:20px;padding:14px 40px;font-size:18px}.game-error{color:#fd79a8;margin-top:12px;font-size:14px}.game-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101020b3;border:1px solid #ffffff0f;border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 20px;display:flex}.game-info{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.game-status{color:#00d4ff;font-size:14px;font-weight:600}.game-count{color:#ffffff80;font-size:13px}.game-guesses{color:#a29bfe;font-size:13px}.game-shards{color:#fdcb6e;font-size:13px;font-weight:600}.game-header-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-sm{cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;transition:all .3s}.btn-shards{color:#1a1a2e;background:linear-gradient(135deg,#f7971e,#ffd200);font-weight:700}.btn-shards:hover{transform:scale(1.05);box-shadow:0 4px 15px #f7971e66}.btn-danger{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c26}.btn-danger:hover{background:#e74c3c33}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;font-weight:600;transition:all .3s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6c63ff66}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:10px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#fff;background:#ffffff1a}.modal-content{background:linear-gradient(145deg,#141432f7,#0a0a1efc);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:750px;max-height:90vh;padding:2.5rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:10px}.modal-close{cursor:pointer;color:#ffffff4d;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:16px;right:18px}.modal-close:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.modal-content h2{color:#fff;text-align:center;margin-bottom:.3rem;font-size:1.8rem}.modal-subtitle{color:#ffffff4d;text-align:center;margin-bottom:1.5rem;font-size:1rem}.modal-subtitle strong{color:gold;font-size:1.2rem}.shard-packages{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.shard-package{text-align:center;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff0f;border-radius:14px;padding:1.2rem .8rem;transition:all .3s}.shard-package:hover{background:#ffffff14;border-color:#6c63ff33;transform:translateY(-3px)}.shard-package.selected{background:#6c63ff1f;border-color:#6c63ff;box-shadow:0 0 30px #6c63ff1a}.shard-amount{color:gold;font-size:2rem;font-weight:800;line-height:1.2}.shard-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.75rem}.shard-hints{color:#6c63ff;margin-top:2px;font-size:.75rem}.shard-price{color:#fff;margin-top:6px;font-size:1.3rem;font-weight:700}.shard-price:before{content:"₹";color:#ffffff4d;font-size:.9rem}.purchase-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1.1rem;font-weight:700;transition:all .3s}.purchase-btn:disabled{opacity:.4;cursor:not-allowed}.modal-footer{text-align:center;color:#ffffff26;margin-top:1rem;font-size:.8rem}.modal-error{color:#ff6b6b;text-align:center;background:#ff6b6b0f;border:1px solid #ff6b6b14;border-radius:10px;margin-bottom:1rem;padding:.8rem}.modal-success{color:#51cf66;text-align:center;background:#51cf660f;border:1px solid #51cf6614;border-radius:10px;margin-bottom:1rem;padding:.8rem}.chat-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101020b3;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;flex:1;min-height:400px;max-height:600px;display:flex;overflow:hidden}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;color:#fff3;padding:40px 20px}.chat-welcome p:first-child{color:#fff6;margin-bottom:8px;font-size:18px}.chat-welcome .hint{color:#ffffff26;font-size:13px}.chat-message{gap:10px;max-width:85%;animation:.3s slideIn;display:flex}.chat-message.user{flex-direction:row-reverse;align-self:flex-end}.chat-message.ai{align-self:flex-start}.chat-message.system{align-self:center;max-width:100%}.chat-message.hint{align-self:flex-start;max-width:85%}.message-avatar{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.chat-message.user .message-avatar{background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none}.chat-message.ai .message-avatar{background:#00d4ff1a;border:1px solid #00d4ff14}.chat-message.system .message-avatar{background:#ff6b6b14;border:1px solid #ff6b6b14}.chat-message.hint .message-avatar{background:#ffd70014;border:1px solid #ffd70014}.message-content{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;max-width:100%;padding:10px 14px}.chat-message.user .message-content{background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none}.chat-message.ai .message-content{background:#00d4ff0a;border:1px solid #00d4ff0f}.chat-message.system .message-content{color:#ff6b6b;background:#ff6b6b0a;border:1px solid #ff6b6b0f}.chat-message.hint .message-content{color:gold;background:#ffd7000f;border:1px solid #ffd70014}.message-text{word-wrap:break-word;color:#ffffffb3;font-size:14px;line-height:1.5}.chat-message.user .message-text{color:#fff!important}.chat-message.ai .message-text{color:#fffc}.chat-message.system .message-text{color:#ff6b6b!important}.chat-message.hint .message-text{color:gold!important}.message-meta{color:#ffffff26;text-align:right;margin-top:2px;font-size:10px}.chat-message.user .message-meta{color:#ffffff4d}.typing-indicator{gap:4px;padding:4px 0;display:flex}.typing-indicator span{background:#6c63ff4d;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-input-area{background:#101020e6;border-top:1px solid #ffffff0a;border-radius:0 0 16px 16px;flex-shrink:0;padding:14px 18px}.input-tabs{gap:6px;margin-bottom:10px;display:flex}.tab-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:1px solid #ffffff0a;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:#fff9;border-color:#ffffff1a}.tab-btn.active{color:#6c63ff;background:#6c63ff0f;border-color:#6c63ff}.tab-badge{color:#ffffff4d;background:#6c63ff14;border-radius:4px;padding:1px 8px;font-size:10px}.tab-badge.disabled{color:#ff6b6b;background:#ff6b6b14}.no-questions-message{text-align:center;color:#ff6b6b;background:#ff6b6b0a;border:1px solid #ff6b6b0f;border-radius:8px;margin-bottom:8px;padding:10px;font-size:13px}.chat-form{align-items:center;gap:8px;display:flex}.chat-input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:14px;transition:all .3s}.chat-input:focus{background:#ffffff0d;border-color:#6c63ff}.chat-input:disabled{opacity:.3;cursor:not-allowed}.guess-input:focus{border-color:#51cf66}.button-group{gap:6px;display:flex}.send-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s}.send-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5)}.send-btn.btn-primary:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #6c63ff33}.send-btn.btn-success{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.send-btn.btn-success:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #00b89433}.send-btn:disabled{opacity:.3;cursor:not-allowed}.hint-btn{cursor:pointer;white-space:nowrap;color:gold;background:#ffd7000f;border:1px solid #ffd70014;border-radius:10px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s}.hint-btn:hover:not(:disabled){background:#ffd7001a}.hint-btn.used,.hint-btn:disabled{opacity:.3;cursor:not-allowed}.chat-error{color:#ff6b6b;text-align:center;margin-top:4px;padding:4px 0;font-size:12px}.game-result{text-align:center;border-top:1px solid #ffffff0a;padding:30px 20px}.game-result.win{background:#00b89405}.game-result.lose{background:#ff6b6b05}.game-result h2{margin-bottom:4px;font-size:24px}.game-result.win h2{color:#00b894}.game-result.lose h2{color:#ff6b6b}.result-character{color:#fff;margin:8px 0;font-size:20px;font-weight:700}.result-power{color:gold;margin:4px 0;font-size:16px}.result-stats{color:#ffffff4d;margin:8px 0 16px;font-size:14px}.result-image{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;width:150px;height:150px;margin:8px auto;overflow:hidden}.result-image img{object-fit:cover;width:100%;height:100%}.result-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.result-buttons .btn{cursor:pointer;border:none;border-radius:10px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .3s}.result-buttons .btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5)}.result-buttons .btn-primary:hover{transform:scale(1.02);box-shadow:0 4px 20px #6c63ff33}.result-buttons .btn-secondary{color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0a}.result-buttons .btn-secondary:hover{background:#ffffff0f}.limit-warning{text-align:center;color:#ff6b6b;background:#ff6b6b0a;border:1px solid #ff6b6b0f;border-radius:8px;padding:8px 12px;font-size:13px}.unlock-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.unlock-popup-content{text-align:center;background:linear-gradient(145deg,#141432f7,#0a0a1efc);border:1px solid #ffd7001a;border-radius:24px;width:100%;max-width:400px;padding:30px 40px;box-shadow:0 30px 80px #0009}.unlock-popup-content h2{color:gold;margin-bottom:8px;font-size:20px}.unlock-popup-content h3{color:#fff;margin:8px 0;font-size:18px}.unlock-popup-content p{color:#ffffff4d;font-size:14px}.unlock-preview{margin:12px 0}.unlock-banner-gif{border-radius:8px;max-width:100%;max-height:100px}.unlock-photo-img{object-fit:cover;border:3px solid #ffd70026;border-radius:50%;width:80px;height:80px}.unlock-title-preview{color:gold;font-size:18px;font-weight:600}.unlock-desc{color:#fff3!important;font-size:12px!important}.unlock-popup-content .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:10px;margin-top:12px;padding:8px 24px;font-weight:600;transition:all .3s}.unlock-popup-content .btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #6c63ff33}.card-notification{z-index:999;background:linear-gradient(145deg,#141432f7,#0a0a1efc);border:1px solid #ffd70026;border-radius:14px;max-width:320px;padding:14px 20px;animation:.4s slideInRight;position:fixed;top:80px;right:20px;box-shadow:0 20px 60px #00000080}.card-notification-content{align-items:center;gap:12px;display:flex}.card-icon{font-size:30px}.card-info h4{color:gold;margin:0 0 2px;font-size:13px}.card-info p{color:#fff9;margin:0;font-size:12px}.card-info .card-power{color:gold;margin-left:6px;font-size:11px}.card-info .card-total{color:#fff3;font-size:10px}@media (width<=768px){.game-container{padding:12px}.game-header{flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.game-info{justify-content:center;gap:10px;font-size:12px}.game-header-buttons{justify-content:center}.chat-container{min-height:350px;max-height:500px}.chat-message{max-width:95%}.chat-form{flex-direction:column;gap:6px}.button-group{gap:6px;width:100%}.send-btn,.hint-btn{flex:1}.shard-packages{grid-template-columns:repeat(2,1fr);gap:.8rem}.modal-content{padding:1.5rem}.input-tabs{gap:4px}.tab-btn{padding:6px 8px;font-size:11px}.unlock-popup-content{max-width:340px;padding:24px 20px}}@media (width<=480px){.game-container{padding:8px}.game-start-content{padding:24px 16px}.game-start-content h1{font-size:24px}.chat-container{min-height:300px;max-height:400px}.chat-messages{padding:12px}.chat-input-area{padding:10px 12px}.message-content{padding:8px 12px}.message-text{font-size:13px}.message-avatar{width:28px;height:28px;font-size:14px}.shard-packages{grid-template-columns:1fr 1fr;gap:.5rem}.shard-package{padding:.8rem .5rem}.shard-amount{font-size:1.5rem}.shard-price{font-size:1rem}.modal-content{padding:1rem}.modal-content h2{font-size:1.4rem}.result-image{width:120px;height:120px}.unlock-popup-content{max-width:300px;padding:16px}.unlock-popup-content h2{font-size:18px}}@media (width<=400px){.game-info{gap:6px;font-size:10px}.game-header{padding:8px 10px}.tab-btn{padding:4px 6px;font-size:9px}.tab-badge{padding:0 4px;font-size:8px}.chat-input{padding:8px 10px;font-size:12px}.send-btn{padding:8px 12px;font-size:11px}.hint-btn{padding:8px 10px;font-size:10px}.shard-packages{grid-template-columns:1fr 1fr;gap:.3rem}.shard-package{padding:.5rem .3rem}.shard-amount{font-size:1.2rem}.shard-price{font-size:.8rem}.shard-label,.shard-hints{font-size:.6rem}.modal-content{padding:.8rem}.modal-content h2{font-size:1.2rem}.modal-close{width:30px;height:30px;font-size:16px}.result-image{width:100px;height:100px}.result-character{font-size:16px}}.team-game-page{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101020b3;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;max-width:900px;min-height:80vh;margin:0 auto;padding:20px;display:flex}.team-game-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.team-game-header .header-left{align-items:center;gap:12px;display:flex}.team-game-header .btn-leave{color:#888;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:6px 14px;font-size:14px;transition:all .3s}.team-game-header .btn-leave:hover{color:#e74c3c;background:#e74c3c1a}.team-game-header .room-code-display{color:gold;font-size:14px;font-weight:600}.team-game-header .header-center .team-name{color:#ddd;font-size:14px}.team-game-header .header-center .team-name strong{color:gold}.team-game-header .header-right .question-count{color:#888;font-size:14px}.team-game-body{flex-direction:column;flex:1;min-height:400px;display:flex}.team-game-messages{background:#0003;border-radius:12px;flex:1;max-height:400px;margin-bottom:12px;padding:12px;overflow-y:auto}.team-game-messages::-webkit-scrollbar{width:6px}.team-game-messages::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.team-game-messages::-webkit-scrollbar-thumb{background:#6c63ff;border-radius:10px}.empty-state{text-align:center;color:#666;padding:40px 20px}.empty-state p:first-child{color:#fff9;margin-bottom:8px;font-size:18px}.empty-state p:last-child{color:#ffffff4d;font-size:14px}.msg{border-radius:10px;margin-bottom:6px;padding:10px 14px;font-size:14px;line-height:1.5}.msg.question{background:#6c63ff14;border-left:3px solid #6c63ff}.msg .msg-answer{color:#00d4ff;margin-top:4px;padding-left:16px}.msg.guess-correct{background:#00b8941f;border-left:3px solid #00b894}.msg.guess-wrong{background:#e74c3c0f;border-left:3px solid #e74c3c}.msg .character-reveal{color:gold;margin:4px 0;font-size:18px;font-weight:700}.msg .reward-text{color:#51cf66;margin-top:4px}.limit-warning{text-align:center;color:#ff6b6b;background:#ff6b6b0d;border-radius:8px;margin:8px 0;padding:12px}.team-game-input-area{flex-direction:column;gap:8px;padding:8px 0;display:flex}.input-row{gap:10px;display:flex}.input-row input{color:#fff;background:#ffffff0d;border:2px solid #ffffff0f;border-radius:10px;flex:1;padding:10px 14px;font-size:14px;transition:all .3s}.input-row input:focus{background:#ffffff14;border-color:#6c63ff;outline:none}.input-row input::placeholder{color:#ffffff4d}.input-row input:disabled{opacity:.4;cursor:not-allowed}.input-row .input-ask:focus{border-color:#6c63ff}.input-row .input-guess:focus{border-color:#00b894}.input-row .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.input-row .btn-ask{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5)}.input-row .btn-ask:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #6c63ff4d}.input-row .btn-guess{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.input-row .btn-guess:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #00b8944d}.input-row .btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.team-game-result{text-align:center;padding:30px 20px}.team-game-result .result-icon{margin-bottom:8px;font-size:56px;display:block}.team-game-result h2{color:#fff;margin-bottom:4px;font-size:28px}.team-game-result .character-name{color:gold;margin:8px 0;font-size:24px;font-weight:700}.team-game-result .result-image{object-fit:cover;border:3px solid #ffd70033;border-radius:16px;width:120px;height:120px;margin:12px auto;display:block}.team-game-result .reward-text{color:#51cf66;margin:8px 0;font-size:18px}.team-game-result .players-text{color:#888;margin-bottom:16px;font-size:14px}.team-game-result .btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:12px;padding:12px 32px;font-size:16px;font-weight:700;transition:all .3s}.team-game-result .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff4d}.team-game-footer{color:#555;border-top:1px solid #ffffff0f;justify-content:center;gap:24px;margin-top:12px;padding:10px 0;font-size:13px;display:flex}.team-game-footer span{align-items:center;gap:4px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-container p{color:#888;margin-top:16px}.error-container h2{color:#ff6b6b;margin-bottom:16px}.error-container .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:10px;padding:10px 28px;font-weight:600;transition:all .3s}.error-container .btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6c63ff4d}@media (width<=768px){.team-game-page{padding:12px}.team-game-header{text-align:center;flex-direction:column;align-items:stretch}.team-game-header .header-left{justify-content:center}.team-game-messages{max-height:300px}.input-row{flex-direction:column}.input-row .btn{width:100%}.team-game-footer{flex-direction:column;align-items:center;gap:6px}}@media (width<=480px){.team-game-page{padding:8px}.team-game-messages{max-height:250px;padding:8px}.msg{padding:8px 10px;font-size:13px}.team-game-header .room-code-display{font-size:12px}.team-game-result .character-name{font-size:20px}}.voice-btn:hover{background:#ffffff14;border-color:#ffffff26}.voice-btn .speaking-indicator{background:#00b894;border-radius:50%;width:10px;height:10px;animation:.8s ease-in-out infinite pulse;position:absolute;top:-3px;right:-3px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.voice-participants{color:#fff6;background:#ffffff0a;border:1px solid #ffffff0a;border-radius:12px;padding:2px 10px;font-size:11px}.voice-status{color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0a;border-radius:12px;padding:2px 12px;font-size:11px}.voice-status.speaking{color:#00b894;background:#00b8940d;border-color:#00b89433}@media (width<=768px){.voice-controls{gap:4px;margin-right:8px}.voice-btn{width:30px;height:30px;font-size:14px}.voice-participants{padding:1px 8px;font-size:10px}}@media (width<=480px){.voice-btn{width:26px;height:26px;font-size:12px}.voice-participants{display:none}}.voice-participants{align-items:center;gap:4px;margin-left:8px;display:flex}.participant-dot{opacity:.4;border-radius:50%;width:10px;height:10px;font-size:10px;transition:all .3s;display:inline-block}.participant-dot.speaking{opacity:1;animation:.5s ease-in-out infinite alternate pulse-dot}@keyframes pulse-dot{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.voice-count{color:#ffffff4d;margin-left:4px;font-size:11px}.voice-status.active{color:#51cf66}.voice-controls{align-items:center;gap:6px;margin-right:12px;display:flex}.voice-btn{color:#fff6;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex;position:relative}.voice-btn:hover{color:#ffffffb3;background:#ffffff0f}.voice-btn.active{color:#6c63ff;background:#6c63ff1f;border-color:#6c63ff33}.voice-btn .speaking-indicator{background:#51cf66;border-radius:50%;width:10px;height:10px;animation:.5s ease-in-out infinite alternate pulse-dot;position:absolute;bottom:-2px;right:-2px}.timer-display{color:#fff9;text-align:center;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;min-width:60px;padding:4px 12px;font-family:Courier New,monospace;font-size:18px;font-weight:700;transition:all .3s}.timer-display.warning{color:#ffd93d;background:#ffd93d0d;border-color:#ffd93d33;animation:1s ease-in-out infinite pulse-warning}.timer-display.danger{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b4d;animation:.5s ease-in-out infinite pulse-danger}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.3}}.timer-info{color:#ffffff4d;margin-top:4px;font-size:13px}.timer-info strong{color:gold}.team-game-result.timeout{background:#ff6b6b0d;border-color:#ff6b6b33}.timeout-message{color:#ff6b6b;margin:4px 0 12px;font-size:18px;font-weight:600}.timeout-text{color:#fff9;margin:8px 0 16px;font-size:15px}.timeout-text strong{color:gold}.team-game-footer .timer-info{color:#fff3;font-size:12px}.matchmaking-container{background:radial-gradient(at 50% 0,#6c63ff0d,#0000 70%),radial-gradient(at 0%,#00b89408,#0000 50%),radial-gradient(at 100%,#ffd70008,#0000 50%),#0a0a1a;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem}.matchmaking-header{text-align:center;margin-bottom:3rem;position:relative}.header-glow{pointer-events:none;background:radial-gradient(#6c63ff1a,#0000 70%);width:400px;height:200px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.matchmaking-title{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;font-size:3.5rem;font-weight:800;display:flex;position:relative}.title-icon{background:linear-gradient(135deg,#6c63ff,gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.title-sub{-webkit-text-fill-color:#fff6;background:linear-gradient(135deg,#6c63ff4d,#ffd7004d);border:1px solid #ffffff0f;border-radius:20px;padding:.2rem 1.2rem;font-size:1rem;font-weight:400}.card-count-badge{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:.8rem;margin-top:.5rem;padding:.6rem 1.5rem;display:inline-flex}.badge-icon{font-size:1.5rem}.badge-text{color:gold;font-size:2rem;font-weight:700}.badge-label{color:#ffffff4d;font-size:.9rem}.badge-warning{color:#ff6b6b;background:#ff6b6b1a;border-radius:8px;padding:.2rem .8rem;font-size:.8rem}.premium-alert{border-radius:14px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.4s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.premium-alert.error{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b26}.premium-alert.success{color:#51cf66;background:#51cf6614;border:1px solid #51cf6626}.alert-icon{font-size:1.3rem}.premium-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0a;border-radius:20px;padding:2rem;transition:all .3s}.premium-card:hover{border-color:#6c63ff26;box-shadow:0 8px 40px #0000004d}.searching-container{flex-direction:column;align-items:center;max-width:500px;min-height:300px;margin:0 auto;padding:3rem;display:flex}.searching-animation{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;position:relative}.pulse-ring{border:2px solid #6c63ff33;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-ring;position:absolute}.pulse-ring.delay-1{animation-delay:.7s}.pulse-ring.delay-2{animation-delay:1.4s}@keyframes pulse-ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.searching-icon{z-index:1;font-size:3.5rem;animation:3s linear infinite spin}.searching-title{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:600}.searching-time{color:#ffd700b3;margin-bottom:.5rem;font-family:monospace;font-size:2rem;font-weight:700}.searching-hint{color:#ffffff40;font-size:.9rem}.btn-cancel-search{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;margin-top:1.5rem;padding:.6rem 2rem;font-size:.9rem;transition:all .3s}.btn-cancel-search:hover{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b33}.matchmaking-options{justify-content:center;align-items:stretch;gap:1.5rem;max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:flex}.match-option{text-align:center;flex:1;min-width:240px;max-width:320px;position:relative;overflow:hidden}.option-glow{pointer-events:none;background:radial-gradient(#6c63ff0d,#0000 70%);width:200px;height:150px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.option-icon{margin-bottom:1rem;font-size:3rem}.option-title{color:#fff;margin-bottom:.3rem;font-size:1.3rem;font-weight:600}.option-desc{color:#ffffff4d;margin-bottom:1.2rem;font-size:.9rem}.option-warning{color:#ff6b6b;margin-top:.5rem;font-size:.8rem}.premium-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.premium-btn:disabled{opacity:.4;cursor:not-allowed}.premium-btn:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.premium-btn:hover:not(:disabled):after{opacity:1}.btn-quick-match{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);box-shadow:0 4px 20px #6c63ff33}.btn-quick-match:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px #6c63ff4d}.btn-create-match{color:#1a1a2e;background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 4px 20px #ffd70026}.btn-create-match:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px #ffd70040}.matchmaking-rules{max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.rules-title{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:1rem;font-weight:600}.rules-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.rule-item{color:#ffffff4d;align-items:center;gap:.6rem;padding:.4rem 0;font-size:.85rem;display:flex}.rule-icon{font-size:1.1rem}.card-progress{background:#ffffff05;border:1px solid #ffffff0a;border-radius:14px;max-width:700px;margin-left:auto;margin-right:auto;padding:1.2rem 1.5rem}.progress-bar{background:#ffffff0a;border-radius:4px;height:6px;overflow:hidden}.progress-fill.complete{background:linear-gradient(90deg,#00b894,#51cf66)}.progress-hint{color:#fff3;text-align:center;margin-top:.5rem;font-size:.8rem}@media (width<=768px){.matchmaking-options{flex-direction:column;align-items:center;max-width:400px}.match-option{width:100%;min-width:0;max-width:100%}.rules-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.matchmaking-container{padding:1rem}.matchmaking-title{font-size:2.2rem}.title-sub{padding:.1rem .8rem;font-size:.8rem}.card-count-badge{flex-wrap:wrap;justify-content:center;padding:.4rem 1rem}.badge-text{font-size:1.5rem}.rules-grid{grid-template-columns:1fr 1fr;gap:.4rem}.rule-item{font-size:.75rem}.searching-container{padding:2rem 1rem}}@media (width<=400px){.match-option{padding:1rem}.option-icon{font-size:2rem}.option-title{font-size:1rem}.premium-btn{padding:.6rem 1rem;font-size:.85rem}}.match-code-display{background:#ffd7000d;border:1px solid #ffd7001a;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:flex}.code-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;font-size:11px}.code-value{color:gold;letter-spacing:1px;font-family:monospace;font-size:16px;font-weight:700}.btn-copy-code{color:#ffffff4d;cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .3s}.btn-copy-code:hover{color:#fff;background:#ffffff1a}.room-created-section{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.room-actions{gap:6px;display:flex}.room-actions .premium-btn{flex:1;padding:8px 12px;font-size:12px}.room-actions .invite-btn{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5)}.room-actions .invite-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #6c63ff4d}.room-actions .battle-btn{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.room-actions .battle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00b8944d}.invite-dropdown-match{background:#101020fa;border:1px solid #ffffff0f;border-radius:12px;max-height:150px;margin-top:4px;padding:8px;overflow-y:auto;box-shadow:0 10px 40px #0006}.invite-dropdown-match::-webkit-scrollbar{width:4px}.invite-dropdown-match::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.invite-empty-match{text-align:center;color:#ffffff4d;padding:12px;font-size:12px}.invite-empty-match p{margin:2px 0}.invite-list-match{flex-direction:column;gap:4px;display:flex}.invite-item-match{border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;transition:all .2s;display:flex}.invite-item-match:hover{background:#ffffff08}.invite-friend-name-match{color:#fffc;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.invite-badge-match.online{color:#51cf66;background:#51cf661a;border-radius:4px;padding:1px 6px;font-size:9px}.invite-friend-btn-match{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:6px;padding:3px 12px;font-size:11px;font-weight:600;transition:all .3s}.invite-friend-btn-match:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #6c63ff4d}.invite-friend-btn-match:disabled{opacity:.5;cursor:not-allowed}.invite-message-match{text-align:center;color:#51cf66;margin-top:2px;padding:4px 0;font-size:12px}.invite-message-match.error{color:#ff6b6b}.team-selection-section{margin-bottom:1.5rem;padding:1.2rem 1.5rem}.team-selection-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.team-selection-header h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.team-selection-info{align-items:center;gap:12px;display:flex}.selected-count{color:gold;font-size:1.1rem;font-weight:700}.team-confirmed-badge{color:#51cf66;background:#51cf661a;border:1px solid #51cf6633;border-radius:12px;padding:2px 12px;font-size:.8rem;font-weight:600}.team-cards-grid{grid-template-columns:repeat(5,1fr);gap:8px;max-height:280px;padding:4px;display:grid;overflow-y:auto}.team-cards-grid::-webkit-scrollbar{width:4px}.team-cards-grid::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.team-card{cursor:pointer;background:#ffffff05;border:2px solid #ffffff0f;border-radius:10px;transition:all .3s;overflow:hidden}.team-card:hover:not(.disabled){border-color:#6c63ff33;transform:translateY(-3px)}.team-card.selected{border-color:#6c63ff;box-shadow:0 0 20px #6c63ff26}.team-card.disabled{cursor:not-allowed;opacity:.6}.team-card-image{aspect-ratio:1;background:#ffffff05;width:100%;position:relative;overflow:hidden}.team-card-image img{object-fit:cover;width:100%;height:100%}.team-card-placeholder{color:#ffffff0d;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}.team-card-check{font-size:1.2rem;position:absolute;top:4px;right:4px}.team-card-info{justify-content:space-between;align-items:center;padding:4px 6px;display:flex}.team-card-name{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.6rem;font-weight:500;overflow:hidden}.team-card-power{color:gold;font-size:.6rem;font-weight:700}.team-selection-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.btn-auto-select{color:#6c63ff;cursor:pointer;background:#6c63ff14;border:1px solid #6c63ff26;border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .3s}.btn-auto-select:hover:not(:disabled){background:#6c63ff26}.btn-auto-select:disabled{opacity:.4;cursor:not-allowed}.btn-confirm-team{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b894,#00a381);border:none;border-radius:8px;padding:6px 20px;font-size:.8rem;font-weight:600;transition:all .3s}.btn-confirm-team:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #00b8944d}.btn-confirm-team:disabled{opacity:.4;cursor:not-allowed}.btn-reset-team{color:#ffffff4d;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .3s}.btn-reset-team:hover:not(:disabled){color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b26}.btn-reset-team:disabled{opacity:.3;cursor:not-allowed}.team-empty{text-align:center;color:#fff3;padding:20px}@media (width<=600px){.team-cards-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:220px}.team-selection-actions{flex-direction:column}.btn-auto-select,.btn-confirm-team,.btn-reset-team{text-align:center;width:100%;padding:8px}.team-selection-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=400px){.team-cards-grid{grid-template-columns:repeat(3,1fr);gap:4px;max-height:180px}.team-card-name,.team-card-power{font-size:.5rem}.team-card-info{padding:2px 4px}}.match-chat{z-index:50;position:fixed;bottom:2rem;right:2rem}.chat-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:50%;width:60px;height:60px;font-size:1.5rem;transition:all .3s;position:relative;box-shadow:0 4px 30px #6c63ff4d}.chat-toggle-btn:hover{transform:scale(1.05);box-shadow:0 8px 40px #6c63ff66}.chat-badge{color:#fff;text-align:center;background:#ff6b6b;border-radius:50%;min-width:18px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:-4px;right:-4px}.chat-window{opacity:0;pointer-events:none;flex-direction:column;width:340px;max-height:450px;padding:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;transform:translateY(20px)scale(.95)}.match-chat.open .chat-window{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.chat-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.chat-title{color:#fff6;font-size:.9rem;font-weight:600}.chat-close{color:#fff3;cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:all .3s}.chat-close:hover{color:#fff}.chat-messages{flex:1;min-height:150px;max-height:300px;padding:.8rem 1rem;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.chat-empty{color:#ffffff1a;text-align:center;justify-content:center;align-items:center;height:100%;font-size:.85rem;display:flex}.chat-message{gap:.6rem;margin-bottom:.8rem;animation:.3s slideIn;display:flex}.chat-message.own{flex-direction:row-reverse}.chat-msg-avatar{color:#ffffff4d;background:#6c63ff1a;border:1px solid #6c63ff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.chat-message.own .chat-msg-avatar{background:#ffd7001a;border-color:#ffd7001a}.chat-msg-content{max-width:75%}.chat-msg-name{color:#ffffff26;margin-bottom:.1rem;font-size:.6rem}.chat-message.own .chat-msg-name{text-align:right}.chat-msg-text{color:#fff9;word-wrap:break-word;background:#ffffff08;border:1px solid #ffffff08;border-radius:10px;padding:.3rem .8rem;font-size:.85rem}.chat-message.own .chat-msg-text{background:#6c63ff14;border-color:#6c63ff14}.chat-input-form{border-top:1px solid #ffffff0a;gap:.5rem;padding:.6rem 1rem;display:flex}.chat-input{color:#fff;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;outline:none;flex:1;padding:.5rem .8rem;font-size:.85rem;transition:all .3s}.chat-input:focus{border-color:#6c63ff}.chat-input::placeholder{color:#ffffff1a}.btn-chat-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:8px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s}.btn-chat-send:hover{transform:scale(1.02)}@media (width<=600px){.match-chat{bottom:1rem;right:1rem}.chat-window{width:280px;max-height:380px;bottom:70px;right:0}.chat-toggle-btn{width:50px;height:50px;font-size:1.2rem}.chat-msg-text{font-size:.8rem}}.battle-container{background:radial-gradient(at 50% 0,#6c63ff0d,#0000 70%),radial-gradient(at 0 100%,#ffd70008,#0000 50%),#0a0a1a;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem}.battle-lobby{text-align:center;background:linear-gradient(145deg,#141432f2,#0a0a1efa);border:1px solid #ffffff0f;border-radius:24px;max-width:600px;margin:2rem auto;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.battle-lobby:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#6c63ff08,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.lobby-header{z-index:1;position:relative}.lobby-icon{margin-bottom:.5rem;font-size:3rem}.lobby-header h2{color:#fff;background:linear-gradient(135deg,#fff 60%,#fff6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.3rem;font-size:2rem;font-weight:700}.lobby-code{color:#ffffff4d;margin-bottom:.5rem;font-size:1rem}.code-highlight{color:gold;letter-spacing:2px;background:#ffd7000d;border:1px solid #ffd70014;border-radius:6px;padding:.2rem .8rem;font-family:monospace;font-size:1.2rem;font-weight:700}.lobby-players{z-index:1;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0 2rem;display:flex;position:relative}.lobby-player{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;min-width:140px;padding:1.2rem 1.5rem;transition:all .3s}.lobby-player.host-player{background:#ffd70005;border-color:#ffd7001a}.lobby-player.empty{opacity:.5;border-style:dashed}.lobby-player .player-status{text-transform:uppercase;letter-spacing:1px;color:#fff3;margin-bottom:.2rem;font-size:.7rem;font-weight:600;display:block}.lobby-player .player-status.host{color:gold}.lobby-player .player-name{color:#fff;font-size:1.2rem;font-weight:700;display:block}.lobby-player .player-ready{color:#51cf66;margin-top:.2rem;font-size:.75rem;display:block}.lobby-player.empty .player-ready{color:#fff3}.lobby-vs{color:#ffffff0f;font-size:1.5rem;font-weight:900}.lobby-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex;position:relative}.btn-start-match{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b894,#00a381);border:none;border-radius:14px;min-width:200px;padding:.8rem 2.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 25px #00b89426}.btn-start-match:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 40px #00b8944d}.btn-start-match:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-leave-lobby{color:#ffffff4d;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:.8rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-leave-lobby:hover{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b26}.waiting-message-lobby{color:#ffffff4d;background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;flex:1;min-width:200px;padding:.8rem 1.5rem;font-size:1rem}.waiting-message-lobby strong{color:gold}.lobby-ready-text{z-index:1;text-align:center;border-radius:10px;margin-top:1rem;padding:.8rem 1rem;font-size:.9rem;position:relative}.lobby-ready-text.host-ready{color:#51cf66;background:#51cf660d;border:1px solid #51cf6614}.lobby-ready-text.host-ready strong{color:gold}.lobby-ready-text.player-waiting{color:#ffffff4d;background:#ffffff05;border:1px solid #ffffff0a}.lobby-ready-text.player-waiting strong{color:gold}.lobby-ready-text.waiting{color:#ffffff26;background:#ffffff05;border:1px dashed #ffffff0a}.battle-header{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.8rem 1.5rem;display:flex}.btn-back{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:.4rem 1rem;font-size:1.2rem;transition:all .3s}.btn-back:hover{color:#fff;background:#ffffff14}.battle-info{align-items:center;gap:1.5rem;display:flex}.battle-code{color:gold;letter-spacing:1px;font-family:monospace;font-size:1.1rem;font-weight:700}.battle-round{color:#ffffff4d;font-size:.9rem}.battle-timer{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}.timer-icon{font-size:1rem}.timer-text{color:#fff6;text-align:center;min-width:2.5rem;font-family:monospace;font-size:1.3rem;font-weight:700}.timer-text.danger{color:#ff6b6b;animation:.5s ease-in-out infinite pulse-danger}.scoreboard{justify-content:center;align-items:center;gap:2.5rem;margin-bottom:1.5rem;padding:1.2rem 2rem;display:flex}.score-player{align-items:center;gap:1rem;display:flex}.score-name{color:#fff6;font-size:.9rem;font-weight:500}.score-value{color:#fff3;text-align:center;min-width:2.5rem;font-family:monospace;font-size:2.5rem;font-weight:800}.score-value.highlight{color:gold;text-shadow:0 0 30px #ffd70026}.score-vs{color:#ffffff1a;font-size:1.5rem}.battle-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.battle-loader{border:3px solid #6c63ff1a;border-top-color:#6c63ff;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}.battle-loading p{color:#fff3;margin-top:1rem}.round-result-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.round-result-card{text-align:center;border:1px solid #ffffff0f;border-radius:24px;min-width:320px;padding:2.5rem 3rem}.round-result-card.win{background:linear-gradient(145deg,#00b8941a,#00b89405);border-color:#00b89433}.round-result-card.lose{background:linear-gradient(145deg,#ff6b6b1a,#ff6b6b05);border-color:#ff6b6b33}.round-result-card.draw{background:linear-gradient(145deg,#ffd7001a,#ffd70005);border-color:#ffd70033}.result-icon{margin-bottom:.5rem;font-size:3.5rem}.round-result-card h3{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.result-cards{justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;display:flex}.result-card-preview{background:#ffffff08;border:1px solid #ffffff0a;border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem 1rem;display:flex}.result-card-preview .card-name{color:#fff;font-size:.9rem;font-weight:600}.result-card-preview .card-power{color:gold;font-size:.8rem}.result-vs{color:#ffffff1a;font-weight:700}.card-flip-container{perspective:1000px;aspect-ratio:1;width:100%;position:relative}.card-flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.card-flip-inner.flipped{transform:rotateY(180deg)}.card-front{backface-visibility:hidden;color:#ffffff14;background:linear-gradient(145deg,#1a1a3e,#2d2d5e);border:2px solid #ffffff0f;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex;position:absolute;overflow:hidden}.card-front .card-question-mark{font-size:3rem;animation:2s ease-in-out infinite pulseQuestion}@keyframes pulseQuestion{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.card-back{backface-visibility:hidden;background:#ffffff05;border-radius:12px;width:100%;height:100%;position:absolute;overflow:hidden;transform:rotateY(180deg)}.card-back .card-image{object-fit:cover;width:100%;height:100%}.battle-card.revealing .card-flip-inner{animation:.7s cubic-bezier(.34,1.56,.64,1) forwards revealCard}@keyframes revealCard{0%{transform:rotateY(0)scale(.95)}50%{transform:rotateY(90deg)scale(1.05)}to{transform:rotateY(180deg)scale(1)}}.battle-card.revealing.delay-1 .card-flip-inner{animation-delay:.1s}.battle-card.revealing.delay-2 .card-flip-inner{animation-delay:.3s}.battle-card.revealing.delay-3 .card-flip-inner{animation-delay:.5s}.battle-card.revealing.delay-4 .card-flip-inner{animation-delay:.7s}.battle-card.revealing.delay-5 .card-flip-inner{animation-delay:.9s}.card-result-badge{z-index:10;text-shadow:0 0 30px #00000080;font-size:3.5rem;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards badgePop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes badgePop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-20deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.battle-card.revealing.winner{animation:1s winnerReveal}@keyframes winnerReveal{0%{box-shadow:0 0 #51cf6600}50%{box-shadow:0 0 50px #51cf6699,0 0 100px #51cf664d}to{box-shadow:0 0 20px #51cf6633}}.battle-card.revealing.loser{animation:1s loserReveal}@keyframes loserReveal{0%{box-shadow:0 0 #ff6b6b00}50%{box-shadow:0 0 40px #ff6b6b66}to{box-shadow:0 0 #ff6b6b00}}.result-vs{animation:1s ease-in-out infinite vsPulse}@keyframes vsPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.round-result-overlay{animation:.4s resultFadeIn}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.round-result-card{animation:.5s cubic-bezier(.34,1.56,.64,1) resultSlideUp}@keyframes resultSlideUp{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.battle-card.clickable:hover:not(.used){border-color:#6c63ff4d;transition:transform .3s;transform:translateY(-5px)}.stolen-card-announcement{background:linear-gradient(145deg,#ffd7000f,#6c63ff0a);border-color:#ffd7001a;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.2rem 2rem;display:flex}.stolen-icon{font-size:2.5rem}.stolen-content h3{color:gold;margin-bottom:.2rem;font-size:1.1rem;font-weight:600}.stolen-content p{color:#fff6;font-size:.9rem}.stolen-content p strong{color:#ffffffb3}.stolen-card-preview{background:#ffd70014;border-radius:8px;align-items:center;gap:.5rem;margin-top:.3rem;padding:.3rem 1rem;display:inline-flex}.stolen-card-name{color:#fff;font-weight:600}.stolen-card-power{color:gold;font-weight:700}.game-over{text-align:center;background:linear-gradient(145deg,#6c63ff0d,#ffd70005);margin-bottom:1.5rem;padding:2.5rem}.game-over-icon{margin-bottom:.5rem;font-size:4rem}.game-over h2{color:#fff;margin-bottom:.5rem;font-size:2rem;font-weight:700}.final-score{color:#ffffff4d;margin-bottom:.3rem;font-size:1.1rem}.stolen-info{color:gold;margin-bottom:1.5rem;font-size:.95rem}.btn-play-again{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:12px;padding:.8rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-play-again:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff4d}.cards-grid-container{margin-bottom:1.5rem;width:100%!important;display:block!important;overflow:visible!important}.cards-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;padding:1.2rem;width:100%!important;display:block!important}.cards-title{color:#ffffff4d;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:flex}.cards-used{color:#ffffff26;font-size:.8rem}.cards-grid{background:#ffffff03;border-radius:12px;padding:4px;grid-template-columns:repeat(5,1fr)!important;gap:.8rem!important;width:100%!important;min-height:100px!important;display:grid!important}.battle-card{cursor:default;background:#ffffff0a;border:2px solid #ffffff0f;border-radius:12px;min-height:120px;transition:all .3s;position:relative;overflow:hidden;display:block!important}.battle-card.clickable{cursor:pointer}.battle-card.clickable:hover:not(.used){border-color:#6c63ff66;transform:translateY(-5px);box-shadow:0 8px 30px #6c63ff26}.battle-card.selected{border-color:#6c63ff;box-shadow:0 0 30px #6c63ff40}.battle-card.confirmed{border-color:gold}.battle-card.used{opacity:.5}.battle-card.won{border-color:#51cf66}.battle-card.lost{border-color:#ff6b6b}.battle-card.fighting{z-index:10;animation:.5s ease-in-out infinite alternate cardPulseFight}@keyframes cardPulseFight{0%{transform:scale(1);box-shadow:0 0 20px #ffd70033}to{transform:scale(1.08);box-shadow:0 0 60px #ffd70099,0 0 120px #ffd7004d}}.opponent-card.fighting{z-index:10;animation:.5s ease-in-out infinite alternate opponentCardPulse}@keyframes opponentCardPulse{0%{transform:scale(1);box-shadow:0 0 20px #ff6b6b33}to{transform:scale(1.08);box-shadow:0 0 60px #ff6b6b99,0 0 120px #ff6b6b4d}}.card-image-wrapper{aspect-ratio:1;background:#ffffff08;width:100%;min-height:80px;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;display:block!important}.card-placeholder{color:#ffffff14;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;min-height:80px;font-size:2rem;font-weight:700;display:flex!important}.card-used-overlay{background:#00000080;justify-content:center;align-items:center;font-size:2rem;position:absolute;inset:0;display:flex!important}.card-selected-glow{pointer-events:none;border:2px solid #6c63ff;border-radius:12px;animation:1.5s ease-in-out infinite pulse-glow;position:absolute;inset:-2px}@keyframes pulse-glow{0%,to{opacity:.4}50%{opacity:1}}.card-info{background:#0003;justify-content:space-between;align-items:center;padding:.4rem .5rem;display:flex!important}.card-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.7rem;font-weight:500;overflow:hidden}.card-round-badge{color:#ffffff80;background:#6c63ff33;border-radius:4px;padding:1px 6px;font-size:.6rem;position:absolute;top:4px;right:4px}.action-area{flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;display:flex!important}.btn-confirm-card{color:#1a1a2e;cursor:pointer;background:linear-gradient(135deg,gold,#f59e0b);border:none;border-radius:12px;padding:.8rem 3rem;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 20px #ffd70026}.btn-confirm-card:disabled{opacity:.3;cursor:not-allowed;transform:none!important}.btn-confirm-card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px #ffd70040}.selected-hint{color:#fff3;font-size:.85rem}.waiting-message{background:#6c63ff0a;border:1px solid #6c63ff0f;border-radius:10px;justify-content:center;align-items:center;gap:.8rem;margin-top:1rem;padding:.8rem;display:flex!important}.waiting-icon{font-size:1.2rem;animation:2s linear infinite spin}.waiting-message span:last-child{color:#ffffff4d;font-size:.9rem}.opponent-section{margin-bottom:1.5rem}.opponent-cards-grid{grid-template-columns:repeat(5,1fr);gap:.8rem;display:grid}.opponent-card{background:#ffffff05;border:1px solid #ffffff08;border-radius:12px;overflow:hidden}.card-hidden{aspect-ratio:1;background:repeating-linear-gradient(45deg,#ffffff05,#ffffff05 10px,#ffffff0a 10px 20px);justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.card-used-opponent{aspect-ratio:1;background:#0000004d;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.opponent-card .card-info{padding:.3rem .5rem}.opponent-card .card-name{color:#fff3}.round-history{padding:1.2rem 1.5rem}.history-title{color:#fff3;text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem;font-size:.8rem;font-weight:600}.history-grid{flex-wrap:wrap;gap:.5rem;display:flex}.history-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.7rem;display:flex}.history-item.win{background:#00b8940a;border-color:#00b89433}.history-item.lose{background:#ff6b6b0a;border-color:#ff6b6b33}.history-item.draw{background:#ffd7000a;border-color:#ffd70033}.history-round{color:#fff3}.history-result{font-size:.6rem}.history-powers{color:#ffffff1a;font-size:.6rem}.history-empty{color:#ffffff1a;text-align:center;font-size:.8rem}.steal-modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.steal-modal{width:100%;max-width:550px;max-height:90vh;padding:2rem;overflow-y:auto}.steal-modal::-webkit-scrollbar{width:4px}.steal-modal::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.steal-modal-header{text-align:center;margin-bottom:1.5rem}.steal-icon{font-size:3rem}.steal-modal-header h2{color:#fff;margin:.3rem 0 .2rem;font-size:1.5rem;font-weight:700}.steal-subtitle{color:#ffffff4d;font-size:.9rem}.steal-subtitle strong{color:#fff}.steal-error{color:#ff6b6b;text-align:center;background:#ff6b6b0d;border-radius:8px;margin-bottom:1rem;padding:.5rem;font-size:.85rem}.steal-cards-grid{grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.steal-card{cursor:pointer;background:#ffffff05;border:2px solid #ffffff0f;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.steal-card:hover:not(.used){border-color:gold;transform:translateY(-5px);box-shadow:0 8px 30px #ffd7001a}.steal-card.used{opacity:.4;cursor:not-allowed}.steal-card-image{aspect-ratio:1;background:#ffffff05;width:100%;position:relative;overflow:hidden}.steal-card-image img{object-fit:cover;width:100%;height:100%}.steal-card-placeholder{color:#ffffff0d;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:700;display:flex}.steal-card-used-badge{color:#ff6b6b;background:#ff6b6b26;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:600;position:absolute;top:4px;right:4px}.steal-card-info{justify-content:space-between;align-items:center;padding:.3rem .5rem;display:flex}.steal-card-name{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.6rem;font-weight:500;overflow:hidden}.steal-card-power{color:gold;font-size:.6rem;font-weight:700}.steal-card-hover{color:gold;text-align:center;opacity:0;background:#ffd7001a;padding:.3rem;font-size:.6rem;font-weight:600;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.steal-card:hover .steal-card-hover{opacity:1}.steal-card-loading{background:#00000080;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;inset:0}.steal-modal-footer{text-align:center}.steal-hint{color:#ffffff26;font-size:.8rem}.battle-arena{justify-content:center;align-items:center;width:100%;min-height:400px;margin:20px 0;padding:20px 0;display:flex;position:relative;overflow:visible}.fight-cards-container{justify-content:center;align-items:center;gap:60px;width:100%;max-width:800px;height:220px;display:flex;position:relative}.fight-card{z-index:5;border-radius:14px;width:140px;height:190px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;transform:scale(1);box-shadow:0 15px 50px #0009}.fight-card.player-card{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardFlyToCenterPlayer}.fight-card.opponent-card{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards cardFlyToCenterOpponent}@keyframes cardFlyToCenterPlayer{0%{opacity:0;transform:translate(-250px)scale(.7)rotate(-10deg)}40%{opacity:1;transform:translate(-40px)scale(1.15)rotate(3deg)}60%{transform:translate(15px)scale(.95)rotate(-2deg)}80%{transform:translate(-5px)scale(1.02)rotate(1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes cardFlyToCenterOpponent{0%{opacity:0;transform:translate(250px)scale(.7)rotate(10deg)}40%{opacity:1;transform:translate(40px)scale(1.15)rotate(-3deg)}60%{transform:translate(-15px)scale(.95)rotate(2deg)}80%{transform:translate(5px)scale(1.02)rotate(-1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.fight-card.battle-impact{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards battleImpact}@keyframes battleImpact{0%{transform:scale(1)}20%{transform:scale(1.25)rotate(-5deg);box-shadow:0 0 60px #ffd700cc,0 0 120px #ffd70066}50%{transform:scale(.9)rotate(3deg);box-shadow:0 0 80px #ffd70099,0 0 160px #ffd7004d}70%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1)rotate(0);box-shadow:0 0 40px #ffd7004d,0 0 80px #ffd7001a}}.fight-card.winner-card{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards winnerCelebrate}@keyframes winnerCelebrate{0%{transform:scale(1);box-shadow:0 0 40px #51cf664d}30%{transform:scale(1.35)rotate(6deg);box-shadow:0 0 80px #51cf66cc,0 0 160px #51cf6666}60%{transform:scale(1.05)rotate(-3deg)}80%{transform:scale(1.15)rotate(2deg)}to{transform:scale(1.2)rotate(0);box-shadow:0 0 60px #51cf6699,0 0 120px #51cf664d}}.fight-card.loser-card{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards loserDefeat}@keyframes loserDefeat{0%{transform:scale(1);box-shadow:0 0 40px #ff6b6b4d}25%{transform:scale(.75)rotate(-12deg);box-shadow:0 0 60px #ff6b6bcc}50%{transform:scale(.85)rotate(5deg)}75%{transform:scale(.8)rotate(-3deg)}to{opacity:.8;transform:scale(.85)rotate(-5deg);box-shadow:0 0 40px #ff6b6b66}}.vs-burst{color:gold;text-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70066,0 0 120px #ffd70033;z-index:10;font-size:4.5rem;font-weight:900;animation:1s cubic-bezier(.34,1.56,.64,1) forwards vsBurst;position:absolute}@keyframes vsBurst{0%{opacity:0;transform:scale(0)rotate(-180deg)}40%{opacity:1;transform:scale(2.5)rotate(0)}60%{transform:scale(.7)rotate(10deg)}80%{transform:scale(1.3)rotate(-5deg)}to{opacity:1;transform:scale(1.5)rotate(0)}}.sparkle{pointer-events:none;z-index:15;background:gold;border-radius:50%;animation:.8s ease-out forwards sparkleFade;position:absolute;box-shadow:0 0 20px gold,0 0 40px gold}@keyframes sparkleFade{0%{opacity:1;transform:scale(1)translate(0)}to{transform:scale(0) translate(var(--tx), var(--ty));opacity:0}}.fight-card-image{object-fit:cover;width:100%;height:100%}.fight-card-placeholder{color:#ffffff0d;background:linear-gradient(145deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;font-weight:700;display:flex}.fight-card-info{color:#fff;text-align:center;background:linear-gradient(#0000,#000000d9);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.fight-card-name{color:#fff;text-shadow:0 1px 4px #00000080;font-weight:600}.fight-card-power{color:gold;text-shadow:0 1px 4px #00000080;font-weight:700}.fight-result-announcement{z-index:100;text-align:center;pointer-events:none;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards resultAnnounce;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes resultAnnounce{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-20deg)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(5deg)}70%{transform:translate(-50%,-50%)scale(.9)rotate(-3deg)}85%{transform:translate(-50%,-50%)scale(1.05)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.fight-result-text{text-shadow:0 0 60px #000c,0 0 120px #0006;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);letter-spacing:2px;background:#000000bf;border:2px solid #ffd7004d;border-radius:24px;padding:25px 50px;font-size:4.5rem;font-weight:900}.fight-result-text.win{color:#51cf66;border-color:#51cf6680;box-shadow:0 0 80px #51cf664d,0 0 160px #51cf661a}.fight-result-text.lose{color:#ff6b6b;border-color:#ff6b6b80;box-shadow:0 0 80px #ff6b6b4d,0 0 160px #ff6b6b1a}.fight-result-text.draw{color:gold;border-color:#ffd70080;box-shadow:0 0 80px #ffd7004d,0 0 160px #ffd7001a}.battle-vs-separator{justify-content:center;align-items:center;gap:20px;margin:10px 0;padding:30px 0;display:flex;position:relative}.vs-line{background:linear-gradient(90deg,#0000,#ffd7004d,#0000);flex:1;max-width:200px;height:2px}.vs-center{color:#ffd70033;text-shadow:0 0 40px #ffd7000d;letter-spacing:3px;padding:0 20px;font-size:1.8rem;font-weight:900;animation:2s ease-in-out infinite vsPulse}.fight-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fight-modal-content{width:100%;max-width:800px;padding:20px;position:relative}.fight-modal-arena{background:radial-gradient(#6c63ff0d,#0000 70%);border:1px solid #ffd7000f;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:450px;padding:20px 0;display:flex}@media (width<=900px){.cards-grid,.opponent-cards-grid,.steal-cards-grid{grid-template-columns:repeat(5,1fr);gap:.5rem}.battle-lobby{margin:1rem;padding:1.5rem}.lobby-players{flex-direction:column;gap:.5rem}.lobby-vs{transform:rotate(90deg)}.lobby-player{min-width:100px;padding:.8rem 1rem}.lobby-actions{flex-direction:column;align-items:center}.btn-start-match{width:100%;min-width:0}.btn-leave-lobby,.waiting-message-lobby{width:100%}.battle-arena{min-height:300px;padding:10px 0}.fight-cards-container{gap:30px;height:170px}.fight-card{width:100px;height:140px}.fight-card-info{padding:6px 8px;font-size:.6rem}.vs-burst{font-size:3rem}.fight-result-text{padding:18px 30px;font-size:3rem}.fight-modal-arena{min-height:350px}}@media (width<=600px){.battle-container{padding:.8rem}.battle-header{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.battle-info{gap:.8rem;font-size:.8rem}.battle-code{font-size:.9rem}.scoreboard{gap:1rem;padding:.8rem 1rem}.score-value{min-width:2rem;font-size:1.8rem}.cards-grid,.opponent-cards-grid,.steal-cards-grid{grid-template-columns:repeat(5,1fr);gap:.3rem}.card-name,.steal-card-name,.card-power,.steal-card-power{font-size:.6rem}.round-result-card{width:90%;min-width:auto;padding:1.5rem}.result-cards{flex-direction:column;gap:.5rem}.result-vs{transform:rotate(90deg)}.history-grid{gap:.3rem}.history-item{padding:.1rem .4rem;font-size:.6rem}.action-area .btn-confirm-card{padding:.6rem 1.5rem;font-size:.9rem}.steal-modal{padding:1rem}.steal-cards-grid{grid-template-columns:repeat(4,1fr)}.battle-lobby{padding:1.2rem}.lobby-header h2{font-size:1.5rem}.lobby-player .player-name,.lobby-code .code-highlight{font-size:1rem}.lobby-ready-text{padding:.6rem .8rem;font-size:.8rem}.battle-arena{min-height:220px}.fight-cards-container{gap:15px;height:120px}.fight-card{border-radius:10px;width:70px;height:100px}.fight-card-info{padding:4px 6px;font-size:.5rem}.fight-card-info .fight-card-name,.fight-card-info .fight-card-power{font-size:.5rem}.fight-card-placeholder,.vs-burst{font-size:2rem}.fight-result-text{border-radius:16px;padding:12px 20px;font-size:2rem}@keyframes cardFlyToCenterPlayer{0%{opacity:0;transform:translate(-150px)scale(.6)rotate(-10deg)}40%{opacity:1;transform:translate(-20px)scale(1.1)rotate(3deg)}70%{transform:translate(10px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes cardFlyToCenterOpponent{0%{opacity:0;transform:translate(150px)scale(.6)rotate(10deg)}40%{opacity:1;transform:translate(20px)scale(1.1)rotate(-3deg)}70%{transform:translate(-10px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.fight-modal-content{padding:10px}.fight-modal-arena{min-height:320px;padding:10px 0}}@media (width<=400px){.cards-grid,.opponent-cards-grid{grid-template-columns:repeat(5,1fr);gap:.2rem}.battle-card .card-info,.opponent-card .card-info{padding:.2rem .3rem}.card-name{max-width:50%;font-size:.5rem}.card-power{font-size:.5rem}.steal-cards-grid{grid-template-columns:repeat(3,1fr)}.battle-lobby{padding:1rem}.lobby-player{min-width:80px;padding:.6rem .8rem}.lobby-player .player-name{font-size:.85rem}.lobby-header h2{font-size:1.3rem}.btn-start-match{padding:.6rem 1.5rem;font-size:.9rem}.waiting-message-lobby{padding:.6rem 1rem;font-size:.85rem}.battle-arena{min-height:180px}.fight-cards-container{gap:10px;height:90px}.fight-card{border-radius:8px;width:55px;height:80px}.fight-card-info{padding:2px 4px;font-size:.4rem}.fight-card-info .fight-card-name,.fight-card-info .fight-card-power{font-size:.4rem}.vs-burst{font-size:1.5rem}.fight-result-text{border-radius:12px;padding:10px 15px;font-size:1.5rem}.fight-modal-arena{min-height:280px;padding:8px 0}}.auth-container{background:0 0;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.auth-card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0c0c1ccc;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;animation:.6s ease-out fadeInUp;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000b3,0 0 60px #00d4ff0d}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff08 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.auth-card:after{content:"✦";color:#00d4ff26;font-size:28px;animation:4s ease-in-out infinite float;position:absolute;top:20px;right:30px}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{background:linear-gradient(135deg,#00d4ff,#7b2ffc,#ff6b9d) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900;animation:3s linear infinite shimmer}.auth-header p{color:#ffffff80;margin-top:4px;font-size:14px}.auth-form .form-group{margin-bottom:18px}.auth-form .form-group label{color:#ffffffb3;font-size:13px}.auth-form .form-control{background:#ffffff0a;border-color:#ffffff14;padding:14px 16px}.auth-form .form-control:focus{border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.auth-error{color:#fd79a8;text-align:center;background:#e74c3c1f;border:1px solid #e74c3c4d;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.auth-footer{text-align:center;color:#fff6;border-top:1px solid #ffffff0f;margin-top:24px;padding-top:20px;font-size:14px}.auth-footer a{color:#00d4ff;font-weight:700;text-decoration:none;transition:all .3s}.auth-footer a:hover{color:#7b2ffc;text-decoration:underline}@media (width<=480px){.auth-card{padding:32px 24px}.auth-header h1{font-size:26px}}.form-control.is-valid{border-color:#51cf66;box-shadow:0 0 0 3px #51cf6633}.form-control.is-invalid{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b33}.auth-success{color:#51cf66;background:#51cf661a;border:1px solid #51cf6626;border-radius:6px;margin-top:4px;padding:6px 12px;font-size:13px}.auth-info{color:#ffd93d;margin-top:4px;font-size:13px}.form-text.text-muted{color:#fff6;margin-top:4px;font-size:12px;display:block}.otp-container{justify-content:center;margin:24px 0 16px;display:flex}.otp-inputs{gap:14px;display:flex}.otp-input{text-align:center;color:#fff;background:#ffffff08;border:2px solid #ffffff14;border-radius:14px;outline:none;width:52px;height:60px;font-family:Inter,sans-serif;font-size:28px;font-weight:700;transition:all .3s;box-shadow:inset 0 2px 4px #0000001a}.otp-input:focus{background:#ffffff0f;border-color:#6c63ff;transform:translateY(-2px);box-shadow:0 0 0 4px #6c63ff26,inset 0 2px 4px #0000001a}.otp-input.filled{background:#6c63ff14;border-color:#6c63ff66}.otp-input:disabled{opacity:.5;cursor:not-allowed;transform:none}.otp-timer{text-align:center;color:#ffffff80;margin:4px 0 16px;font-size:14px}.otp-timer strong{color:gold;font-weight:700}.otp-timer .expired{color:#ff6b6b}.verify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff59}.verify-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.otp-resend{text-align:center;margin-top:16px}.resend-btn{color:#6c63ff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.resend-btn:hover:not(:disabled){color:#8b83ff;background:#6c63ff14}.resend-btn:disabled{opacity:.4;cursor:not-allowed}.resend-text{color:#ffffff4d;font-size:14px}.resend-text strong{color:#ffffff80}.auth-icon{margin-bottom:8px;font-size:48px;display:block}.auth-email-display{color:gold;word-break:break-all;margin-top:2px;font-size:18px;font-weight:600}.loading-spinner{align-items:center;gap:8px;display:inline-flex}@media (width<=600px){.otp-input{width:44px;height:52px;font-size:24px}.otp-inputs{gap:10px}}@media (width<=400px){.otp-input{width:38px;height:46px;font-size:20px}.otp-inputs{gap:8px}.auth-email-display{font-size:15px}}.profile-container{max-width:1000px;margin:0 auto;padding:20px;animation:.5s ease-out fadeInUp}.profile-banner{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460) 50%/cover;border:1px solid #ffffff0f;border-radius:24px;width:100%;height:260px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080}.banner-overlay{z-index:1;background:linear-gradient(#0003 0%,#000000b3 100%);position:absolute;inset:0}.banner-edit-btn{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff1a;border-radius:12px;padding:8px 14px;font-size:16px;transition:all .3s;position:absolute;top:16px;right:16px}.banner-edit-btn:hover{background:#ffffff26;transform:scale(1.05)}.banner-bottom-row{z-index:5;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px;left:28px;right:28px}.banner-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.profile-photo-large{cursor:pointer;background:#ffffff0d 50%/cover;border:3px solid #fff3;border-radius:50%;flex-shrink:0;width:72px;height:72px;transition:all .3s;position:relative;box-shadow:0 8px 30px #0006}.profile-photo-large:hover{border-color:#00d4ff66;transform:scale(1.05)}.profile-photo-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#2d2d5e,#1a1a2e);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;font-weight:900;display:flex}.photo-edit-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;padding:3px 6px;font-size:10px;position:absolute;bottom:0;right:0}.banner-user-info{flex-direction:column;gap:0;display:flex}.banner-username{color:#fff;text-shadow:0 2px 20px #0009;margin:0;font-size:26px;font-weight:900;line-height:1.2}.title-display{cursor:pointer;text-shadow:0 2px 20px #0009;align-items:center;gap:6px;width:fit-content;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.title-name{font-weight:700}.title-placeholder{color:#ffffff4d;border:1px dashed #ffffff26;border-radius:20px;padding:1px 10px;font-size:12px;font-weight:400;transition:all .3s}.title-placeholder:hover{color:#ffffff80;border-color:#ffffff4d}.title-rarity-badge{font-size:12px}.banner-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:0;padding:6px 16px;display:flex}.banner-stat{align-items:center;gap:8px;padding:0;display:flex}.banner-stat-value{color:#fff;text-align:right;min-width:28px;font-size:20px;font-weight:800}.banner-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;min-width:55px;font-size:10px;font-weight:600}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.profile-stats-grid .stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0e0e1eb3;border:1px solid #ffffff0a;border-radius:16px;padding:20px;transition:all .3s}.profile-stats-grid .stat-card:hover{border-color:#00d4ff26;transform:translateY(-4px)}.profile-stats-grid .stat-number{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.profile-stats-grid .stat-label{color:#ffffff80;margin-top:4px;font-size:14px;font-weight:500}.profile-photos-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e1e99;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:30px;padding:24px}.photos-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.photos-section-header h2{color:#fff;font-size:18px;font-weight:700}.photos-count{color:#fff6;font-size:14px;font-weight:600}.top-photos-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.top-photo-item{cursor:pointer;flex-direction:column;align-items:center;gap:6px;transition:all .3s;display:flex}.top-photo-item.unlocked:hover{transform:scale(1.05)}.top-photo-item.locked{cursor:not-allowed;opacity:.5}.top-photo-item.equipped .top-photo-preview{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33}.top-photo-preview{background:#1a1a2e 50%/cover;border:3px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative}.top-photo-preview:hover{border-color:#ffffff26}.photo-rarity-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;padding:2px;font-size:14px;position:absolute;bottom:-4px;right:-4px}.photo-equipped-badge{background:#00d4ff33;border-radius:50%;padding:2px;font-size:14px;position:absolute;top:-4px;right:-4px}.top-photo-name{color:#ffffff80;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;overflow:hidden}.profile-history{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e1e99;border:1px solid #ffffff0a;border-radius:16px;padding:24px}.profile-history h2{color:#fff;margin-bottom:16px;font-size:20px;font-weight:800}.history-list{flex-direction:column;gap:10px;max-height:400px;display:flex;overflow-y:auto}.history-item{background:#0000004d;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .3s;display:flex}.history-item:hover{border-color:#00d4ff26}.history-status{align-items:center;gap:8px;min-width:100px;display:flex}.status-emoji{font-size:20px}.status-text{font-size:12px;font-weight:600}.status-won{color:#00b894}.status-lost{color:#e74c3c}.status-abandoned{color:#fdcb6e}.status-unknown{color:#888}.history-details{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.history-character{align-items:center;gap:8px;display:flex}.history-character strong{color:#fff}.history-anime{color:#fff6;font-size:14px}.history-meta{color:#fff6;align-items:center;gap:16px;font-size:14px;display:flex}.history-date{color:#ffffff40}.history-empty{text-align:center;color:#ffffff4d;padding:40px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeInUp;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0e0e1ef2;border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:800px;max-height:80vh;padding:32px;overflow-y:auto;box-shadow:0 30px 80px #000c}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:#fff;font-size:24px;font-weight:800}.modal-close{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:28px;transition:all .3s}.modal-close:hover{color:#fff;transform:rotate(90deg)}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.banner-item{cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:12px;transition:all .3s;overflow:hidden}.banner-item:hover{border-color:#ffffff1a;transform:translateY(-4px)}.banner-item.equipped{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33}.banner-item.locked{opacity:.5;cursor:not-allowed}.banner-preview{background-color:#1a1a2e;background-position:50%;background-size:cover;height:120px;position:relative}.banner-rarity{background:#0009;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;left:8px}.banner-equipped-badge{color:#00d4ff;background:#00d4ff33;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.locked-banner{flex-direction:column;justify-content:center;align-items:center;display:flex}.lock-icon{opacity:.3;font-size:32px}.banner-info{padding:12px}.banner-info h4{color:#fff;font-size:14px;font-weight:700}.banner-info p{color:#fff6;font-size:12px}.title-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.title-item{cursor:pointer;transition:all .3s}.title-item.locked{opacity:.5;cursor:not-allowed}.title-item.equipped .title-card{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff26}.title-card{text-align:center;background:#0000004d;border:2px solid #0000;border-radius:12px;padding:16px;transition:all .3s}.title-card:hover{border-color:#ffffff1a;transform:translateY(-4px)}.title-rarity{margin-bottom:8px;font-size:11px;font-weight:700}.title-preview{background:#ffffff0d;border-radius:8px;margin-bottom:8px;padding:8px;font-size:16px;font-weight:700}.title-card h4{color:#fff;font-size:14px}.title-card p{color:#ffffff4d;font-size:12px}.equipped-badge{color:#00d4ff;margin-top:8px;font-size:12px;font-weight:700}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.photo-item{cursor:pointer;transition:all .3s}.photo-item.locked{opacity:.5;cursor:not-allowed}.photo-item.equipped .photo-preview{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff33}.photo-preview{aspect-ratio:1;background:#1a1a2e 50%/cover;border:3px solid #0000;border-radius:16px;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.photo-preview:hover{transform:scale(1.02)}.photo-equipped-badge{font-size:16px;position:absolute;top:4px;right:4px}.photo-info{text-align:center;padding:8px 4px}.photo-info h4{color:#fff;font-size:13px;font-weight:700}.photo-anime{color:#fff6;font-size:12px}.photo-rarity{font-size:11px;font-weight:600}.photo-search-container{align-items:center;margin-bottom:16px;display:flex;position:relative}.photo-search-input{color:#fff;background:#ffffff0f;border:2px solid #ffffff14;border-radius:12px;width:100%;padding:10px 40px 10px 14px;font-size:14px;transition:all .3s}.photo-search-input:focus{background:#ffffff17;border-color:#00d4ff;outline:none}.photo-search-input::placeholder{color:#ffffff4d}.photo-search-clear{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .3s;position:absolute;right:10px}.photo-search-clear:hover{color:#fff}@media (width<=768px){.profile-banner{height:200px}.banner-bottom-row{gap:10px;bottom:14px;left:16px;right:16px}.banner-left{gap:12px}.profile-photo-large{width:56px;height:56px}.banner-username{font-size:18px}.title-display{font-size:12px}.banner-stats{padding:4px 12px}.banner-stat-value{min-width:22px;font-size:16px}.banner-stat-label{min-width:45px;font-size:9px}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}.history-item{flex-direction:column;align-items:stretch}.history-status{justify-content:center}.history-details{flex-direction:column;align-items:center}.history-meta{flex-direction:column;gap:4px}.modal-content{max-height:90vh;padding:20px}.top-photos-grid{grid-template-columns:repeat(5,1fr);gap:8px}.top-photo-preview{width:56px;height:56px}.top-photo-name{max-width:56px;font-size:10px}.photos-section-header h2{font-size:16px}.banner-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.banner-preview{height:80px!important}.banner-info h4{font-size:12px!important}.banner-info p{font-size:10px!important}.photo-grid{grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.photo-info h4{font-size:10px!important}.photo-anime,.photo-rarity{font-size:9px!important}.title-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.title-preview{padding:6px!important;font-size:13px!important}.title-card h4{font-size:12px!important}.title-card p{font-size:10px!important}}@media (width<=480px){.profile-banner{border-radius:16px;height:170px}.banner-bottom-row{gap:6px;bottom:10px;left:12px;right:12px}.banner-left{gap:8px}.profile-photo-large{border-width:2px;width:44px;height:44px}.banner-username{font-size:14px}.title-display{font-size:10px}.banner-stats{padding:4px 10px}.banner-stat-value{min-width:18px;font-size:13px}.banner-stat-label{min-width:38px;font-size:8px}.profile-stats-grid{grid-template-columns:1fr 1fr}.profile-stats-grid .stat-number{font-size:24px}.modal-content{padding:16px}.modal-header h2{font-size:18px}.banner-edit-btn{padding:4px 10px;font-size:12px;top:8px;right:8px}.photo-edit-badge{padding:2px 4px;font-size:8px}.top-photos-grid{grid-template-columns:repeat(5,1fr);gap:4px}.top-photo-preview{border-width:2px;width:44px;height:44px}.top-photo-name{max-width:44px;font-size:8px}.lock-icon-small{font-size:14px}.photo-rarity-badge{font-size:10px}}.showcase-hint{text-align:center;color:#ffffff4d;background:#ffffff08;border:1px solid #ffffff0a;border-radius:8px;margin-top:12px;padding:8px;font-size:.8rem}.top-photo-item.empty .top-photo-preview{background:#ffffff08;border:2px dashed #ffffff14;justify-content:center;align-items:center;display:flex}.top-photo-item.empty .add-icon{color:#ffffff26;font-size:24px;transition:all .3s}.top-photo-item.empty:hover .add-icon{color:#fff6;transform:scale(1.1)}.top-photo-item.empty .top-photo-name{color:#fff3}.top-photo-item .photo-remove-hint{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#e74c3cd9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #0000004d}.top-photo-item.unlocked:hover .photo-remove-hint{opacity:1}.photo-select-hint{color:#00d4ff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-item.unlocked:hover .photo-select-hint{opacity:1}.modal-hint{text-align:center;color:#fff6;margin-bottom:16px;font-size:.9rem;font-weight:400}.photo-search-empty{text-align:center;color:#ffffff4d;padding:40px 20px;font-size:14px}.photo-item.unlocked{cursor:pointer;transition:all .3s}.photo-item.unlocked:hover{transform:translateY(-4px)}.photo-item.unlocked:hover .photo-preview{border-color:#00d4ff;box-shadow:0 0 30px #00d4ff1a}@media (width<=768px){.showcase-hint{padding:6px 12px;font-size:.7rem}.top-photo-item .photo-remove-hint{width:16px;height:16px;font-size:9px}.photo-select-hint{width:36px;height:36px;font-size:18px}.top-photo-item.empty .add-icon{font-size:18px}}@media (width<=480px){.showcase-hint{padding:4px 8px;font-size:.6rem}.top-photo-item .photo-remove-hint{width:14px;height:14px;font-size:8px;top:-2px;right:-2px}.photo-select-hint{width:28px;height:28px;font-size:14px}.top-photo-item.empty .add-icon{font-size:14px}}.profile-cards-section{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;margin-top:30px;padding:20px}.cards-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.cards-section-header h2{color:#fff;margin:0;font-size:20px}.cards-subtitle{color:#ffffff4d;margin-left:8px;font-size:13px}.cards-stats{gap:16px;display:flex}.cards-stat{color:#fff6;background:#ffffff0a;border-radius:8px;padding:4px 12px;font-size:13px}.cards-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.cards-sort{align-items:center;gap:8px;display:flex}.cards-sort label{color:#ffffff4d;font-size:13px}.cards-sort select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:6px 12px;font-size:13px}.cards-sort select:focus{border-color:#6c63ff}.cards-count{color:#fff3;font-size:13px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.card-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.card-item:hover{border-color:#6c63ff33;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.card-image{background-color:#ffffff0d;background-position:50%;background-size:cover;height:100px}.card-image-placeholder{color:#ffffff1a;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;height:100px;font-size:36px;font-weight:700;display:flex}.card-info{padding:8px 10px}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.card-power{color:gold;margin-top:2px;font-size:12px;font-weight:700}.card-stolen-badge{color:#ff6b6b;background:#ff6b6b26;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600;position:absolute;top:6px;right:6px}.cards-empty{text-align:center;color:#ffffff4d;padding:40px 20px}.cards-empty p{margin:4px 0}.cards-loading{text-align:center;color:#fff3;padding:20px}.card-detail-modal .modal-content{max-width:420px}.card-detail-content{flex-direction:column;align-items:center;gap:16px;padding:8px 0;display:flex}.card-detail-image{background:#ffffff0d;border-radius:12px;width:150px;height:150px;overflow:hidden}.card-detail-image img{object-fit:cover;width:100%;height:100%}.card-detail-placeholder{color:#ffffff1a;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:700;display:flex}.card-detail-info{text-align:center}.card-detail-info h3{color:#fff;margin:0 0 8px;font-size:20px}.card-detail-power{color:#fff9;font-size:16px}.card-detail-power strong{color:gold}.card-detail-stolen{color:#ff6b6b;margin-top:4px;font-size:13px}.card-detail-unlocked{color:#ffffff4d;margin-top:4px;font-size:12px}@media (width<=640px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.card-image,.card-image-placeholder{height:80px}.cards-section-header{flex-direction:column;align-items:flex-start}.cards-stats{flex-wrap:wrap}}.history-power{color:gold;background:#ffd70014;border-radius:4px;margin-left:6px;padding:1px 8px;font-size:11px}.public-profile-container{max-width:1000px;margin:0 auto;padding:20px;animation:.5s ease-out fadeInUp}.public-profile-banner{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460) 50%/cover;border:1px solid #ffffff0f;border-radius:24px;width:100%;height:260px;margin-bottom:30px;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080}.public-banner-overlay{z-index:1;background:linear-gradient(#0003 0%,#0009 100%);position:absolute;inset:0}.public-banner-user-row{z-index:5;align-items:center;gap:24px;display:flex;position:absolute;bottom:30px;left:30px}.public-profile-photo{background-position:50%;background-size:cover;border:4px solid #ffffff26;border-radius:50%;flex-shrink:0;width:90px;height:90px;box-shadow:0 8px 30px #0006}.public-profile-photo-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#2d2d5e,#1a1a2e);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:36px;font-weight:900;display:flex}.public-banner-user-info{z-index:5;flex-direction:column;display:flex}.public-banner-username{color:#fff;text-shadow:0 2px 20px #0009;margin:0;font-size:32px;font-weight:900;line-height:1.2}.public-banner-title{text-shadow:0 2px 20px #0006;font-size:18px;font-weight:600}.public-title-rarity{opacity:.6;margin-left:6px;font-size:12px}.public-banner-stats{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000080;border:1px solid #ffffff0f;border-radius:16px;gap:24px;padding:10px 24px;display:flex;position:absolute;bottom:30px;right:30px}.public-banner-stat{text-align:center}.public-banner-stat-value{color:#fff;font-size:22px;font-weight:800;display:block}.public-banner-stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.public-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px;display:grid}.public-stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0e0e1eb3;border:1px solid #ffffff0a;border-radius:16px;padding:20px;transition:all .3s}.public-stat-card:hover{border-color:#00d4ff26;transform:translateY(-4px)}.public-stat-number{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.public-stat-label{color:#ffffff80;margin-top:4px;font-size:14px;font-weight:500}.public-photos-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0e1e99;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:20px;padding:24px}.public-photos-section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.public-photos-section-header h2{color:#fff;font-size:18px;font-weight:700}.public-photos-count{color:#fff6;font-size:14px;font-weight:600}.public-top-photos-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.public-top-photo-item{flex-direction:column;align-items:center;gap:6px;display:flex}.public-top-photo-item.locked{opacity:.5;cursor:default}.public-top-photo-item.unlocked{cursor:default}.public-top-photo-preview{background:#1a1a2e 50%/cover;border:3px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:all .3s;display:flex;position:relative}.public-top-photo-preview:hover{border-color:#ffffff26}.locked-preview{background:#ffffff05;border:3px dashed #ffffff0d}.lock-icon-small{opacity:.3;font-size:20px}.public-photo-rarity-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:50%;padding:2px;font-size:14px;position:absolute;bottom:-4px;right:-4px}.public-top-photo-name{color:#ffffff80;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;overflow:hidden}.public-back-btn{border-radius:12px;width:100%;margin-top:8px;padding:14px}.error-container{text-align:center;padding:60px 20px}.error-container h2{color:#fd79a8;margin-bottom:8px;font-size:32px}.error-container p{color:#ffffff80;margin-bottom:20px}@media (width<=768px){.public-profile-banner{height:220px}.public-banner-user-row{gap:14px;bottom:16px;left:16px}.public-profile-photo{width:70px;height:70px}.public-banner-username{font-size:24px}.public-banner-title{font-size:15px}.public-banner-stats{gap:14px;padding:6px 14px;bottom:12px;right:12px}.public-banner-stat-value{font-size:16px}.public-stats-grid{grid-template-columns:repeat(2,1fr)}.public-top-photos-grid{grid-template-columns:repeat(5,1fr);gap:8px}.public-top-photo-preview{width:56px;height:56px}.public-top-photo-name{max-width:56px;font-size:10px}}@media (width<=480px){.public-profile-banner{border-radius:16px;height:180px}.public-banner-user-row{gap:10px;bottom:10px;left:10px}.public-profile-photo{border-width:3px;width:55px;height:55px}.public-profile-photo-placeholder{font-size:24px}.public-banner-username{font-size:18px}.public-banner-title{font-size:13px}.public-banner-stats{gap:8px;padding:4px 10px;bottom:8px;right:8px}.public-banner-stat-value{font-size:13px}.public-banner-stat-label{font-size:8px}.public-stats-grid{grid-template-columns:1fr 1fr}.public-stat-number{font-size:24px}.public-top-photos-grid{grid-template-columns:repeat(5,1fr);gap:4px}.public-top-photo-preview{border-width:2px;width:44px;height:44px}.public-top-photo-name{max-width:44px;font-size:8px}.lock-icon-small{font-size:14px}.public-photo-rarity-badge{font-size:10px}}:root{--lb-accent:#6c63ff;--lb-accent-glow:#6c63ff26;--lb-gold:gold;--lb-gold-glow:#ffd7001f;--lb-card-bg:#ffffff08;--lb-border:#ffffff0f;--lb-text-primary:#fff;--lb-text-secondary:#ffffffbf;--lb-text-muted:#fff6}.leaderboard-container{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;background:#0a0a1e8c;border:1px solid #6c63ff14;border-radius:24px;max-width:820px;margin:0 auto;padding:30px 24px 40px;transition:all 1.8s cubic-bezier(.25,.46,.45,.94);transform:translateY(50px);box-shadow:0 8px 60px #00000080,inset 0 1px #6c63ff0d}.leaderboard-container.fade-in{opacity:1;transform:translateY(0)}.leaderboard-header{text-align:center;opacity:0;margin-bottom:32px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .4s;transform:translateY(35px)}.leaderboard-container.fade-in .leaderboard-header{opacity:1;transform:translateY(0)}.leaderboard-header h1{background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:38px;font-weight:800;animation:6s linear infinite shimmerBlue}@keyframes shimmerBlue{0%{background-position:-200%}to{background-position:200%}}.leaderboard-header .leaderboard-subtitle{color:var(--lb-text-secondary);letter-spacing:.3px;-webkit-text-fill-color:var(--lb-text-secondary);margin-top:8px;font-size:14px;font-weight:400}.prize-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;background:#6c63ff14;border:1px solid #6c63ff1f;border-radius:100px;margin:8px auto 4px;padding:10px 28px;animation:4s ease-in-out infinite pulseGlow;display:inline-block;color:#a78bfa!important;-webkit-text-fill-color:#a78bfa!important;font-size:18px!important;font-weight:600!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6c63ff0d}50%{box-shadow:0 0 40px #6c63ff1a}}.prize-message strong{color:gold;-webkit-text-fill-color:gold;font-weight:700}.season-countdown{color:var(--lb-text-muted);letter-spacing:.3px;margin-top:12px;font-size:15px;font-weight:500}.season-countdown strong{color:#818cf8;-webkit-text-fill-color:#818cf8;font-weight:700}.leaderboard-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#ffffff05;border:1px solid #6c63ff0f;border-radius:18px;padding:20px 16px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .6s;transform:translateY(35px)}.leaderboard-container.fade-in .leaderboard-card{opacity:1;transform:translateY(0)}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.leaderboard-item{opacity:0;cursor:pointer;background:#00000040;border:1px solid #0000;border-radius:10px;grid-template-columns:44px 48px 1fr 90px 80px;align-items:center;gap:8px;padding:10px 16px;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);display:grid;transform:translateY(35px)}.leaderboard-item.visible{opacity:1;transform:translateY(0)}.leaderboard-item:first-child.visible{transition-delay:.15s}.leaderboard-item:nth-child(2).visible{transition-delay:.3s}.leaderboard-item:nth-child(3).visible{transition-delay:.45s}.leaderboard-item:nth-child(4).visible{transition-delay:.6s}.leaderboard-item:nth-child(5).visible{transition-delay:.75s}.leaderboard-item:nth-child(6).visible{transition-delay:.9s}.leaderboard-item:nth-child(7).visible{transition-delay:1.05s}.leaderboard-item:nth-child(8).visible{transition-delay:1.2s}.leaderboard-item:nth-child(9).visible{transition-delay:1.35s}.leaderboard-item:nth-child(10).visible{transition-delay:1.5s}.leaderboard-item:nth-child(11).visible{transition-delay:1.65s}.leaderboard-item:nth-child(12).visible{transition-delay:1.8s}.leaderboard-item:nth-child(13).visible{transition-delay:1.95s}.leaderboard-item:nth-child(14).visible{transition-delay:2.1s}.leaderboard-item:nth-child(15).visible{transition-delay:2.25s}.leaderboard-item:hover{background:#6c63ff14;border-color:#6c63ff1f;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translate(6px);box-shadow:0 4px 20px #6c63ff0d}.leaderboard-item.header{color:var(--lb-text-muted);text-transform:uppercase;letter-spacing:.8px;cursor:default;border-bottom:1px solid #6c63ff14;padding-bottom:10px;font-size:12px;font-weight:600;opacity:1!important;background:0 0!important;transition:none!important;transform:none!important}.leaderboard-item.header:hover{box-shadow:none!important;background:0 0!important;border-color:#6c63ff14!important;transform:none!important}.leaderboard-item.top{background:#6c63ff0a;border:1px solid #6c63ff14}.leaderboard-item.top:hover{background:#6c63ff14;border-color:#6c63ff26;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.leaderboard-item.top:first-child{background:#6c63ff0f;border-color:#6c63ff26;box-shadow:0 0 30px #6c63ff0d}.leaderboard-item.top:first-child:hover{background:#6c63ff1a;border-color:#6c63ff40}.rank{text-align:center;color:var(--lb-text-secondary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rank.gold{color:gold}.rank.silver{color:silver}.rank.bronze{color:#cd7f32}.avatar-col{justify-content:center;align-items:center;display:flex}.leaderboard-avatar{object-fit:cover;border:2px solid #6c63ff1a;border-radius:50%;width:34px;height:34px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.leaderboard-item:hover .leaderboard-avatar{border-color:#6c63ff4d;transform:scale(1.05)}.leaderboard-avatar-placeholder{color:#6c63ff80;background:linear-gradient(135deg,#2d2d5e99,#1a1a2e99);border:2px solid #6c63ff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.player{color:var(--lb-text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:14px;font-weight:600;overflow:hidden}.games{color:#818cf8;text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.streak{color:#f472b6;text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.streak.high{color:gold}.leaderboard-empty{text-align:center;color:var(--lb-text-muted);padding:60px 20px;font-size:16px}.leaderboard-empty .empty-subtext{color:var(--lb-text-muted);opacity:.7;margin-top:8px;font-size:13px}.leaderboard-error{color:#f87171;text-align:center;padding:12px;font-weight:500}@media (width<=768px){.leaderboard-container{border-radius:18px;margin:0 8px;padding:20px 14px 30px}.leaderboard-header h1{font-size:28px}.leaderboard-header .leaderboard-subtitle{font-size:12px}.prize-message{padding:8px 18px;font-size:15px!important}.season-countdown{font-size:13px}.leaderboard-card{padding:14px 10px}.leaderboard-item{border-radius:8px;grid-template-columns:36px 38px 1fr 60px 55px;gap:4px;padding:8px 10px;font-size:12px}.leaderboard-item.header{letter-spacing:.5px;grid-template-columns:36px 38px 1fr 60px 55px;padding-bottom:8px;font-size:10px}.leaderboard-avatar{width:28px;height:28px}.leaderboard-avatar-placeholder{width:28px;height:28px;font-size:12px}.rank{font-size:13px}.player,.games,.streak{font-size:12px}}@media (width<=480px){.leaderboard-container{border-radius:14px;margin:0 4px;padding:14px 10px 24px}.leaderboard-header h1{font-size:22px}.leaderboard-header .leaderboard-subtitle{font-size:10px}.prize-message{padding:6px 14px;font-size:13px!important}.season-countdown{font-size:11px}.leaderboard-card{border-radius:12px;padding:10px 6px}.leaderboard-item{border-radius:6px;grid-template-columns:28px 30px 1fr 44px 40px;gap:2px;padding:6px;font-size:10px}.leaderboard-item.header{letter-spacing:.3px;grid-template-columns:28px 30px 1fr 44px 40px;padding-bottom:6px;font-size:9px}.leaderboard-avatar{border-width:1.5px;width:22px;height:22px}.leaderboard-avatar-placeholder{width:22px;height:22px;font-size:10px}.rank{font-size:11px}.player,.games,.streak{font-size:10px}}:root{--sw-accent:#6c63ff;--sw-accent-glow:#6c63ff26;--sw-gold:gold;--sw-gold-glow:#ffd7001f;--sw-text-primary:#fff;--sw-text-secondary:#ffffffbf;--sw-text-muted:#fff6}.season-winners-container{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;background:#0a0a1e8c;border:1px solid #6c63ff14;border-radius:24px;max-width:820px;min-height:70vh;margin:0 auto;padding:30px 24px 40px;transition:all 1.8s cubic-bezier(.25,.46,.45,.94);transform:translateY(50px);box-shadow:0 8px 60px #00000080,inset 0 1px #6c63ff0d}.season-winners-container.fade-in{opacity:1;transform:translateY(0)}.season-winners-header{text-align:center;opacity:0;margin-bottom:32px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .4s;transform:translateY(35px)}.season-winners-container.fade-in .season-winners-header{opacity:1;transform:translateY(0)}.season-winners-header h1{background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:38px;font-weight:800;animation:6s linear infinite shimmerBlue}.season-subtitle{color:var(--sw-text-secondary);-webkit-text-fill-color:var(--sw-text-secondary);font-size:15px;font-weight:400}.season-subtitle strong{color:#818cf8;-webkit-text-fill-color:#818cf8;font-weight:700}.winners-list{opacity:0;flex-direction:column;gap:8px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .6s;display:flex;transform:translateY(35px)}.season-winners-container.fade-in .winners-list{opacity:1;transform:translateY(0)}.winner-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#00000040;border:1px solid #0000;border-radius:12px;grid-template-columns:140px 1fr 90px 80px 100px;align-items:center;gap:12px;padding:14px 20px;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);display:grid;transform:translateY(35px)}.winner-item.visible{opacity:1;transform:translateY(0)}.winner-item:first-child.visible{transition-delay:.15s}.winner-item:nth-child(2).visible{transition-delay:.3s}.winner-item:nth-child(3).visible{transition-delay:.45s}.winner-item:nth-child(4).visible{transition-delay:.6s}.winner-item:nth-child(5).visible{transition-delay:.75s}.winner-item:nth-child(6).visible{transition-delay:.9s}.winner-item:nth-child(7).visible{transition-delay:1.05s}.winner-item:nth-child(8).visible{transition-delay:1.2s}.winner-item:nth-child(9).visible{transition-delay:1.35s}.winner-item:nth-child(10).visible{transition-delay:1.5s}.winner-item:hover{background:#6c63ff14;border-color:#6c63ff1f;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translate(6px);box-shadow:0 4px 20px #6c63ff0d}.winner-item.latest{background:#6c63ff0f;border-color:#6c63ff26;box-shadow:0 0 30px #6c63ff0d}.winner-item.latest:hover{background:#6c63ff1a;border-color:#6c63ff40}.season-number{color:#a78bfa;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.crown{font-size:20px;animation:2s ease-in-out infinite crownGlow}@keyframes crownGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.winner-name{color:var(--sw-text-primary);letter-spacing:-.2px;font-size:15px;font-weight:600}.winner-streak{color:#f472b6;text-align:center;font-size:14px;font-weight:600}.winner-wins{color:#818cf8;text-align:center;font-size:14px;font-weight:600}.winner-prize{color:gold;text-align:center;font-size:14px;font-weight:700}.no-winners{text-align:center;color:var(--sw-text-muted);padding:60px 20px;font-size:16px}.no-winners p{margin-bottom:4px}.loader{border:3px solid #6c63ff1a;border-top-color:#6c63ff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@media (width<=768px){.season-winners-container{border-radius:18px;margin:0 8px;padding:20px 14px 30px}.season-winners-header h1{font-size:28px}.season-subtitle{font-size:13px}.winner-item{text-align:center;border-radius:10px;grid-template-columns:1fr;gap:6px;padding:14px 16px}.season-number{justify-content:center;font-size:14px}.winner-name{font-size:15px}.winner-streak,.winner-wins,.winner-prize{font-size:13px}.winner-item.latest{border-color:#6c63ff33}.crown{font-size:18px}}@media (width<=480px){.season-winners-container{border-radius:14px;margin:0 4px;padding:14px 10px 24px}.season-winners-header h1{font-size:22px}.season-subtitle{font-size:12px}.winner-item{border-radius:8px;gap:4px;padding:12px}.season-number{font-size:13px}.winner-name{font-size:14px}.winner-streak,.winner-wins,.winner-prize{font-size:12px}.crown{font-size:16px}}.admin-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#000000eb;border:1px solid #ffffff0f;border-radius:20px;max-width:1200px;margin:0 auto;padding:24px;animation:.5s ease-out fadeInUp;box-shadow:0 8px 40px #0009}.admin-header{background:#000;border:1px solid #ffffff0f;border-radius:20px;margin-bottom:28px;padding:24px 28px;box-shadow:0 8px 30px #0009}.admin-title{background:linear-gradient(135deg,#00d4ff,#7b2ffc,#ff6b9d) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:36px;font-weight:900;animation:3s linear infinite shimmer;display:inline-block}.admin-tabs{background:0 0;flex-wrap:wrap;gap:12px;padding:4px;display:flex}.admin-tabs .tab-btn{color:#fff9;cursor:pointer;letter-spacing:.3px;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.admin-tabs .tab-btn:hover{color:#fff;background:#ffffff14}.admin-tabs .tab-btn.active{color:#fff;background:linear-gradient(135deg,#00d4ff33,#7b2ffc33);border-color:#00d4ff4d;box-shadow:0 0 30px #00d4ff0d}.admin-tabs .tab-btn .tab-badge{color:#ff6b9d;background:#ff6b9d33;border-radius:20px;margin-left:4px;padding:2px 10px;font-size:11px;font-weight:700}.admin-alert{border-radius:12px;margin-bottom:20px;padding:14px 20px;font-weight:600}.admin-alert.error{color:#fd79a8;background:#e74c3c33;border:1px solid #e74c3c4d}.admin-alert.success{color:#00d4ff;background:#00d4ff26;border:1px solid #00d4ff40}.admin-form-card,.admin-list-card{background:#0009;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:28px;padding:28px 32px;box-shadow:0 4px 20px #0000004d}.admin-form-card h2,.admin-list-card h2{color:#fff;letter-spacing:-.3px;margin-bottom:20px;font-size:22px;font-weight:800}.admin-form-card h2:before,.admin-list-card h2:before{content:"✦ ";color:#00d4ff}.admin-form .form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-form .form-group{margin-bottom:18px}.admin-form .form-group label{color:#e0e0e0;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.admin-form .form-control{background:#1a1a2e;border:2px solid #333;border-radius:12px;width:100%;padding:12px 16px;font-size:15px;transition:all .3s;color:#fff!important}.admin-form .form-control:focus{background:#224;border-color:#00d4ff;box-shadow:0 0 0 4px #00d4ff1a}.admin-form .form-control::placeholder{color:#999;opacity:1}.admin-form .form-control select,.admin-form select.form-control{appearance:none;background:#1a1a2e url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 12px center/16px no-repeat;padding-right:40px;color:#fff!important}.admin-form .form-row.checkboxes{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:8px 0;display:flex}.checkbox-label{color:#e0e0e0;cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{accent-color:#00d4ff;cursor:pointer;width:18px;height:18px}.form-actions{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.admin-form .btn{text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-weight:700;transition:all .3s}.admin-form .btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ffc);box-shadow:0 4px 25px #00d4ff4d}.admin-form .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 40px #00d4ff80}.admin-form .btn-secondary{color:#fff;background:#444}.admin-form .btn-secondary:hover{background:#555}.character-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.character-card{background:#0000004d;border:1px solid #ffffff0a;border-radius:14px;gap:14px;padding:14px;transition:all .3s;display:flex}.character-card:hover{background:#00000073;border-color:#00d4ff33;transform:translateY(-2px)}.char-image{object-fit:cover;border:2px solid #ffffff0d;border-radius:12px;flex-shrink:0;width:80px;height:80px}.char-info{flex-direction:column;flex:1;display:flex}.char-info h3{color:#fff;margin-bottom:2px;font-size:17px;font-weight:700}.char-anime{color:#00d4ff;margin-bottom:4px;font-size:13px;font-weight:600}.char-desc{color:#fff9;flex:1;font-size:13px;line-height:1.4}.char-actions{gap:8px;margin-top:8px;display:flex}.char-actions .btn-sm{border-radius:8px;padding:4px 14px;font-size:12px}.banner-admin-grid,.title-admin-grid,.photo-admin-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.banner-admin-card,.title-admin-card,.photo-admin-card{background:#0000004d;border:1px solid #ffffff0a;border-radius:12px;padding:12px;transition:all .3s}.banner-admin-card:hover,.title-admin-card:hover,.photo-admin-card:hover{border-color:#00d4ff33}.banner-admin-card .banner-preview{background-color:#1a1a2e;background-position:50%;background-size:cover;border-radius:8px;height:120px}.title-admin-card .title-preview{text-align:center;background:#ffffff08;border-radius:8px;padding:12px;font-size:18px;font-weight:700}.photo-admin-card .photo-preview{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:8px;width:100%}.banner-info,.photo-info{margin-top:8px}.banner-info h4,.photo-info h4{color:#fff;font-size:15px;font-weight:700}.banner-info p,.photo-info p{color:#fff9;margin:4px 0;font-size:13px}.banner-meta,.title-meta{color:#fff6;gap:8px;margin:4px 0 8px;font-size:12px;display:flex}.rarity-common{color:#a0a0a0}.rarity-uncommon{color:#4ecdc4}.rarity-rare{color:#4a9eff}.rarity-epic{color:#a855f7}.rarity-legendary{color:#f59e0b}.user-table-wrapper{margin:0 -8px;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:600px;font-size:14px}.user-table th{text-align:left;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border-bottom:2px solid #ffffff0a;padding:12px;font-size:12px;font-weight:600}.user-table td{color:#ffffffd9;border-bottom:1px solid #ffffff0a;padding:12px}.user-table tr:hover td{background:#ffffff05}.role-badge{text-transform:uppercase;border-radius:20px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-block}.role-badge.player{color:#a29bfe;background:#6c5ce733}.role-badge.admin{color:#ff6b9d;background:#ff6b9d33}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:28px;display:grid}.stats-grid .stat-card{text-align:center;background:#0000004d;border:1px solid #ffffff0a;border-radius:16px;padding:20px 16px;transition:all .3s}.stats-grid .stat-card:hover{border-color:#00d4ff33}.stats-grid .stat-number{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:38px;font-weight:900}.stats-grid .stat-label{color:#ffffff80;margin-top:4px;font-size:14px;font-weight:500}.top-players-list{flex-direction:column;gap:8px;display:flex}.top-player-item{background:#0003;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:16px;padding:10px 16px;transition:all .3s;display:flex}.top-player-item:hover{background:#00000059;border-color:#00d4ff14}.top-player-item .rank{color:#00d4ff;min-width:30px;font-size:16px;font-weight:700}.top-player-item .name{color:#fff;flex:1;font-weight:600}.top-player-item .wins{color:#fff9}.top-player-item .best{color:#ff6b9d;font-weight:600}.empty-message{color:#fff6;text-align:center;padding:30px 0;font-size:16px}.admin-error{text-align:center;padding:60px 20px}.admin-error h2{color:#fd79a8;font-size:36px}.admin-error p{color:#ffffff80;font-size:18px}@media (width<=768px){.admin-title{font-size:28px}.admin-form .form-row{grid-template-columns:1fr}.admin-form-card,.admin-list-card{padding:20px}.character-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.admin-tabs .tab-btn{text-align:center;flex:1;padding:8px 12px;font-size:13px}.user-table{min-width:480px;font-size:12px}.top-player-item{flex-wrap:wrap;gap:6px}.banner-admin-grid,.title-admin-grid,.photo-admin-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (width<=480px){.admin-container{padding:10px}.admin-header{padding:12px 10px}.admin-title{font-size:20px}.admin-tabs .tab-btn{gap:4px;padding:6px 10px;font-size:11px}.admin-tabs .tab-btn .tab-badge{padding:0 6px;font-size:9px}.admin-form-card,.admin-list-card{padding:12px}.admin-form .form-control{padding:8px 10px;font-size:13px}.character-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}}.validation-error{color:#e74c3c;margin-top:4px;font-size:.8rem;display:block}.form-control.error{background-color:#fff5f5;border-color:#e74c3c}.season-reset-wrapper{z-index:999;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.season-reset-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#dc2626;border:none;border-radius:6px;width:auto;min-width:70px;padding:8px 16px;font-size:.75rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #dc26264d}.season-reset-btn:hover:not(:disabled){background:#b91c1c;transform:scale(1.05);box-shadow:0 4px 12px #dc262666}.season-reset-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;background:#666}.reset-toast{word-wrap:break-word;border-radius:4px;max-width:300px;padding:6px 12px;font-size:.7rem;box-shadow:0 2px 8px #00000026}.reset-toast.success{color:#a7f3d0;background:#065f46;border:1px solid #34d399}.reset-toast.error{color:#fca5a5;background:#7f1d1d;border:1px solid #ef4444}.power-level-input{align-items:center;gap:16px;padding:8px 0;display:flex}.power-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#4ecdc4,#f59e0b,#ff6b6b);border-radius:4px;outline:none;flex:1;height:6px}.power-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #6c63ff66}.power-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:2px solid #fff;border-radius:50%;width:20px;height:20px}.power-value{color:gold;text-align:center;min-width:40px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.char-power{color:gold;background:#ffd70014;border-radius:4px;padding:2px 10px;font-size:13px;display:inline-block}.form-hint{color:#ffffff4d;margin-top:4px;font-size:12px;display:block}.element-badge{border-radius:12px;margin-right:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.element-badge.fire{color:#ff6b6b;background:#ff6b6b33}.element-badge.water{color:#4a9eff;background:#4a9eff33}.element-badge.wind{color:#4ecdc4;background:#4ecdc433}.element-badge.earth{color:#8b7765;background:#8b776533}.rarity-badge{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.rarity-badge.common{color:#a0a0a0;background:#a0a0a033}.rarity-badge.uncommon{color:#4ecdc4;background:#4ecdc433}.rarity-badge.rare{color:#4a9eff;background:#4a9eff33}.rarity-badge.epic{color:#a855f7;background:#a855f733}.rarity-badge.legendary{color:#f59e0b;background:#f59e0b33}.char-badges{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.gems-badge{color:gold;background:#ffd7001a;border-radius:10px;padding:2px 8px;font-weight:600}:root{--bs-accent:#6c63ff;--bs-accent-glow:#6c63ff26;--bs-gold:gold;--bs-gold-glow:#ffd7001f;--bs-text-primary:#fff;--bs-text-secondary:#ffffffbf;--bs-text-muted:#fff6}.buy-shards-container{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;background:#0a0a1e8c;border:1px solid #6c63ff14;border-radius:24px;max-width:1000px;margin:0 auto;padding:30px 24px 40px;transition:all 1.8s cubic-bezier(.25,.46,.45,.94);transform:translateY(50px);box-shadow:0 8px 60px #00000080,inset 0 1px #6c63ff0d}.buy-shards-container.fade-in{opacity:1;transform:translateY(0)}.buy-shards-header{text-align:center;opacity:0;margin-bottom:32px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .4s;transform:translateY(35px)}.buy-shards-container.fade-in .buy-shards-header{opacity:1;transform:translateY(0)}.buy-shards-header h1{background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:38px;font-weight:800;animation:6s linear infinite shimmerBlue}.buy-shards-header p{color:var(--bs-text-secondary);-webkit-text-fill-color:var(--bs-text-secondary);font-size:16px}.current-shards{color:var(--bs-text-secondary);margin-top:8px;font-size:18px}.current-shards strong{color:gold;-webkit-text-fill-color:gold;font-size:24px}.buy-shards-error{color:#f87171;text-align:center;background:#ef44441a;border:1px solid #ef444426;border-radius:12px;margin-bottom:20px;padding:12px 16px}.buy-shards-success{color:#34d399;text-align:center;background:#34d3991a;border:1px solid #34d39926;border-radius:12px;margin-bottom:20px;padding:12px 16px}.shards-packs-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.shards-pack{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;cursor:pointer;opacity:0;background:#ffffff08;border:2px solid #ffffff0a;border-radius:16px;padding:24px 20px;transition:all .2s;position:relative;transform:translateY(35px)}.shards-pack.visible{opacity:1;transform:translateY(0)}.shards-pack:first-child.visible{transition-delay:.15s}.shards-pack:nth-child(2).visible{transition-delay:.3s}.shards-pack:nth-child(3).visible{transition-delay:.45s}.shards-pack:nth-child(4).visible{transition-delay:.6s}.shards-pack:nth-child(5).visible{transition-delay:.75s}.shards-pack:nth-child(6).visible{transition-delay:.9s}.shards-pack:hover{background:#6c63ff0f;border-color:#6c63ff40;transform:translateY(-4px);box-shadow:0 8px 25px #6c63ff0f}.shards-pack:active{transform:scale(.97)}.shards-pack.popular:hover{background:#ffd7000f;border-color:#ffd70066}.pack-tag{color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold,#f59e0b);border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 15px #ffd7004d}.pack-name{text-transform:uppercase;letter-spacing:1.5px;color:var(--bs-text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.pack-shards{color:gold;margin-bottom:2px;font-size:28px;font-weight:900}.pack-price{color:#a78bfa;margin-bottom:2px;font-size:18px;font-weight:700}.pack-hints{color:var(--bs-text-muted);font-size:13px}.pack-hints strong{color:var(--bs-text-secondary)}.purchase-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;background:#ffffff08;border:1px solid #6c63ff14;border-radius:16px;max-width:500px;margin:0 auto;padding:24px 28px;transition:all .8s cubic-bezier(.25,.46,.45,.94) 1.2s;transform:translateY(30px)}.purchase-section.visible{opacity:1;transform:translateY(0)}.purchase-summary{margin-bottom:16px}.purchase-summary h3{color:#a78bfa;border-bottom:1px solid #6c63ff14;margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:700}.purchase-summary p{color:var(--bs-text-muted);justify-content:space-between;padding:4px 0;font-size:15px;display:flex}.purchase-summary p strong{color:var(--bs-text-primary)}.purchase-summary p strong.price-highlight{color:gold}.agreement-section{border-top:1px solid #6c63ff0f;border-bottom:1px solid #6c63ff0f;margin:16px 0;padding:12px 0}.agreement-checkbox{cursor:pointer;color:var(--bs-text-muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.agreement-checkbox input[type=checkbox]{accent-color:#6c63ff;cursor:pointer;width:18px;min-width:18px;height:18px;margin-top:2px}.agreement-checkbox a{color:#818cf8;font-weight:600;text-decoration:none;transition:color .2s}.agreement-checkbox a:hover{color:#6c63ff;text-decoration:underline}.purchase-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 4px 25px #6c63ff40}.purchase-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff59}.purchase-btn:active:not(:disabled){transform:scale(.98)}.purchase-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1024px){.shards-packs-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width<=768px){.buy-shards-container{border-radius:18px;margin:0 8px;padding:20px 14px 30px}.buy-shards-header h1{font-size:28px}.buy-shards-header p{font-size:14px}.current-shards{font-size:16px}.shards-packs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shards-pack{border-radius:14px;padding:18px 14px}.shards-pack:hover{transform:translateY(-3px)}.pack-shards{font-size:22px}.pack-price{font-size:16px}.purchase-section{border-radius:14px;padding:18px 16px}.purchase-summary h3{font-size:16px}.purchase-summary p{font-size:14px}.purchase-btn{padding:14px;font-size:16px}}@media (width<=480px){.buy-shards-container{border-radius:14px;margin:0 4px;padding:14px 10px 24px}.buy-shards-header h1{font-size:22px}.buy-shards-header p{font-size:12px}.current-shards{font-size:14px}.current-shards strong{font-size:20px}.shards-packs-grid{grid-template-columns:1fr 1fr;gap:8px}.shards-pack{border-radius:12px;padding:14px 10px}.shards-pack:hover{transform:translateY(-2px)}.pack-shards{font-size:18px}.pack-price{font-size:14px}.pack-name{letter-spacing:1px;font-size:10px}.pack-hints{font-size:11px}.pack-tag{padding:2px 8px;font-size:8px;top:-6px;right:-6px}.agreement-checkbox{font-size:12px}.purchase-summary p{font-size:13px}.purchase-btn{padding:12px;font-size:15px}.purchase-section{padding:14px 12px}}:root{--shop-accent:#6c63ff;--shop-accent-glow:#6c63ff26;--shop-gold:gold;--shop-gold-glow:#ffd7001f;--shop-text-primary:#fff;--shop-text-secondary:#ffffffbf;--shop-text-muted:#fff6}.shop-container{-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;background:#0a0a1e8c;border:1px solid #6c63ff14;border-radius:24px;max-width:1200px;min-height:80vh;margin:0 auto;padding:30px 24px 40px;transition:all 1.8s cubic-bezier(.25,.46,.45,.94);transform:translateY(50px);box-shadow:0 8px 60px #00000080,inset 0 1px #6c63ff0d}.shop-container.fade-in{opacity:1;transform:translateY(0)}.shop-header{text-align:center;-webkit-backdrop-filter:blur(12px);opacity:0;background:#ffffff08;border:1px solid #6c63ff0f;border-radius:20px;margin-bottom:32px;padding:30px 20px;transition:all 1.5s cubic-bezier(.25,.46,.45,.94) .4s;transform:translateY(35px)}.shop-container.fade-in .shop-header{opacity:1;transform:translateY(0)}.shop-header h1{background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:38px;font-weight:800;animation:6s linear infinite shimmerBlue}.shop-subtitle{color:var(--shop-text-secondary);-webkit-text-fill-color:var(--shop-text-secondary);font-size:16px;font-weight:400}.shards-display{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6c63ff1f;border:1px solid #6c63ff26;border-radius:50px;align-items:center;gap:8px;margin-top:10px;padding:8px 24px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.shards-display:hover{background:#6c63ff2e;border-color:#6c63ff40;transform:scale(1.02)}.shards-display strong{color:gold;-webkit-text-fill-color:gold;font-size:20px}.shop-alert{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;margin-bottom:18px;padding:14px 20px;font-weight:500;animation:.4s alertSlide}@keyframes alertSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shop-alert.error{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.shop-alert.success{color:#34d399;background:#34d3991f;border:1px solid #34d39933}.shop-tabs{opacity:0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;justify-content:center;gap:8px;margin-bottom:28px;padding:6px;transition:all 1s cubic-bezier(.25,.46,.45,.94) .6s;display:flex;transform:translateY(30px)}.shop-container.fade-in .shop-tabs{opacity:1;transform:translateY(0)}.shop-tab-btn{cursor:pointer;color:var(--shop-text-muted);background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.shop-tab-btn:hover{color:var(--shop-text-secondary);background:#ffffff0d}.shop-tab-btn.active{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);box-shadow:0 4px 25px #6c63ff40}.shop-tab-btn .tab-count{background:#ffffff26;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.shop-tab-btn.active .tab-count{background:#ffffff40}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.shop-item-card{-webkit-backdrop-filter:blur(12px);opacity:0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;transform:translateY(35px)}.shop-item-card.visible{opacity:1;transform:translateY(0)}.shop-item-card:first-child.visible{transition-delay:.1s}.shop-item-card:nth-child(2).visible{transition-delay:.2s}.shop-item-card:nth-child(3).visible{transition-delay:.3s}.shop-item-card:nth-child(4).visible{transition-delay:.4s}.shop-item-card:nth-child(5).visible{transition-delay:.5s}.shop-item-card:nth-child(6).visible{transition-delay:.6s}.shop-item-card:nth-child(7).visible{transition-delay:.7s}.shop-item-card:nth-child(8).visible{transition-delay:.8s}.shop-item-card:hover{background:#6c63ff0a;border-color:#6c63ff33;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 60px #00000080}.shop-item-card.owned{background:#34d3990a;border-color:#34d3994d}.shop-item-card.owned:hover{border-color:#34d39980}.shop-item-preview{background:#0006;width:100%;height:200px;position:relative;overflow:hidden}.shop-banner-preview{width:100%;height:100%;overflow:hidden}.shop-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.shop-item-card:hover .shop-banner-img,.shop-item-card:hover .shop-photo-preview{transform:scale(1.08)}.shop-photo-preview{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.shop-item-badge{text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 4px 15px #0003}.shop-item-badge.exclusive{color:#000;background:linear-gradient(135deg,#f7971e,#ffd200);font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 20px #ffd7004d}.shop-item-badge.limited{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);animation:2s ease-in-out infinite pulseBadge;top:12px;right:12px}@keyframes pulseBadge{0%,to{box-shadow:0 4px 15px #f59e0b4d}50%{box-shadow:0 4px 30px #f59e0b99}}.shop-item-badge.owned{color:#fff;background:#34d399e6;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-badge.expired{color:#fff;background:#ef4444d9;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-badge.coming{color:#fff;background:#6c63ffd9;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-timer-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#000000bf;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.shop-item-timer-badge .timer-icon{font-size:14px}.shop-item-timer-badge .timer-text{color:#f59e0b;font-weight:700}.shop-item-timer-badge .timer-text.urgent{color:#ef4444;animation:1s ease-in-out infinite blinkUrgent}@keyframes blinkUrgent{0%,to{opacity:1}50%{opacity:.4}}.shop-item-info{padding:16px 18px 14px}.shop-item-name{color:var(--shop-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:700;overflow:hidden}.shop-item-rarity{background:#ffffff0d;border-radius:50px;margin-bottom:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.shop-item-price{color:gold;align-items:center;gap:4px;margin:6px 0 2px;font-size:18px;font-weight:700;display:flex}.shop-item-price .price-icon{font-size:16px}.shop-buy-btn{cursor:pointer;color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-top:1px solid #ffffff0f;width:100%;padding:12px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.shop-buy-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.shop-buy-btn:hover:not(:disabled):before{left:100%}.shop-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a52d5,#4338ca);transform:scale(1.02)}.shop-buy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.shop-buy-btn.owned{background:linear-gradient(135deg,#34d399,#10b981)}.shop-buy-btn.owned:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669)}.shop-buy-btn.cant-afford{background:linear-gradient(135deg,#4a4a5a,#3a3a4a)}.shop-buy-btn .btn-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.shop-empty{text-align:center;background:#ffffff08;border:1px dashed #ffffff14;border-radius:16px;padding:60px 20px}.shop-empty .empty-icon{margin-bottom:12px;font-size:56px;display:block}.shop-empty h3{color:var(--shop-text-secondary);margin-bottom:4px;font-size:20px}.shop-empty p{color:var(--shop-text-muted);font-size:14px}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.loading-container .loader{border:3px solid #6c63ff1a;border-top-color:#6c63ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-container p{color:var(--shop-text-muted);font-size:14px}@media (width<=768px){.shop-container{border-radius:18px;margin:0 8px;padding:20px 14px 30px}.shop-header{padding:20px 16px}.shop-header h1{font-size:28px}.shop-subtitle{font-size:14px}.shards-display{padding:6px 18px;font-size:14px}.shop-tabs{gap:4px;padding:4px}.shop-tab-btn{padding:8px 14px;font-size:13px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shop-item-preview{height:150px}.shop-item-name{font-size:14px}.shop-item-price{font-size:16px}.shop-buy-btn{padding:10px;font-size:13px}.shop-item-timer-badge{padding:4px 12px;font-size:10px}}@media (width<=480px){.shop-container{border-radius:14px;margin:0 4px;padding:14px 10px 24px}.shop-header h1{font-size:22px}.shop-header .shards-display{padding:4px 14px;font-size:12px}.shop-tab-btn{gap:4px;padding:6px 10px;font-size:11px}.shop-tab-btn .tab-count{padding:1px 6px;font-size:9px}.shop-grid{grid-template-columns:1fr 1fr;gap:10px}.shop-item-preview{height:110px}.shop-item-info{padding:10px 12px 8px}.shop-item-name{font-size:12px}.shop-item-rarity{padding:1px 8px;font-size:10px}.shop-item-price{font-size:13px}.shop-buy-btn{padding:8px;font-size:11px}.shop-item-badge{padding:2px 10px;font-size:8px}.shop-item-timer-badge{gap:4px;padding:3px 10px;font-size:8px}.shop-item-timer-badge .timer-icon{font-size:10px}}.referral-page{max-width:700px;min-height:80vh;margin:0 auto;padding:2rem 1rem}.referral-page-header{text-align:center;margin-bottom:2rem}.referral-page-header h1{background:linear-gradient(135deg,gold,#f7971e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem}.referral-page-header p{color:#aaa;font-size:1.1rem}.referral-page-header p strong{color:gold;-webkit-text-fill-color:gold}.referral-page-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101020b3;border:1px solid #ffffff0f;border-radius:16px;padding:2rem}.referral-error{color:#ff6b6b;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:10px;margin-bottom:1rem;padding:1rem}.card-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.3s modalFadeIn;display:flex;position:fixed;inset:0}.card-modal{background:linear-gradient(145deg,#141432fa,#0a0a1efc);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0009}.card-modal::-webkit-scrollbar{width:4px}.card-modal::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.modal-close{color:#ffffff4d;cursor:pointer;z-index:10;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:12px;right:16px}.modal-close:hover{color:#ff6b6b;background:#ff6b6b1a;border-color:#ff6b6b33}.modal-card-image{aspect-ratio:1;background:#ffffff05;border:3px solid #ffffff1a;border-radius:16px;width:100%;max-height:280px;margin-bottom:1.5rem;position:relative;overflow:hidden}.modal-card-img{object-fit:cover;width:100%;height:100%}.modal-card-placeholder{color:#ffffff0d;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;font-weight:700;display:flex}.modal-card-badges{pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:12px;left:12px;right:12px}.modal-element-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #ffffff0d;border-radius:12px;padding:6px 12px;font-size:1.2rem}.modal-level-badge{color:gold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #ffd7001a;border-radius:12px;padding:6px 14px;font-size:.85rem;font-weight:700}.modal-card-info{text-align:center;margin-bottom:1.5rem}.modal-card-name{color:#fff;margin-bottom:2px;font-size:1.8rem;font-weight:700}.modal-card-rarity{margin-bottom:4px;font-size:.95rem;font-weight:600}.modal-card-element{color:#ffffff4d;font-size:.9rem}.element-label{margin-right:6px}.element-value{color:#ffffffb3}.modal-stats{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1.5rem;padding:1rem;display:grid}.modal-stat{text-align:center}.modal-stat .stat-label{color:#fff3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;display:block}.modal-stat .stat-value{color:#fff;font-size:1.1rem;font-weight:700;display:block}.modal-stat .stat-value.gems{color:gold}.modal-progress{margin-bottom:1.5rem}.progress-label{color:#fff3;justify-content:space-between;margin-bottom:4px;font-size:.8rem;display:flex}.progress-bar{background:#ffffff0a;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c63ff,gold);border-radius:4px;height:100%;transition:width .5s}.modal-upgrade{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:1rem;padding:1.2rem}.upgrade-info{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem;display:grid}.upgrade-detail{text-align:center}.upgrade-label{color:#fff3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.65rem;display:block}.upgrade-value{color:#fff;font-size:1.2rem;font-weight:700;display:block}.upgrade-value.affordable{color:#51cf66}.upgrade-value.expensive{color:#ff6b6b}.upgrade-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:.9rem;font-size:1rem;font-weight:700;transition:all .3s}.upgrade-btn.active{color:#1a1a2e;background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 4px 20px #ffd70026}.upgrade-btn.active:hover{transform:translateY(-2px);box-shadow:0 8px 40px #ffd70040}.upgrade-btn.disabled{color:#fff3;cursor:not-allowed;background:#ffffff0a}.upgrade-btn:disabled{opacity:.6}.upgrade-hint,.upgrade-error{text-align:center;color:#ff6b6b;margin-top:.5rem;font-size:.85rem}.upgrade-success{text-align:center;color:#51cf66;margin-top:.5rem;font-size:.85rem}.modal-max-level{text-align:center;background:#ffd7000a;border:1px solid #ffd70014;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.max-level-icon{margin-bottom:.5rem;font-size:3rem}.modal-max-level h3{color:gold;margin-bottom:.3rem;font-size:1.3rem;font-weight:700}.modal-max-level p{color:#ffffff4d;font-size:.9rem}.modal-max-level .max-power{color:gold;margin-top:.5rem;font-size:1.2rem;font-weight:700}.modal-footer{justify-content:center;margin-top:.5rem;display:flex}.modal-close-btn{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:.7rem 2.5rem;font-size:.95rem;transition:all .3s}.modal-close-btn:hover{color:#fff;background:#ffffff14}@media (width<=600px){.card-modal{max-height:95vh;padding:1.2rem}.modal-card-image{max-height:200px}.modal-card-name{font-size:1.4rem}.modal-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.8rem}.upgrade-info{grid-template-columns:repeat(3,1fr);gap:.5rem}.upgrade-value{font-size:1rem}.modal-card-placeholder{font-size:3.5rem}.modal-close{width:30px;height:30px;font-size:1rem;top:8px;right:12px}}@media (width<=400px){.card-modal{padding:1rem}.modal-card-image{max-height:150px}.modal-card-name{font-size:1.2rem}.modal-stats{grid-template-columns:repeat(2,1fr);gap:.3rem;padding:.5rem}.modal-stat .stat-value{font-size:.9rem}.upgrade-info{grid-template-columns:1fr 1fr 1fr;gap:.3rem}.upgrade-value{font-size:.9rem}.upgrade-btn{padding:.7rem;font-size:.85rem}}.collection-container{background:radial-gradient(at 50% 0,#6c63ff08,#0000 70%),#0a0a1a;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.collection-header{background:#ffffff05;border:1px solid #ffffff0a;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem 2rem;display:flex}.collection-header h1{color:#fff;margin:0;font-size:2rem;font-weight:700}.collection-stats{gap:2rem;display:flex}.stat-item{text-align:center}.stat-item .stat-value{color:gold;font-size:1.5rem;font-weight:700;display:block}.stat-item .stat-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.stat-item.gems .stat-value{color:#6c63ff}.collection-alert{border-radius:12px;margin-bottom:1rem;padding:1rem 1.5rem;font-weight:500}.collection-alert.error{color:#ff6b6b;background:#ff6b6b14;border:1px solid #ff6b6b26}.collection-alert.success{color:#51cf66;background:#51cf6614;border:1px solid #51cf6626}.collection-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-box{flex:1;min-width:200px;max-width:400px}.search-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;width:100%;padding:.8rem 1.2rem;font-size:.95rem;transition:all .3s}.search-input:focus{border-color:#6c63ff4d;outline:none;box-shadow:0 0 20px #6c63ff0d}.search-input::placeholder{color:#fff3}.filter-group{gap:.8rem;display:flex}.filter-select{color:#ffffffb3;cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:.8rem 1.2rem;font-size:.9rem;transition:all .3s}.filter-select:focus{border-color:#6c63ff4d;outline:none}.filter-select option{color:#fff;background:#1a1a3e}.collection-empty{text-align:center;background:#ffffff05;border:2px dashed #ffffff0a;border-radius:16px;padding:4rem 2rem}.collection-empty .empty-icon{margin-bottom:1rem;font-size:4rem}.collection-empty h3{color:#ffffff80;margin-bottom:.5rem;font-size:1.5rem}.collection-empty p{color:#fff3;font-size:1rem}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.collection-card{cursor:pointer;background:#ffffff05;border:2px solid #ffffff0f;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.collection-card:hover{border-color:#6c63ff4d;transform:translateY(-8px);box-shadow:0 12px 40px #0006}.collection-card:hover .card-image{transform:scale(1.05)}.card-image-container{aspect-ratio:1;background:#ffffff05;width:100%;position:relative;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.card-placeholder{color:#ffffff0d;background:linear-gradient(135deg,#1a1a3e,#2d2d5e);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.card-level-badge{color:gold;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #ffd7001a;border-radius:12px;padding:2px 10px;font-size:.7rem;font-weight:700;position:absolute;top:8px;right:8px}.card-element-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border-radius:10px;padding:4px 8px;font-size:1rem;position:absolute;top:8px;left:8px}.card-details{padding:1rem}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:1rem;font-weight:600;overflow:hidden}.card-rarity{margin-bottom:8px;font-size:.75rem;font-weight:500}.card-stats{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-power{color:gold;font-size:1.1rem;font-weight:700}.card-level-text{color:#ffffff4d;font-size:.75rem}.card-progress-bar{background:#ffffff0a;border-radius:4px;width:100%;height:4px;overflow:hidden}.card-progress-fill{background:linear-gradient(90deg,#6c63ff,gold);border-radius:4px;height:100%;transition:width .5s}.collection-footer{color:#fff3;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding-top:1rem;font-size:.85rem;display:flex}.collection-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.collection-loading .loader{border:3px solid #6c63ff1a;border-top-color:#6c63ff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.collection-loading p{color:#fff3;margin-top:1rem}@media (width<=1024px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=768px){.collection-container{padding:1rem}.collection-header{flex-direction:column;align-items:stretch;padding:1.2rem}.collection-header h1{text-align:center;font-size:1.5rem}.collection-stats{justify-content:space-around;gap:1rem}.stat-item .stat-value{font-size:1.2rem}.collection-controls{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.filter-group{flex-wrap:wrap}.filter-select{flex:1;min-width:120px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.card-name{font-size:.85rem}.card-power{font-size:.95rem}.collection-footer{text-align:center;flex-direction:column;gap:.5rem}}@media (width<=480px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.8rem}.collection-stats{flex-wrap:wrap;gap:.5rem}.stat-item .stat-value{font-size:1rem}.card-details{padding:.6rem}.card-name{font-size:.75rem}.card-rarity{font-size:.65rem}.card-power{font-size:.8rem}.card-level-text{font-size:.65rem}}.legal-container{color:#e0e0e0;background:#141432f2;border:1px solid #ffffff0f;border-radius:20px;max-width:820px;margin:2rem auto;padding:2.5rem;box-shadow:0 20px 60px #0006}.legal-container h1{color:#fff;letter-spacing:-.5px;margin-bottom:.3rem;font-size:2.4rem;font-weight:700}.legal-container .legal-date{color:#ffffff40;border-bottom:1px solid #ffffff0a;margin-bottom:2rem;padding-bottom:1rem;font-size:.85rem}.legal-container section{background:#ffffff05;border-left:3px solid #6c63ff26;border-radius:12px;margin-bottom:2rem;padding:1.2rem 1.5rem;transition:all .3s}.legal-container section:hover{background:#ffffff08;border-left-color:#6c63ff66}.legal-container h2{color:gold;margin-bottom:.6rem;font-size:1.2rem;font-weight:600}.legal-container p{color:#ffffffb3;font-size:.95rem;line-height:1.8}.legal-container ul{margin:.5rem 0;padding-left:1.5rem}.legal-container ul li{color:#fff9;margin-bottom:.3rem;font-size:.95rem;line-height:1.8}.legal-container ul li::marker{color:#6c63ff}.legal-container a{color:#8b7fff;text-decoration:none;transition:color .3s}.legal-container a:hover{color:#b3a8ff;text-decoration:underline}.contact-page .contact-subtitle{color:#ffffff59;margin-bottom:2rem;font-size:1.1rem}.contact-grid{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.contact-info{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;padding:1.5rem}.contact-info h3{color:#fff;margin-bottom:1rem;font-size:1.1rem}.contact-info p{color:#ffffff80;margin-bottom:.5rem;line-height:1.6}.contact-info a{color:#6c63ff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form{flex-direction:column;gap:.8rem;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:.9rem 1.2rem;font-size:.95rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{background:#ffffff0f;border-color:#6c63ff66;outline:none;box-shadow:0 0 20px #6c63ff0d}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffff26}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:12px;margin-top:.3rem;padding:.9rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6c63ff4d}.contact-form .status{color:#51cf66;text-align:center;margin-top:.5rem;font-size:.9rem}@media (width<=768px){.legal-container{margin:1rem;padding:1.5rem}.legal-container h1{font-size:1.8rem}.legal-container section{padding:1rem 1.2rem}.contact-grid{grid-template-columns:1fr}.contact-info{padding:1rem}}@media (width<=480px){.legal-container{margin:.5rem;padding:1rem}.legal-container h1{font-size:1.4rem}.legal-container h2{font-size:1rem}.legal-container p,.legal-container ul li{font-size:.85rem}.contact-form input,.contact-form textarea{padding:.7rem 1rem;font-size:.85rem}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{color:#fff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga", "calt";background:#09090b;min-height:100vh;margin:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 20%,#7267ff14,#0000 35%),radial-gradient(circle at 85% 10%,#00d4ff08,#0000 30%),radial-gradient(circle at 50% 90%,#ffffff06,#0000 35%),linear-gradient(#09090b,#0b0b12);position:fixed;inset:0}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:88px 24px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6c63ff26}50%{box-shadow:0 0 40px #6c63ff40,0 0 80px #6c63ff1a}}.fade-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}.fade-scale{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards fadeScale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:linear-gradient(#6c63ff,#8b7fff);border-radius:10px}h1{letter-spacing:-.055em;color:#fff;margin:0 0 .6rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.02}h2{letter-spacing:-.04em;color:#fff;margin:0 0 .5rem;font-size:clamp(2rem,4vw,3rem);font-weight:750;line-height:1.08}h3{letter-spacing:-.025em;color:#fff;margin:0 0 .4rem;font-size:1.35rem;font-weight:650;line-height:1.25}p{color:#ffffffb8;font-size:1rem;line-height:1.8}.glow-text{background:linear-gradient(135deg,#6c63ff,#a89bff,#6c63ff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.btn{letter-spacing:.02em;cursor:pointer;isolation:isolate;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-family:Geist,sans-serif;font-size:.92rem;font-weight:650;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn:hover{border-color:#ffffff1f;transform:translateY(-3px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#7267ff,#5f54ff);box-shadow:0 12px 30px #7267ff47}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 50px #7267ff61}.btn-secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-success{color:#fff;background:linear-gradient(135deg,#00b894,#00a381);box-shadow:0 4px 20px #00b89433}.btn-success:hover{box-shadow:0 8px 40px #00b8944d}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b,#e74c3c)}.btn-gold{color:#1a1a2e;background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 4px 20px #ffd70033}.btn-gold:hover{box-shadow:0 8px 40px #ffd7004d}.btn-sm{border-radius:8px;padding:8px 16px;font-size:.8rem}.btn-lg{border-radius:12px;padding:16px 36px;font-size:1rem}.btn-block{width:100%}.form-group{margin-bottom:1.25rem}.form-group label{color:#ffffffb3;letter-spacing:.02em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-control{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:14px 16px;font-family:Geist,sans-serif;font-size:.95rem;transition:all .25s cubic-bezier(.22,1,.36,1)}.form-control:focus{background:#ffffff0d;border-color:#7267ff;outline:none;box-shadow:0 0 0 4px #7267ff1a}.form-control::placeholder{color:#fff3}textarea.form-control{resize:vertical;min-height:100px}select.form-control{appearance:none;cursor:pointer}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff07;border:1px solid #ffffff0f;border-radius:20px;padding:26px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.card:hover{border-color:#7267ff38;transform:translateY(-6px);box-shadow:0 24px 70px #00000059,0 0 40px #7267ff14}@media (width<=768px){.main-content{padding:80px 16px 16px}h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:10px 20px;font-size:.85rem}.card{padding:18px}}@media (width<=480px){.main-content{padding:76px 12px 12px}h1{font-size:1.6rem}h2{font-size:1.2rem}.btn{padding:8px 16px;font-size:.8rem}.card{padding:14px}.form-control{padding:10px 14px;font-size:.85rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0}:root{--font-family:"Geist", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#09090b;--bg-secondary:#111115;--bg-tertiary:#18181d;--surface-1:#ffffff06;--surface-2:#ffffff0b;--surface-3:#fff1;--text-primary:#fff;--text-secondary:#ffffffbd;--text-muted:#ffffff75;--text-disabled:#ffffff3d;--accent:#7267ff;--accent-hover:#8d84ff;--accent-light:#7267ff1f;--success:#00c48c;--warning:#ffb547;--danger:#ff5d73;--border:#ffffff12;--border-hover:#ffffff21;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 6px 20px #0000002e;--shadow-md:0 12px 32px #0000003d;--shadow-lg:0 20px 60px #00000052;--shadow-accent:0 0 40px #7267ff29;--transition-fast:.18s ease;--transition:.28s cubic-bezier(.22,1,.36,1);--transition-slow:.45s cubic-bezier(.22,1,.36,1)}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-secondary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga", "calt";min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.1}h1{letter-spacing:-.05em;font-size:clamp(3rem,6vw,5rem);font-weight:800}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);font-weight:750}h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:650}h4{font-size:1.2rem;font-weight:650}p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8}small{color:var(--text-muted)}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:#fff}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:var(--transition);background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}:focus-visible{outline-offset:2px;outline:2px solid #7267ffcc}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.accent{color:var(--accent)}.hidden{display:none!important}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}@media (width<=1024px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}