@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;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}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.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-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(20px);backdrop-filter:blur(20px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.friend-modal{background:linear-gradient(165deg,#141432f7,#0a0a1efc);border:1px solid #ffffff0f;border-radius:24px;width:100%;max-width:500px;max-height:90vh;padding:24px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 30px 80px #0009}.friend-modal::-webkit-scrollbar{width:4px}.friend-modal::-webkit-scrollbar-track{background:0 0}.friend-modal::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:10px}.friend-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}.friend-modal-close:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.friend-modal-header{text-align:center;margin-bottom:20px}.friend-modal-header h2{color:#fff;margin:0;font-size:24px}.friend-tabs{border-bottom:1px solid #ffffff0f;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.friend-tabs .tab-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600;transition:all .3s}.friend-tabs .tab-btn:hover{color:#ffffffb3;background:#ffffff08}.friend-tabs .tab-btn.active{color:#6c63ff;background:#6c63ff14}.friend-list{flex-direction:column;gap:6px;max-height:350px;display:flex;overflow-y:auto}.friend-list::-webkit-scrollbar{width:4px}.friend-list::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.friend-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.friend-item:hover{background:#ffffff0a}.friend-avatar{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.friend-info{flex-direction:column;flex:1;display:flex}.friend-name{color:#fff;font-size:14px;font-weight:600}.friend-status{color:#ffffff4d;font-size:11px}.friend-status.online{color:#51cf66}.friend-status.pending{color:#ffd93d}.friend-stats{color:#ffffff4d;font-size:11px}.friend-actions{gap:6px;display:flex}.friend-action-btn{cursor:pointer;border:none;border-radius:8px;padding:4px 14px;font-size:11px;font-weight:600;transition:all .3s}.friend-action-btn.accept{color:#51cf66;background:#51cf6626}.friend-action-btn.accept:hover{background:#51cf6640}.friend-action-btn.reject{color:#ff6b6b;background:#ff6b6b1a}.friend-action-btn.reject:hover{background:#ff6b6b33}.friend-action-btn.add{color:#6c63ff;background:#6c63ff1f}.friend-action-btn.add:hover:not(:disabled){background:#6c63ff38}.friend-action-btn.add:disabled{opacity:.4;cursor:not-allowed}.friend-action-btn.unfriend{color:#ff6b6b99;background:#ff6b6b14}.friend-action-btn.unfriend:hover{color:#ff6b6b;background:#ff6b6b26}.friend-empty{text-align:center;color:#ffffff4d;padding:30px 20px}.friend-empty p{margin:4px 0;font-size:14px}.friend-search{flex-direction:column;gap:12px;display:flex}.friend-search-input{color:#fff;background:#ffffff0d;border:2px solid #ffffff14;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;transition:all .3s}.friend-search-input:focus{background:#ffffff14;border-color:#6c63ff}.friend-search-input::placeholder{color:#fff3}.search-results-list{flex-direction:column;gap:6px;max-height:250px;display:flex;overflow-y:auto}.search-result-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.friend-error{color:#ff6b6b;text-align:center;background:#ff6b6b14;border:1px solid #ff6b6b1a;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}.friend-success{color:#51cf66;text-align:center;background:#51cf6614;border:1px solid #51cf661a;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px}@media (width<=480px){.friend-modal{max-width:100%;padding:16px}.friend-item{flex-wrap:wrap}.friend-actions{justify-content:flex-end;width:100%}.friend-tabs .tab-btn{padding:6px 8px;font-size:12px}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#080814eb;border-bottom:1px solid #ffffff0d;align-items:center;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 30px #0000004d}.navbar-container{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1400px;margin:0 auto;display:flex}.navbar-brand{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;flex-shrink:0;align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.search-wrapper{flex:1;min-width:120px;max-width:300px;position:relative}.search-container{align-items:center;width:100%;display:flex;position:relative}.search-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff14;outline:none;width:100%;height:38px;padding:8px 36px 8px 18px;font-size:13px;transition:all .3s;border-radius:50px!important}.search-input:focus{background:#ffffff14;border-color:#00d4ff4d;box-shadow:0 0 20px #00d4ff0d}.search-icon{color:#ffffff4d;pointer-events:none;font-size:13px;position:absolute;right:14px}.search-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#10101ef7;border:1px solid #ffffff0f;border-radius:16px;max-height:280px;padding:6px 0;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 60px #0009}.search-result-item{cursor:pointer;align-items:center;gap:12px;padding:8px 14px;transition:all .2s;display:flex}.search-result-item:hover{background:#ffffff0d}.search-avatar{object-fit:cover;border:2px solid #ffffff0f;border-radius:50%;width:32px;height:32px}.search-avatar-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#2d2d5e,#1a1a2e);border:2px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.search-user-info{flex-direction:column;display:flex;overflow:hidden}.search-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.search-stats{color:#ffffff59;font-size:11px}.search-no-results{text-align:center;color:#ffffff4d;padding:14px;font-size:13px}.navbar-menu{flex-shrink:0;align-items:center;gap:2px;display:flex}.nav-link{color:#fff9;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;background:0 0!important}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#00d4ff;background:#00d4ff14}.battle-btn{font-weight:600;color:gold!important;background:0 0!important}.battle-btn:hover{color:#fff!important;background:#ffd70014!important}.dropdown-wrapper{position:relative}.dropdown-btn{color:#fff9;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;height:36px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.dropdown-btn:hover{color:#fff;background:#ffffff0d}.dropdown-btn.active{color:#00d4ff;background:#00d4ff14}.dropdown-arrow{opacity:.4;font-size:10px;transition:transform .3s}.dropdown-btn.active .dropdown-arrow{opacity:.8;transform:rotate(180deg)}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#10101efa;border:1px solid #ffffff0f;border-radius:12px;min-width:180px;padding:6px;animation:.2s dropdownFade;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0009}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.dropdown-item{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item.logout-item{color:#fd79a8}.dropdown-item.logout-item:hover{color:#e74c3c;background:#e74c3c14}.dropdown-divider{border:none;border-top:1px solid #ffffff0a;margin:4px 0}.profile-dropdown{min-width:160px;left:auto;right:0;transform:none}.profile-dropdown .dropdown-item{font-size:13px}.admin-link{color:#7b2ffc}.admin-link:hover{color:#9b4dff;background:#7b2ffc14}.register-btn{background:linear-gradient(135deg,#00d4ff,#7b2ffc);border-radius:10px;height:36px;padding:6px 18px;color:#fff!important}.register-btn:hover{transform:translateY(-1px);box-shadow:0 6px 25px #00d4ff4d;color:#fff!important;background:linear-gradient(135deg,#00d4ff,#7b2ffc)!important}.friends-btn{font-weight:500;color:#a29bfe!important;background:0 0!important}.friends-btn:hover{color:#fff!important;background:#a29bfe14!important}.referral-btn{font-weight:500;color:#fd79a8!important;background:0 0!important}.referral-btn:hover{color:#fff!important;background:#fd79a814!important}.logout-btn{color:#fd79a8}.logout-btn:hover{color:#e74c3c;background:#e74c3c14}.user-avatar{color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ffc);border:2px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.navbar-avatar-img{object-fit:cover;border-radius:50%;width:28px;height:28px}.username{color:#ffffffd9;font-size:13px;font-weight:500}.gems-display{background:#6c63ff1a;border:1px solid #6c63ff14;border-radius:10px;justify-content:center;align-items:center;gap:2px;height:26px;padding:0 8px;line-height:1;display:inline-flex}.gems-display .gem-icon{font-size:9px;line-height:1}.gems-display .gem-number{color:#6c63ff;font-size:10px;font-weight:700;line-height:1}.shards-display{vertical-align:middle;background:#fdcb6e14;border:1px solid #fdcb6e0d;border-radius:10px;justify-content:center;align-items:center;gap:3px;height:26px;padding:0 6px;line-height:1;display:inline-flex}.shards-display .shard-icon{font-size:9px;line-height:1}.shards-display .shard-number{color:#fdcb6e;font-size:10px;font-weight:700;line-height:1}.mobile-menu-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:24px;transition:all .2s;display:none}.mobile-menu-btn:hover{color:#fff;background:#ffffff0d}@media (width<=1024px){.search-wrapper{max-width:200px}}@media (width<=768px){.navbar{height:56px;padding:0 12px}.mobile-menu-btn{display:block}.search-wrapper{min-width:80px;max-width:140px}.search-input{height:34px;padding:6px 28px 6px 14px;font-size:12px}.navbar-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080814fa;border-bottom:1px solid #ffffff0a;flex-direction:column;gap:2px;padding:12px 16px;display:none;position:absolute;top:56px;left:0;right:0}.navbar-menu.active{display:flex}.nav-link,.dropdown-btn{justify-content:center;width:100%;height:auto;padding:10px;font-size:14px}.dropdown-wrapper{width:100%}.dropdown-menu{width:100%;box-shadow:none;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;margin-top:4px;position:static;transform:none}.profile-dropdown{min-width:100%}.dropdown-item{justify-content:center;padding:8px 14px;font-size:13px}.navbar-brand{font-size:16px}.user-avatar{width:26px;height:26px;font-size:11px}.navbar-avatar-img{width:26px;height:26px}.username{font-size:12px}.gems-display{height:24px;padding:0 5px}.gems-display .gem-number{font-size:10px}.gems-display .gem-icon{font-size:8px}.shards-display{height:24px;padding:0 5px}.shards-display .shard-number{font-size:10px}.shards-display .shard-icon{font-size:8px}.search-results{max-height:200px;position:fixed;top:56px;left:10px;right:10px}.battle-btn,.register-btn,.friends-btn,.referral-btn{justify-content:center;width:100%;height:auto;padding:10px;font-size:14px;background:0 0!important}.battle-btn{color:gold!important}.friends-btn{color:#a29bfe!important}.referral-btn{color:#fd79a8!important}}@media (width<=480px){.navbar{height:50px;padding:0 10px}.navbar-brand{font-size:14px}.search-wrapper{min-width:60px;max-width:100px}.search-input{height:30px;padding:5px 22px 5px 12px;font-size:11px}.search-icon{font-size:11px;right:10px}.navbar-menu{top:50px}.nav-link,.dropdown-btn{padding:8px;font-size:13px}.dropdown-item{padding:6px 12px;font-size:12px}.user-avatar{width:22px;height:22px;font-size:10px}.navbar-avatar-img{width:22px;height:22px}.username{font-size:11px}.gems-display{border-radius:8px;gap:2px;height:20px;padding:0 4px}.gems-display .gem-number{font-size:9px}.gems-display .gem-icon{font-size:7px}.shards-display{border-radius:8px;gap:2px;height:20px;padding:0 4px}.shards-display .shard-number{font-size:9px}.shards-display .shard-icon{font-size:7px}.mobile-menu-btn{font-size:20px}.search-results{max-height:160px;top:50px;left:6px;right:6px}.search-result-item{gap:8px;padding:6px 10px}.search-avatar{width:26px;height:26px}.search-username{font-size:12px}.search-stats{font-size:10px}.battle-btn,.register-btn,.friends-btn,.referral-btn{height:auto;padding:8px;font-size:12px;background:0 0!important}.battle-btn{color:gold!important}.friends-btn{color:#a29bfe!important}.referral-btn{color:#fd79a8!important}}.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{max-width:1000px;margin:0 auto}.hero-section{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c0c1cb3;border:1px solid #ffffff0a;border-radius:24px;margin-bottom:40px;padding:50px 20px 60px;position:relative}.hero-section:after{content:"🎯";opacity:.04;pointer-events:none;font-size:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-title{background:linear-gradient(135deg,#00d4ff,#7b2ffc,#ff6b9d) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;padding:10px 0;font-size:56px;font-weight:900;line-height:1.2;animation:3s linear infinite shimmer;display:inline-block}.hero-subtitle{color:#7b2ffc;margin-bottom:16px;font-size:24px;font-weight:700}.hero-description{color:#ffffffd9;max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.8}.hero-description strong{color:#00d4ff}.hero-btn{border-radius:16px;padding:18px 48px;font-size:20px;animation:2s infinite glowPulse}.features-section{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px;display:grid}.feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#0c0c1cb3;border:1px solid #ffffff0a;border-radius:16px;padding:32px 24px;transition:all .4s}.feature-card:hover{background:#0c0c1cd9;border-color:#00d4ff4d;transform:translateY(-8px);box-shadow:0 12px 40px #00d4ff14}.feature-icon{margin-bottom:16px;font-size:48px;display:block}.feature-card h3{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.feature-card p{color:#ffffffb3;font-size:14px;line-height:1.6}.stats-preview{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c1cb3;border:1px solid #ffffff0a;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;padding:30px;display:grid}.stat-value{background:linear-gradient(135deg,#00d4ff,#7b2ffc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:900}.stat-label{color:#fff9;margin-top:4px;font-size:14px}.how-to-play{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0c1cb3;border:1px solid #ffffff0a;border-radius:16px;padding:32px}.how-to-play h2{text-align:center;color:#fff;margin-bottom:24px;font-size:24px;font-weight:800}.how-to-play h2:after{content:" ✦";color:#00d4ff}.steps{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.step{background:#0000004d;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.step:hover{background:#00d4ff0d;border-color:#00d4ff33}.step-number{color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ffc);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.step p{color:#fffc;font-size:14px;font-weight:500}@media (width<=768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-description{font-size:15px}.stats-preview{grid-template-columns:1fr}.stat-value{font-size:32px}.steps{grid-template-columns:1fr}.hero-btn{padding:14px 32px;font-size:16px}}@media (width<=480px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-description{font-size:14px}.features-section{grid-template-columns:1fr}.stats-preview{grid-template-columns:1fr;gap:8px}.stat-value{font-size:28px}}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:12px;padding:14px 36px;font-size:18px;font-weight:700;transition:all .3s}.hero-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5)}.hero-btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #6c63ff66}.hero-btn.btn-team{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.hero-btn.btn-team:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00b89466}.hero-btn:active{transform:scale(.95)}@media (width<=600px){.hero-buttons{flex-direction:column;align-items:center;gap:.8rem}.hero-btn{width:100%;max-width:300px;padding:12px 24px;font-size:16px}}@media (width<=400px){.hero-btn{padding:10px 20px;font-size:14px}}.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:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6c63ff66}.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}}.leaderboard-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border:1px solid #ffffff0f;border-radius:20px;max-width:800px;margin:0 auto;padding:30px 20px;box-shadow:0 8px 40px #00000080}.leaderboard-header{text-align:center;margin-bottom:30px}.leaderboard-header h1{background:linear-gradient(135deg,gold,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px}.leaderboard-header p{color:#ffffffd9;font-size:16px;font-weight:500}.prize-message{margin-bottom:4px;color:gold!important;font-size:18px!important;font-weight:700!important}.prize-message strong{color:#ff6b35}.season-countdown{color:#ffffffb3;margin-top:8px;font-size:16px;font-weight:500}.season-countdown strong{color:gold;font-weight:700}.leaderboard-card{background:#ffffff0a;border:1px solid #ffffff0a;border-radius:16px;padding:20px}.leaderboard-list{flex-direction:column;gap:8px;display:flex}.leaderboard-item{background:#0000004d;border-radius:8px;grid-template-columns:50px 50px 1fr 100px 100px;align-items:center;gap:8px;padding:10px 16px;transition:all .3s;display:grid}.leaderboard-item.header{color:#fff9;background:0 0;border-bottom:1px solid #ffffff0f;padding-bottom:8px;font-size:13px;font-weight:600}.leaderboard-item.top{background:#ffd7000d;border:1px solid #ffd7001a}.leaderboard-item.top:first-child{background:#ffd7001a;border-color:gold}.rank{text-align:center;font-size:16px;font-weight:700}.avatar-col{justify-content:center;align-items:center;display:flex}.leaderboard-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:32px;height:32px}.leaderboard-avatar-placeholder{color:#ffffff4d;background:linear-gradient(135deg,#2d2d5e,#1a1a2e);border:2px solid #ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.player{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.games{color:#a29bfe;text-align:center}.streak{color:#ff6b9d;text-align:center;font-weight:700}.leaderboard-empty{text-align:center;color:#ffffff80;padding:40px}.leaderboard-error{color:#e74c3c;text-align:center;padding:12px}.loader{border:4px solid #ffffff1a;border-top-color:#00d4ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=768px){.leaderboard-container{border-radius:16px;padding:20px 12px}.leaderboard-header h1{font-size:28px}.leaderboard-item{grid-template-columns:40px 40px 1fr 60px 60px;gap:4px;padding:8px 12px;font-size:13px}.leaderboard-avatar{width:26px;height:26px}.leaderboard-avatar-placeholder{width:26px;height:26px;font-size:12px}.rank{font-size:14px}.prize-message{font-size:15px!important}.season-countdown{font-size:14px}}@media (width<=480px){.leaderboard-container{border-radius:12px;padding:14px 8px}.leaderboard-item{grid-template-columns:30px 30px 1fr 40px 40px;gap:2px;padding:6px 8px;font-size:11px}.leaderboard-avatar-placeholder{width:22px;height:22px;font-size:10px}.rank{font-size:12px}.leaderboard-header h1{font-size:22px}.prize-message{font-size:13px!important}.season-countdown{font-size:12px}}.season-winners-container{max-width:800px;margin:0 auto;padding:40px 20px}@media (width<=768px){.winner-item{text-align:center;grid-template-columns:1fr;gap:6px;padding:14px 16px}.season-number{justify-content:center}.winner-item.latest{border-color:#ffd70026}.season-winners-header h1{font-size:28px}}.season-winners-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;border:1px solid #ffffff0f;border-radius:20px;max-width:800px;min-height:70vh;margin:0 auto;padding:40px 20px;box-shadow:0 8px 40px #00000080}.season-winners-header{text-align:center;margin-bottom:32px}.season-winners-header h1{background:linear-gradient(135deg,gold,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:900}.season-subtitle{color:#fff9;font-size:16px}.winners-list{flex-direction:column;gap:12px;display:flex}.winner-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;grid-template-columns:120px 1fr 80px 80px 80px;align-items:center;gap:12px;padding:16px 20px;transition:all .3s;display:grid}.winner-item.latest{background:#ffd70014;border-color:#ffd70033}.winner-item:hover{border-color:#ffd7004d;transform:translate(4px)}.season-number{color:gold;align-items:center;gap:6px;font-weight:700;display:flex}.crown{font-size:18px}.winner-name{color:#fff;font-weight:600}.winner-streak{color:#ff6b9d;font-weight:600}.winner-wins{color:#a29bfe}.winner-prize{color:#00d4ff;font-weight:700}.no-winners{text-align:center;color:#fff6;padding:60px 20px}@media (width<=768px){.winner-item{text-align:center;grid-template-columns:1fr;gap:6px;padding:14px 16px}.season-number{justify-content:center}.season-winners-header h1{font-size:28px}}.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}.buy-shards-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border:1px solid #ffffff0a;border-radius:24px;max-width:1000px;margin:0 auto;padding:40px 20px;box-shadow:0 20px 60px #00000080}.buy-shards-header{text-align:center;margin-bottom:32px}.buy-shards-header h1{background:linear-gradient(135deg,gold,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:36px;font-weight:900}.buy-shards-header p{color:#ffffff80;font-size:16px}.current-shards{color:#ffffffb3;margin-top:8px;font-size:18px}.current-shards strong{color:#fdcb6e;font-size:22px}.buy-shards-error{color:#fd79a8;text-align:center;background:#e74c3c26;border:1px solid #e74c3c33;border-radius:12px;margin-bottom:20px;padding:12px 16px}.buy-shards-success{color:#00b894;text-align:center;background:#00b89426;border:1px solid #00b89433;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;background:#ffffff08;border:2px solid #ffffff0a;border-radius:16px;padding:24px 20px;transition:all .3s;position:relative}.shards-pack:hover{background:#ffffff0d;border-color:#ffffff14;transform:translateY(-4px)}.shards-pack.selected{background:#00d4ff0d;border-color:#00d4ff;box-shadow:0 0 30px #00d4ff1a}.shards-pack.popular{background:#ffd70008;border-color:#ffd70033}.shards-pack.popular:hover{background:#ffd7000f;border-color:#ffd70066}.shards-pack.popular.selected{background:#ffd70014;border-color:gold;box-shadow:0 0 30px #ffd70026}.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:1px;color:#ffffff40;margin-bottom:8px;font-size:12px;font-weight:700}.pack-shards{color:#fdcb6e;margin-bottom:2px;font-size:28px;font-weight:900}.pack-price{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.pack-hints{color:#ffffff4d;font-size:13px}.pack-hints strong{color:#fff9}.pack-selected-badge{color:#fff;background:#00d4ff;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px}.purchase-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;max-width:500px;margin:0 auto;padding:24px 28px}.purchase-summary{margin-bottom:16px}.purchase-summary h3{color:#fff;border-bottom:1px solid #ffffff0f;margin-bottom:12px;padding-bottom:8px;font-size:18px;font-weight:700}.purchase-summary p{color:#fff9;justify-content:space-between;padding:4px 0;font-size:15px;display:flex}.purchase-summary p strong{color:#fff}.agreement-section{border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;margin:16px 0;padding:12px 0}.agreement-checkbox{cursor:pointer;color:#fff9;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.agreement-checkbox input[type=checkbox]{accent-color:#00d4ff;cursor:pointer;width:18px;min-width:18px;height:18px;margin-top:2px}.agreement-checkbox a{color:#00d4ff;font-weight:600;text-decoration:none;transition:color .3s}.agreement-checkbox a:hover{color:#7b2ffc;text-decoration:underline}.purchase-btn{border-radius:12px;width:100%;margin-top:8px;padding:16px;font-size:18px}.purchase-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.shards-packs-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width<=768px){.buy-shards-container{border-radius:16px;padding:24px 16px}.shards-packs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shards-pack{padding:18px 14px}.pack-shards{font-size:22px}.pack-price{font-size:16px}.purchase-section{padding:18px 16px}.buy-shards-header h1{font-size:28px}.buy-shards-header p{font-size:14px}.current-shards{font-size:16px}}@media (width<=480px){.buy-shards-container{border-radius:12px;padding:16px 12px}.shards-packs-grid{grid-template-columns:1fr 1fr;gap:8px}.shards-pack{border-radius:12px;padding:14px 10px}.pack-shards{font-size:18px}.pack-price{font-size:14px}.pack-name{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:14px;font-size:15px}.buy-shards-header h1{font-size:24px}}.shop-container{-webkit-backdrop-filter:blur(10px);background:#000000d9;border-radius:20px;max-width:1200px;min-height:80vh;margin:0 auto;padding:2rem 1.5rem;position:relative}.shop-header{text-align:center;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;margin-bottom:2.5rem;padding:2rem}.shop-header h1{background:linear-gradient(135deg,#f7971e,#ffd200);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:800}.shop-header h1 .shop-emoji{-webkit-text-fill-color:initial}.shop-subtitle{color:#ffffffb3;margin-bottom:.5rem;font-size:1.1rem;font-weight:400}.shards-display{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6c63ff33;border:1px solid #6c63ff4d;border-radius:50px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.8rem;font-size:1.1rem;font-weight:600;display:inline-flex}.shards-display strong{color:gold;font-size:1.2rem}.shop-alert{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500}.shop-alert.error{color:#ff6b6b;background:#e74c3c33;border:1px solid #e74c3c4d}.shop-alert.success{color:#2ecc71;background:#2ecc7133;border:1px solid #2ecc714d}.shop-empty{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px dashed #ffffff26;border-radius:16px;padding:4rem 2rem}.shop-empty .empty-icon{margin-bottom:1rem;font-size:4rem;display:block}.shop-empty h3{color:#fffc;margin-bottom:.5rem;font-size:1.3rem}.shop-empty p{color:#ffffff80;font-size:1rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.shop-item-card{-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.shop-item-card:hover{border-color:#6c63ff4d;transform:translateY(-6px);box-shadow:0 20px 60px #00000080}.shop-item-card.owned{border-color:#2ecc7166}.shop-item-card.owned .shop-buy-btn{background:linear-gradient(135deg,#2ecc71,#27ae60)}.shop-item-preview{background:#0000004d;width:100%;height:180px;position:relative;overflow:hidden}.shop-banner-preview{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .5s}.shop-item-card:hover .shop-banner-preview{transform:scale(1.05)}.shop-item-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:12px}.shop-item-badge.limited{color:#fff;background:#f59e0bd9;border:1px solid #fff3}.shop-item-badge.owned{color:#fff;background:#2ecc71d9;border:1px solid #fff3}.shop-item-badge.expired{color:#fff;background:#e74c3cd9;border:1px solid #fff3}.shop-item-badge.coming{color:#fff;background:#4a9effd9;border:1px solid #fff3}.shop-item-badge.exclusive{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f7971e,#ffd200);border-radius:20px;padding:3px 10px;font-size:.6rem;font-weight:800;position:absolute;top:12px;left:12px}.shop-item-info{padding:1.2rem 1.2rem 1rem}.shop-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:1.1rem;font-weight:700;overflow:hidden}.shop-item-rarity{margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:inline-block}.shop-item-price{color:gold;margin:.3rem 0;font-size:1.1rem;font-weight:700}.shop-item-price .price-icon{margin-right:4px}.shop-item-timer{color:#ffffff80;align-items:center;gap:4px;margin-top:.25rem;font-size:.8rem;display:flex}.shop-item-timer .timer-icon{font-size:.9rem}.shop-buy-btn{cursor:pointer;color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;width:100%;padding:.9rem;font-size:1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.shop-buy-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;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,#4a42b5);transform:scale(1.01)}.shop-buy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.shop-buy-btn.owned{background:linear-gradient(135deg,#2ecc71,#27ae60)}.shop-buy-btn.owned:hover:not(:disabled){background:linear-gradient(135deg,#27ae60,#219a52)}.shop-buy-btn.cant-afford{background:linear-gradient(135deg,#636e72,#4a4a4a)}.shop-buy-btn .btn-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.loading-container .loader{border:3px solid #ffffff1a;border-top-color:#6c63ff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-container p{color:#fff9;font-size:1rem}@media (width<=768px){.shop-container{background:#000000e6;padding:1rem}.shop-header{padding:1.5rem}.shop-header h1{font-size:2rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.shop-item-preview{height:140px}.shop-item-name{font-size:1rem}.shards-display{padding:.4rem 1.2rem;font-size:.95rem}}@media (width<=480px){.shop-header h1{font-size:1.6rem}.shop-grid{grid-template-columns:1fr 1fr;gap:.8rem}.shop-item-preview{height:100px}.shop-item-info{padding:.8rem}.shop-item-name{font-size:.85rem}.shop-item-price{font-size:.9rem}.shop-buy-btn{padding:.6rem;font-size:.8rem}}.shop-banner-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.shop-item-card:hover .shop-banner-img{transform:scale(1.05)}.shop-photo-preview{object-fit:cover;width:100%;height:100%;transition:transform .5s}.shop-item-card:hover .shop-photo-preview{transform:scale(1.05)}.shop-tabs{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;justify-content:center;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex}.shop-tab-btn{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.shop-tab-btn:hover{color:#fffc;background:#ffffff0d}.shop-tab-btn.active{color:#fff;background:linear-gradient(135deg,#6c63ff,#5a52d5);box-shadow:0 4px 15px #6c63ff4d}.shop-tab-btn .tab-count{background:#ffffff26;border-radius:20px;padding:.1rem .6rem;font-size:.7rem;font-weight:700}.shop-tab-btn.active .tab-count{background:#ffffff40}@media (width<=480px){.shop-tabs{gap:.5rem;padding:.3rem}.shop-tab-btn{padding:.5rem 1rem;font-size:.85rem}}.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{background:#0a0a12 url(/anime-bg.jpg) 50%/cover no-repeat fixed;min-height:100vh;margin:0;padding:0}.app{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2ecc}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#7b2ffc);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00e5ff,#9b4dff)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99,0 0 80px #7b2ffc4d}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.fade-in{animation:.6s ease-out forwards fadeInUp}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:80px 20px 20px}.btn{text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7b2ffc);box-shadow:0 4px 25px #00d4ff66}.btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #00d4ffb3}.btn-secondary{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff3c6f);box-shadow:0 4px 25px #ff6b9d66}.btn-secondary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 8px 40px #ff6b9db3}.btn-danger{color:#fff;background:linear-gradient(135deg,#fd79a8,#e74c3c)}.btn-danger:hover{transform:translateY(-3px);box-shadow:0 8px 25px #e74c3c80}.btn-success{color:#fff;background:linear-gradient(135deg,#00b894,#00a381)}.btn-success:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00b89480}.btn-sm{border-radius:8px;padding:6px 14px;font-size:12px}.btn-block{width:100%;padding:14px}.form-group{margin-bottom:20px}.form-group label{color:#fffc;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-control{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:2px solid #ffffff14;border-radius:12px;width:100%;padding:14px 18px;font-size:15px;transition:all .3s}.form-control:focus{background:#ffffff17;border-color:#00d4ff;outline:none;box-shadow:0 0 0 4px #00d4ff26}.form-control::placeholder{color:#ffffff4d}textarea.form-control{resize:vertical;min-height:80px;font-family:inherit}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#101020b3;border:1px solid #ffffff0f;border-radius:16px;padding:28px;transition:all .4s}.card:hover{border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 12px 50px #00d4ff14}.glow-text{background:linear-gradient(135deg,#00d4ff,#7b2ffc,#ff6b9d) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}@media (width<=768px){.main-content{padding:70px 12px 12px}.btn{padding:10px 20px;font-size:13px}}@media (width<=480px){.card{padding:18px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body{background:#0a0a12 url(/anime-bg.jpg) 50%/cover no-repeat fixed}