@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";.referral-overlay{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);z-index:9999;background:#06070acc;justify-content:center;align-items:center;padding:20px;animation:.35s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.referral-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:28px;width:92%;max-width:600px;max-height:90vh;padding:32px;animation:.4s cubic-bezier(.22,1,.36,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009}.referral-modal-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff29,#0000 70%);width:500px;height:260px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.referral-modal::-webkit-scrollbar{width:5px}.referral-modal::-webkit-scrollbar-track{background:0 0}.referral-modal::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.referral-close{cursor:pointer;color:var(--text-muted);z-index:10;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:all .3s;display:flex;position:absolute;top:15px;right:18px}.referral-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.referral-header{z-index:1;text-align:center;margin-bottom:24px;position:relative}.referral-header h2{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:26px;font-weight:800}.referral-header p{color:var(--text-secondary);font-size:15px}.referral-header p strong{color:gold}.referral-loading{text-align:center;z-index:1;padding:40px 0;position:relative}.referral-loading .loader{border:4px solid #ffffff1a;border-top-color:var(--accent-3);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.referral-loading p{color:var(--text-muted)}.referral-error{color:#ff8080;text-align:center;z-index:1;background:#ff5a5a1a;border:1px solid #ff5a5a40;border-radius:14px;padding:16px;font-size:14px;position:relative}.referral-code-section,.share-section,.referral-link-section,.referral-stats,.how-it-works,.recent-referrals{z-index:1;margin-bottom:20px;position:relative}.referral-code-section label,.share-section label,.referral-link-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.referral-code-box{background:var(--glass);border:1px dashed var(--border-accent);border-radius:14px;align-items:center;gap:10px;padding:14px 18px;display:flex}.referral-code{letter-spacing:2px;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;font-family:Inter,monospace;font-size:22px;font-weight:900}.copy-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 6px 20px #6c63ff47}.copy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6c63ff66}.copy-btn:disabled{opacity:.4;cursor:not-allowed}.share-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.share-btn{border:1px solid var(--border-soft);cursor:pointer;color:#fff;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1)}.share-btn:hover:not(:disabled){transform:translateY(-3px)}.share-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.share-btn.whatsapp:hover{box-shadow:0 10px 30px #25d36633}.share-btn.telegram{color:#29b6f6;background:#0088cc1f;border-color:#0088cc40}.share-btn.telegram:hover{box-shadow:0 10px 30px #08c3}.share-btn.twitter{color:#1da1f2;background:#1da1f21f;border-color:#1da1f240}.share-btn.twitter:hover{box-shadow:0 10px 30px #1da1f233}.share-btn.copy-link:hover{box-shadow:0 10px 30px #00d9c033}.referral-link-box{background:var(--glass);border:1px solid var(--border-soft);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;display:flex}.referral-link{color:var(--text-muted);word-break:break-all;flex:1;font-family:monospace;font-size:12px}.copy-link-btn{color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;padding:5px 10px;font-size:16px;transition:all .25s}.copy-link-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.copy-link-btn:disabled{opacity:.4;cursor:not-allowed}.stat-card{background:var(--glass);text-align:center;border:1px solid var(--border-soft);border-radius:14px;padding:14px;transition:all .3s cubic-bezier(.22,1,.36,1)}.stat-value{color:#fff;font-size:20px;font-weight:900;display:block}.stat-label{color:var(--text-muted);margin-top:3px;font-size:11px;font-weight:600;display:block}.how-it-works{background:var(--glass);border:1px solid var(--border-soft);border-radius:16px;padding:18px}.steps{flex-direction:column;gap:10px;display:flex}.step{align-items:center;gap:12px;display:flex}.step-text{color:var(--text-secondary);font-size:14px}.total-reward{border-top:1px solid var(--border-soft);text-align:center;color:var(--text-secondary);margin-top:14px;padding-top:14px;font-size:14px}.no-referrals p{color:var(--text-muted);text-align:center;margin-top:8px;font-size:14px}@media (width<=600px){.referral-modal{max-width:95%;padding:24px 20px}.referral-header h2{font-size:20px}.share-buttons{grid-template-columns:1fr 1fr;gap:8px}.share-btn{padding:9px 8px;font-size:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value,.referral-code{font-size:16px}.step-text{font-size:13px}}@media (width<=400px){.referral-modal{border-radius:22px;padding:18px 14px}.referral-code-box{flex-direction:column;gap:8px;padding:12px}.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:6px}.stat-card{padding:8px}.stat-value{font-size:14px}}.friend-modal-overlay{-webkit-backdrop-filter:blur(24px)saturate(160%);z-index:9999;background:#06070acc;justify-content:center;align-items:center;padding:20px;animation:.4s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.friend-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:28px;width:100%;max-width:560px;max-height:85vh;padding:28px 30px 32px;animation:.4s cubic-bezier(.22,1,.36,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.friend-modal-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff29,#0000 70%);width:500px;height:260px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.friend-modal::-webkit-scrollbar{width:5px}.friend-modal::-webkit-scrollbar-track{background:0 0}.friend-modal::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:10px}.friend-modal::-webkit-scrollbar-thumb:hover{background:#6c63ff80}.friend-modal-close{cursor:pointer;color:var(--text-muted);z-index:10;background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:16px;right:18px}.friend-modal-close:hover{color:#fff;background:#ffffff14;transform:rotate(90deg)}.friend-modal-header{z-index:1;text-align:center;margin-bottom:24px;padding-top:4px;position:relative}.friend-modal-header h2{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.friend-modal-header .subtitle{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-top:4px;font-size:14px}.friend-tabs{z-index:1;background:var(--glass);border:1px solid var(--border-soft);border-radius:14px;gap:6px;margin-bottom:20px;padding:4px;display:flex;position:relative}.friend-tabs .tab-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .3s}.friend-tabs .tab-btn:hover{color:var(--text-secondary);background:#ffffff08}.friend-tabs .tab-btn.active{color:#fff;background:#6c63ff26;box-shadow:0 2px 15px #6c63ff0d}.friend-tabs .tab-btn .tab-count{color:var(--accent-2);background:#6c63ff26;border-radius:12px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:700;display:inline-block}.friend-tabs .tab-btn.active .tab-count{color:var(--accent-2);background:#6c63ff40}.friend-list{z-index:1;flex-direction:column;gap:8px;max-height:380px;padding-right:4px;display:flex;position:relative;overflow-y:auto}.friend-list::-webkit-scrollbar{width:4px}.friend-list::-webkit-scrollbar-thumb{background:#6c63ff40;border-radius:10px}.friend-item{background:var(--glass);border:1px solid var(--border-soft);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:all .3s;display:flex;position:relative}.friend-item:hover{background:var(--glass-hover);border-color:var(--border-accent);transform:translate(4px)}.friend-item.clickable{cursor:pointer}.friend-item .friend-click-area{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.friend-item .friend-actions-area{flex-shrink:0;gap:6px;display:flex}.friend-avatar{background:linear-gradient(135deg, var(--accent), #4f46e5);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #6c63ff33}.friend-item:hover .friend-avatar{transform:scale(1.05);box-shadow:0 6px 25px #6c63ff47}.friend-info{flex-direction:column;flex:1;min-width:0;display:flex}.friend-name{color:#fff;letter-spacing:-.2px;font-size:15px;font-weight:600;transition:color .25s}.friend-item:hover .friend-name{color:var(--accent-2)}.friend-status{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.friend-status.online{color:var(--accent-3)}.friend-status.offline{color:#fff3}.friend-status.pending{color:#ffd93d}.friend-status .status-dot{border-radius:50%;width:7px;height:7px;margin-right:2px;display:inline-block}.friend-status.online .status-dot{background:var(--accent-3);box-shadow:0 0 10px #00d9c059}.friend-status.offline .status-dot{background:#ffffff26}.friend-status.pending .status-dot{background:#ffd93d;box-shadow:0 0 10px #ffd93d33}.friend-stats{color:var(--text-muted);font-size:12px}.friend-action-btn{cursor:pointer;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .25s}.friend-action-btn.accept{color:var(--accent-3);background:#00d9c01f}.friend-action-btn.accept:hover{background:#00d9c033;transform:scale(1.02)}.friend-action-btn.reject{color:#ff6b6b;background:#ff6b6b14}.friend-action-btn.reject:hover{background:#ff6b6b26;transform:scale(1.02)}.friend-action-btn.add{color:var(--accent-2);background:#6c63ff1f;padding:6px 18px}.friend-action-btn.add:hover:not(:disabled){background:#6c63ff38;transform:scale(1.02)}.friend-action-btn.add:disabled{opacity:.4;cursor:not-allowed;transform:none}.friend-action-btn.unfriend{color:#ff6b6b80;background:#ff6b6b0f;padding:6px 14px}.friend-action-btn.unfriend:hover{color:#ff6b6b;background:#ff6b6b1f;transform:scale(1.02)}.friend-action-btn.view-profile{color:#6c63ff66;background:#6c63ff0f;padding:6px 12px;font-size:11px}.friend-action-btn.view-profile:hover{color:var(--accent-2);background:#6c63ff1f;transform:scale(1.02)}.friend-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.friend-empty .empty-icon{margin-bottom:12px;font-size:48px;display:block}.friend-empty p{margin:4px 0;font-size:15px}.friend-empty .empty-sub{color:#ffffff26;font-size:13px}.friend-search{z-index:1;flex-direction:column;gap:14px;display:flex;position:relative}.friend-search-input{border:2px solid var(--border-soft);color:#fff;background:#ffffff0a;border-radius:14px;outline:none;padding:14px 18px;font-size:15px;font-weight:400;transition:all .3s}.friend-search-input:focus{border-color:var(--border-accent);background:#6c63ff0d;box-shadow:0 0 30px #6c63ff0f}.friend-search-input::placeholder{color:#ffffff26}.search-results-list{flex-direction:column;gap:8px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:#6c63ff33;border-radius:10px}.search-result-item{background:var(--glass);border:1px solid var(--border-soft);border-radius:12px;align-items:center;gap:14px;padding:10px 14px;transition:all .25s;display:flex}.search-result-item:hover{background:var(--glass-hover);border-color:var(--border-accent)}.friend-error{color:#ff8080;text-align:center;z-index:1;background:#ff6b6b14;border:1px solid #ff6b6b26;border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:13px;position:relative}.friend-success{color:var(--accent-3);text-align:center;z-index:1;background:#00d9c014;border:1px solid #00d9c033;border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:13px;position:relative}@media (width<=480px){.friend-modal{border-radius:20px;max-width:100%;max-height:92vh;padding:20px 16px 24px}.friend-modal-header h2{font-size:22px}.friend-tabs .tab-btn{padding:8px 10px;font-size:12px}.friend-item{flex-wrap:wrap;gap:10px;padding:10px 12px}.friend-item .friend-click-area{flex:100%;gap:10px}.friend-item .friend-actions-area{justify-content:flex-end;width:100%;padding-left:54px}.friend-avatar{width:38px;height:38px;font-size:15px}.friend-name{font-size:14px}.friend-action-btn{padding:5px 12px;font-size:11px}.friend-modal-close{width:34px;height:34px;font-size:17px;top:12px;right:14px}.friend-search-input{padding:12px 14px;font-size:14px}}:root{--cm-bg-deep:#06070a;--cm-accent:#6c63ff;--cm-accent-2:#a89bff;--cm-accent-3:#00d9c0;--cm-glass:#ffffff06;--cm-glass-hover:#ffffff0b;--cm-border-soft:#ffffff0f;--cm-border-accent:#6c63ff59;--cm-text-primary:#fff;--cm-text-secondary:#ffffff9e;--cm-text-muted:#ffffff59}.clan-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#06070abf;justify-content:center;align-items:center;padding:20px;animation:.35s cubic-bezier(.16,1,.3,1) cmFadeIn;display:flex;position:fixed;inset:0}.clan-modal{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--cm-border-soft);isolation:isolate;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:28px;width:100%;max-width:600px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000008c}.clan-modal-aurora{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(#6c63ff38,#0000 70%);width:460px;height:300px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.clan-modal::-webkit-scrollbar{width:6px}.clan-modal::-webkit-scrollbar-track{background:#ffffff0a;border-radius:10px}.clan-modal::-webkit-scrollbar-thumb{background:var(--cm-accent);border-radius:10px}.clan-modal-close{border:1px solid var(--cm-border-soft);color:#fff;cursor:pointer;z-index:2;background:#ffffff0f;border-radius:10px;width:34px;height:34px;font-size:16px;transition:all .35s cubic-bezier(.22,1,.36,1);position:absolute;top:18px;right:22px}.clan-modal-close:hover{border-color:var(--cm-border-accent);color:var(--cm-accent-2);background:#6c63ff26;transform:rotate(90deg)}.clan-modal-choices{z-index:1;text-align:center;position:relative}.clan-modal-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:11.5px;font-weight:700;display:inline-flex}@keyframes cmPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.clan-modal-choices h2{color:#fff;letter-spacing:-.8px;margin-bottom:30px;font-size:27px;font-weight:800}.clan-modal-buttons{flex-direction:column;gap:16px;display:flex}.clan-modal-btn{background:var(--cm-glass);border:1px solid var(--cm-border-soft);color:#fff;cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:28px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.clan-modal-btn:hover{background:var(--cm-glass-hover);transform:translateY(-5px);box-shadow:0 16px 40px #0000004d}.create-btn:hover{border-color:var(--cm-border-accent);box-shadow:0 16px 40px #6c63ff2e}.join-btn:hover{border-color:#00d9c059;box-shadow:0 16px 40px #00d9c029}.btn-icon-wrapper{justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex;position:relative}.btn-icon-glow{background:radial-gradient(#6c63ff29,#0000 70%);border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.join-btn .btn-icon-glow{background:radial-gradient(#00d9c029,#0000 70%)}.clan-modal-btn:hover .btn-icon-glow{width:170%;height:170%}.btn-icon{z-index:1;font-size:34px;position:relative}.btn-title{letter-spacing:-.3px;font-size:18px;font-weight:700}.btn-sub{color:var(--cm-text-muted);font-size:13px;font-weight:500}@keyframes cmFadeIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.clan-modal{border-radius:22px;padding:28px 22px}.clan-modal-choices h2{margin-bottom:22px;font-size:21px}.clan-modal-btn{padding:20px}.btn-icon-wrapper{width:46px;height:46px}.btn-icon{font-size:26px}.btn-title{font-size:16px}}:root{--ccf-accent:#6c63ff;--ccf-accent-2:#a89bff;--ccf-accent-3:#00d9c0;--ccf-glass:#ffffff06;--ccf-glass-hover:#ffffff0b;--ccf-border-soft:#ffffff0f;--ccf-border-accent:#6c63ff59;--ccf-text-primary:#fff;--ccf-text-secondary:#ffffff9e;--ccf-text-muted:#ffffff59}.clan-create-form{padding:6px 0}.back-btn{border:1px solid var(--ccf-border-soft);color:var(--ccf-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:10px;margin-bottom:24px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .35s cubic-bezier(.22,1,.36,1)}.back-btn:hover{background:var(--ccf-glass-hover);color:#fff;border-color:var(--ccf-border-accent);transform:translate(-4px)}.clan-create-form h2{color:#fff;text-align:center;letter-spacing:-.6px;margin-bottom:26px;font-size:25px;font-weight:800}.form-group{margin-bottom:26px;position:relative}.form-group label{color:var(--ccf-text-secondary);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--ccf-border-soft);color:#fff;background:#ffffff08;border-radius:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ccf-text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--ccf-border-accent);background:#ffffff0d;outline:none}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px}.char-count,.word-count{color:var(--ccf-text-muted);font-size:11.5px;position:absolute;bottom:-20px;right:4px}.clan-cost-info{text-align:center;background:#6c63ff0f;border:1px solid #6c63ff2e;border-radius:14px;margin:28px 0;padding:18px}.clan-cost-info span{color:var(--ccf-accent-2);font-size:17px;font-weight:700;display:block}.info-text{font-size:12px;color:var(--ccf-text-muted)!important;margin-top:6px!important;font-weight:500!important}.create-clan-btn{background:linear-gradient(135deg, var(--ccf-accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 30px #6c63ff47}.create-clan-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 42px #6c63ff6b}.create-clan-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (width<=768px){.clan-create-form h2{font-size:21px}.form-group input,.form-group textarea{padding:12px 14px;font-size:14px}.create-clan-btn{padding:14px;font-size:15px}}:root{--cjl-accent:#6c63ff;--cjl-accent-2:#a89bff;--cjl-accent-3:#00d9c0;--cjl-glass:#ffffff06;--cjl-glass-hover:#ffffff0b;--cjl-border-soft:#ffffff0f;--cjl-border-accent:#6c63ff59;--cjl-text-secondary:#ffffff9e;--cjl-text-muted:#ffffff59}.clan-join-list{padding:6px 0}.clan-join-list .back-btn{border:1px solid var(--cjl-border-soft);color:var(--cjl-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:10px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .35s cubic-bezier(.22,1,.36,1)}.clan-join-list .back-btn:hover{background:var(--cjl-glass-hover);color:#fff;border-color:var(--cjl-border-accent);transform:translate(-4px)}.clan-join-list h2{color:#fff;text-align:center;letter-spacing:-.6px;margin-bottom:24px;font-size:24px;font-weight:800}.clan-grid{flex-direction:column;gap:14px;max-height:500px;padding-right:6px;display:flex;overflow-y:auto}.clan-grid::-webkit-scrollbar{width:6px}.clan-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.clan-grid::-webkit-scrollbar-thumb{background:var(--cjl-accent);border-radius:10px}.clan-card{background:var(--cjl-glass);border:1px solid var(--cjl-border-soft);border-radius:16px;padding:20px;transition:all .4s cubic-bezier(.22,1,.36,1)}.clan-card:hover{background:var(--cjl-glass-hover);border-color:var(--cjl-border-accent);transform:translate(6px);box-shadow:0 12px 32px #00000047}.clan-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.clan-card-header h3{color:#fff;letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.member-count{color:var(--cjl-accent-2);white-space:nowrap;background:#6c63ff14;border:1px solid #6c63ff2e;border-radius:50px;padding:5px 14px;font-size:13px;font-weight:600}.join-clan-btn{background:linear-gradient(135deg, var(--cjl-accent-3), #00a891);color:#06070a;cursor:pointer;border:none;border-radius:10px;width:100%;padding:11px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.join-clan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #00d9c04d}.join-clan-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--cjl-text-muted);background:#ffffff0f}.no-clans{text-align:center;background:var(--cjl-glass);border:1px solid var(--cjl-border-soft);border-radius:18px;padding:50px 20px}.no-clans p{color:var(--cjl-text-secondary);font-size:16px}.sub-text{margin-top:8px;color:var(--cjl-text-muted)!important;font-size:13px!important}.clan-join-loading{text-align:center;padding:50px 20px}.clan-join-loading p{color:var(--cjl-text-muted);margin-top:14px;font-size:13.5px}@keyframes cjlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading{animation:1s infinite cjlPulse;display:inline-block}@keyframes cjlPulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{color:#fca5a5;text-align:center;background:#f43f5e14;border:1px solid #f43f5e38;border-radius:12px;margin-bottom:16px;padding:12px;font-size:13.5px}@media (width<=768px){.clan-join-list h2{font-size:20px}.clan-card{padding:16px}.clan-card-header h3{font-size:15px}.join-clan-btn{padding:12px}}:root{--navbar-height:72px;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--accent:#5865f2;--accent-glow:#5865f22e;--transition-speed:.2s;--pill-radius:999px;--pill-bg:#ffffff0f;--pill-bg-hover:#5865f240}*{box-sizing:border-box}.navbar{width:100%;height:var(--navbar-height);z-index:9999;background:0 0;align-items:center;padding:0 32px;display:flex;position:sticky;top:0;left:0;right:0;overflow:visible}.navbar:before{content:"";-webkit-backdrop-filter:blur();z-index:-1;pointer-events:none;background:0 0;transition:background .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:absolute;inset:0}.navbar.dim-active:before{-webkit-backdrop-filter:blur(14px);background:#000000bf}.page-dim-overlay{top:var(--navbar-height);-webkit-backdrop-filter:blur(14px);z-index:9000;opacity:0;visibility:hidden;pointer-events:none;background:#000000c7;transition:opacity .25s,visibility .25s;position:fixed;bottom:0;left:0;right:0}.page-dim-overlay.active{opacity:1;visibility:visible}.navbar-container{z-index:1;justify-content:space-between;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:relative}.navbar-brand{background:var(--pill-bg);border-radius:var(--pill-radius);flex-shrink:0;align-items:center;gap:10px;padding:6px 16px 6px 6px;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border-radius:50%;width:32px;height:32px}.brand-text{color:#fff;letter-spacing:-.3px;white-space:nowrap;font-family:gg sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:700}.navbar-menu{background:var(--pill-bg);border-radius:var(--pill-radius);flex-shrink:1;align-items:center;gap:4px;min-width:0;padding:6px;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--pill-radius);cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;height:36px;padding:8px 14px;font-family:gg sans,Inter,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link .nav-icon{font-size:15px;line-height:1}.nav-link:hover,.nav-link.active{color:var(--text-primary);background:var(--pill-bg-hover)}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-wrapper .dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:10000;background:#14151c;border:1px solid #5865f226;border-radius:16px;min-width:200px;padding:6px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 20px 50px #00000080}.dropdown-wrapper:before{content:"";height:14px;position:absolute;top:100%;left:0;right:0}.dropdown-wrapper:hover .dropdown-menu,.dropdown-wrapper .dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.dropdown-btn{height:36px;color:var(--text-secondary);cursor:pointer;border-radius:var(--pill-radius);transition:all var(--transition-speed) ease;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:8px 14px;font-family:gg sans,Inter,sans-serif;font-size:13px;font-weight:600;display:flex}.dropdown-btn:hover,.dropdown-btn.active{color:var(--text-primary);background:var(--pill-bg-hover)}.dropdown-arrow-svg{color:currentColor;width:13px;height:13px;transition:transform var(--transition-speed) ease;flex-shrink:0}.dropdown-wrapper:hover .dropdown-arrow-svg,.dropdown-arrow-svg.rotated{transform:rotate(180deg)}.dropdown-item{color:var(--text-secondary);transition:all var(--transition-speed) ease;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:gg sans,Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:flex}.dropdown-item .dropdown-icon{font-size:15px;line-height:1}.dropdown-item:hover{color:var(--text-primary);background:var(--pill-bg-hover)}.dropdown-item.logout-item{color:#f23f42}.dropdown-item.logout-item:hover{color:#f23f42;background:#f23f4226}.dropdown-divider{border:none;border-top:1px solid #ffffff0f;margin:4px 8px}.profile-dropdown{min-width:180px;left:50%;right:auto;transform:translate(-50%)translateY(-8px)!important}.dropdown-wrapper:hover .profile-dropdown,.profile-dropdown.open{transform:translate(-50%)translateY(0)!important}.profile-wrapper{flex-shrink:0;margin-left:auto}.user-avatar{background:var(--accent-glow);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;overflow:hidden}.navbar-avatar-img{object-fit:cover;width:100%;height:100%}.username{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;font-weight:600;overflow:hidden}.profile-btn{background:var(--pill-bg);gap:8px;padding:4px 12px 4px 4px}.nav-link.register-btn{height:36px;padding:8px 20px;font-weight:700;color:#06070a!important;background:#fff!important}.nav-link.register-btn:hover{background:#e6e6e6!important}.nav-link.login-btn{color:var(--text-primary);background:0 0}.mobile-menu-btn{background:var(--pill-bg);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:none}.mobile-menu-btn svg{stroke-width:2px;stroke:currentColor;fill:none;width:22px;height:22px}@media (width<=1200px){.navbar{padding:0 20px}.nav-link{padding:8px 10px}}@media (width<=1024px){.navbar{padding:0 16px}.navbar-menu{display:none}.mobile-menu-btn{display:flex}}@media (width<=768px){:root{--navbar-height:60px}.navbar{padding:0 14px}.brand-text{font-size:15px}.brand-logo{width:28px;height:28px}.mobile-menu-btn{display:flex}.navbar-menu{top:calc(var(--navbar-height) + 10px);z-index:9999;height:auto;max-height:calc(100vh - var(--navbar-height) - 24px);background:#14151cf2;border:1px solid #5865f226;border-radius:26px;flex-direction:column;align-items:stretch;gap:6px;padding:10px;display:none;position:fixed;left:16px;right:16px;overflow:hidden auto;box-shadow:0 20px 50px #00000080}.navbar-menu.active{display:flex}.nav-link,.dropdown-btn{text-align:center;border-radius:999px;justify-content:center;gap:10px;width:100%;height:auto;padding:14px 16px;font-size:15px}.dropdown-wrapper{width:100%}.dropdown-wrapper .dropdown-menu{display:none}.dropdown-wrapper .dropdown-menu.open{width:100%;max-width:100%;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;background:#ffffff0d;border:none;border-radius:16px;flex-direction:column;margin-top:2px;margin-left:0;margin-right:0;padding:4px;display:flex;position:static;transform:none!important}.dropdown-item{text-align:center;border-radius:999px;justify-content:center;align-items:center;width:100%;display:flex}.profile-dropdown{width:100%;min-width:100%}.profile-wrapper{margin-left:0}.profile-btn{background:#ffffff0a;border-radius:999px;justify-content:center;height:auto;padding:12px 16px}.username{max-width:none}.nav-link.register-btn,.nav-link.login-btn{border-radius:999px;justify-content:center;width:100%;height:auto;margin-top:2px;padding:14px;font-size:15px}}.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}}:root{--accent:#6c63ff;--accent-2:#a89bff;--accent-3:#00d9c0}.invite-notification{z-index:10000;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);isolation:isolate;background:linear-gradient(#ffffff0d,#ffffff04);border:1px solid #ffffff14;border-radius:20px;min-width:320px;max-width:380px;padding:20px 22px;animation:.45s cubic-bezier(.34,1.56,.64,1) inviteSlideIn;position:fixed;top:80px;right:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.invite-notification:before{content:"";filter:blur(50px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#6c63ff40,#0000 70%);width:220px;height:220px;position:absolute;top:-60%;right:-30%}@keyframes inviteSlideIn{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}.invite-content{z-index:1;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex;position:relative}.invite-icon{background:#6c63ff1f;border:1px solid #6c63ff40;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.invite-text{color:#ffffffd9;flex:1;padding-top:4px;font-size:14px;line-height:1.55}.invite-text strong{color:#fff;font-weight:700}.invite-details{color:#ffffff59;letter-spacing:.2px;margin-top:4px;font-size:12px;display:block}.invite-actions{z-index:1;gap:10px;display:flex;position:relative}.invite-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:10px 18px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1)}.invite-btn.accept{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;box-shadow:0 6px 20px #6c63ff4d}.invite-btn.accept:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 28px #6c63ff66}.invite-btn.decline{color:#ffffff80;background:#ffffff0a;border:1px solid #ffffff12}.invite-btn.decline:hover:not(:disabled){color:#ff8080;background:#ff6b6b1a;border-color:#ff6b6b33}.invite-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.invite-close{color:#ffffff40;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:15px;transition:all .3s;display:flex;position:absolute;top:14px;right:16px}.invite-close:hover{color:#fff;background:#ffffff14}@media (width<=480px){.invite-notification{min-width:0;max-width:none;padding:16px 18px;top:70px;left:10px;right:10px}.invite-text{font-size:13px}}:root{--tp-accent:#6c63ff;--tp-accent-2:#a89bff;--tp-accent-3:#00d9c0;--tp-gold:#ffd66b;--tp-glass:#ffffff06;--tp-glass-hover:#ffffff0b;--tp-border-soft:#ffffff0f;--tp-border-accent:#6c63ff59;--tp-text-primary:#fff;--tp-text-secondary:#ffffff9e;--tp-text-muted:#ffffff59}.team-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#06070abf;justify-content:center;align-items:center;padding:20px;animation:.35s cubic-bezier(.16,1,.3,1) tpFadeIn;display:flex;position:fixed;inset:0}@keyframes tpFadeIn{0%{opacity:0}to{opacity:1}}.team-modal{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--tp-border-soft);isolation:isolate;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:28px;width:100%;max-width:540px;max-height:92vh;padding:2.5rem 2.5rem 2rem;animation:.45s cubic-bezier(.22,1,.36,1) tpSlideUp;position:relative;overflow:hidden auto;box-shadow:0 24px 70px #0000008c}@keyframes tpSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.team-modal::-webkit-scrollbar{width:4px}.team-modal::-webkit-scrollbar-track{background:0 0}.team-modal::-webkit-scrollbar-thumb{background:var(--tp-accent);border-radius:10px}.team-modal-close{border:1px solid var(--tp-border-soft);cursor:pointer;color:#fff;z-index:2;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:18px;right:20px}.team-modal-close:hover{border-color:var(--tp-border-accent);color:var(--tp-accent-2);background:#6c63ff26;transform:rotate(90deg)}.team-modal .modal-header{text-align:center;margin-bottom:2rem;padding-top:4px}.team-modal .modal-header .icon-wrapper{background:#6c63ff14;border:1px solid #6c63ff33;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;display:inline-flex;position:relative}.team-modal .modal-header .icon-wrapper .icon{font-size:34px}.team-modal .modal-header h2{letter-spacing:-.6px;background:linear-gradient(120deg, #fff, var(--tp-accent-2), var(--tp-accent), #fff);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:28px;font-weight:800;animation:6s linear infinite tpShimmer}@keyframes tpShimmer{0%{background-position:0%}to{background-position:250%}}.team-modal .modal-header p{color:var(--tp-text-muted);margin:0;font-size:14px}.pending-invites-section{background:#6c63ff0f;border:1px solid #6c63ff29;border-radius:16px;margin-bottom:16px;padding:14px 16px}.pending-invites-section h4{color:var(--tp-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.pending-invite-item{background:var(--tp-glass);border:1px solid var(--tp-border-soft);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;animation:.35s cubic-bezier(.16,1,.3,1) tpSlideIn;display:flex}@keyframes tpSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pending-invite-item:last-child{margin-bottom:0}.invite-info{flex-direction:column;flex:1;gap:3px;display:flex}.invite-from{color:#fff;font-size:14px}.invite-from strong{color:var(--tp-accent-2)}.invite-room{color:var(--tp-text-muted);font-size:12px}.invite-players{color:var(--tp-text-muted);font-size:11px}.invite-actions{flex-shrink:0;gap:8px;display:flex}.invite-btn{cursor:pointer;border:none;border-radius:10px;padding:7px 18px;font-size:12.5px;font-weight:700;transition:all .3s}.invite-btn.accept-invite{background:linear-gradient(135deg, var(--tp-accent-3), #00a891);color:#06070a}.invite-btn.accept-invite:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #00d9c04d}.invite-btn.accept-invite:disabled{opacity:.5;cursor:not-allowed}.invite-btn.decline-invite{color:var(--tp-text-secondary);border:1px solid var(--tp-border-soft);background:#ffffff0d}.invite-btn.decline-invite:hover:not(:disabled){color:#fca5a5;background:#f43f5e1a;border-color:#f43f5e33}.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-single{grid-column:1/-1;max-width:300px;margin:0 auto}.team-option{background:var(--tp-glass);border:1px solid var(--tp-border-soft);text-align:center;border-radius:18px;padding:1.6rem 1.2rem 1.4rem;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.team-option:hover{border-color:var(--tp-border-accent);background:var(--tp-glass-hover);transform:translateY(-3px);box-shadow:0 12px 40px #00000047}.team-option .opt-icon{margin-bottom:8px;font-size:28px;display:block}.team-option h3{color:#fff;margin:0 0 3px;font-size:16px;font-weight:700}.team-option .opt-desc{color:var(--tp-text-muted);margin:0 0 14px;font-size:12px;line-height:1.5}.team-option .btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;width:100%;padding:11px 0;font-size:13.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.team-option .btn-primary{background:linear-gradient(135deg, var(--tp-accent), #5a52d5);color:#fff;box-shadow:0 6px 20px #6c63ff40}.team-option .btn-primary:hover:not(:disabled){transform:scale(1.03);box-shadow:0 10px 32px #6c63ff66}.team-option .btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.team-modal .auth-error{color:#fca5a5;text-align:center;background:#f43f5e14;border:1px solid #f43f5e38;border-radius:12px;margin-bottom:1rem;padding:12px 16px;font-size:13px}.team-info{background:var(--tp-glass);border:1px solid var(--tp-border-soft);border-radius:16px;margin-top:6px;padding:14px 18px}.team-info .info-row{align-items:center;gap:10px;padding:5px 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:var(--tp-text-secondary);margin:0;font-size:13px;line-height:1.55}.team-info .info-row p strong{color:var(--tp-gold);font-weight:700}.team-lobby{padding:0}.team-lobby .lobby-header{text-align:center;margin-bottom:1.4rem}.team-lobby .lobby-header h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.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:var(--tp-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:11px;font-weight:700}.players-list .players-header .count{color:var(--tp-text-muted);font-size:11px}.player-item{background:var(--tp-glass);border:1px solid var(--tp-border-soft);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 16px;transition:all .3s;display:flex}.player-item:hover{background:var(--tp-glass-hover)}.player-item .player-name{color:var(--tp-text-secondary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.player-item .player-name .host-badge{color:var(--tp-accent-2);text-transform:uppercase;letter-spacing:.5px;background:#6c63ff1f;border-radius:4px;padding:2px 10px;font-size:8px;font-weight:700}.player-item .player-status{color:#6ee7a8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.player-item .player-status.waiting{color:var(--tp-text-muted)}.invite-section{margin:.8rem 0;position:relative}.invite-toggle-btn{width:100%;color:var(--tp-accent-2);cursor:pointer;background:#6c63ff14;border:1px solid #6c63ff33;border-radius:12px;padding:11px;font-size:14px;font-weight:700;transition:all .3s}.invite-toggle-btn:hover{background:#6c63ff29}.invite-dropdown{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--tp-border-soft);z-index:10;background:#0a0a10fa;border-radius:14px;max-height:200px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 44px #00000073}.invite-dropdown::-webkit-scrollbar{width:4px}.invite-dropdown::-webkit-scrollbar-thumb{background:#6c63ff66;border-radius:10px}.invite-empty{text-align:center;color:var(--tp-text-muted);padding:16px;font-size:13px}.invite-empty p{margin:2px 0}.invite-list{flex-direction:column;gap:4px;display:flex}.invite-item{border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .25s;display:flex}.invite-item:hover{background:#ffffff08}.invite-friend-name{color:var(--tp-text-secondary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.invite-badge.online{color:#6ee7a8;background:#6ee7a81a;border-radius:4px;padding:1px 8px;font-size:10px}.invite-badge.in-room{color:var(--tp-gold);background:#ffd66b1a;border-radius:4px;padding:1px 8px;font-size:10px}.invite-friend-btn{cursor:pointer;background:linear-gradient(135deg, var(--tp-accent), #5a52d5);color:#fff;border:none;border-radius:8px;padding:5px 18px;font-size:12px;font-weight:700;transition:all .3s}.invite-friend-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 6px 20px #6c63ff59}.invite-friend-btn.disabled{color:var(--tp-text-muted);cursor:not-allowed;background:#ffffff0d}.invite-message{text-align:center;color:#6ee7a8;margin-top:4px;padding:6px 0;font-size:13px}.invite-message.error{color:#fca5a5}.lobby-actions{flex-direction:column;gap:10px;display:flex}.lobby-actions .btn-start{background:linear-gradient(135deg, var(--tp-accent-3), #00a891);color:#06070a;cursor:pointer;letter-spacing:.4px;border:none;border-radius:14px;padding:15px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 26px #00d9c038}.lobby-actions .btn-start:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 42px #00d9c061}.lobby-actions .btn-start:disabled{opacity:.3;cursor:not-allowed;box-shadow:none;transform:none!important}.lobby-actions .btn-leave{color:var(--tp-text-muted);border:1px solid var(--tp-border-soft);cursor:pointer;background:#ffffff08;border-radius:12px;padding:12px;font-size:13.5px;font-weight:600;transition:all .35s}.lobby-actions .btn-leave:hover{color:#fca5a5;background:#f43f5e14;border-color:#f43f5e33}.waiting-text{text-align:center;color:var(--tp-text-muted);padding:10px 0 6px;font-size:14px}.waiting-text strong{color:var(--tp-text-secondary);font-weight:700}.no-invites-message{text-align:center;color:var(--tp-text-muted);border-bottom:1px solid var(--tp-border-soft);margin-bottom:8px;padding:10px 0;font-size:13px}@media (width<=640px){.team-modal{border-radius:22px;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}.team-info .info-row p{font-size:12px}.pending-invite-item{flex-direction:column;align-items:stretch;gap:8px}.invite-actions{justify-content:flex-end}}@media (width<=400px){.team-modal{border-radius:18px;padding:1.2rem 1rem 1rem}.team-modal .modal-header h2{font-size:19px}.team-option h3{font-size:14px}.team-option .opt-desc{font-size:11px}.player-item{padding:8px 12px;font-size:13px}.lobby-actions .btn-start{padding:13px;font-size:14px}.team-info .info-row p{font-size:11px}}.home-container{opacity:0;isolation:isolate;max-width:1400px;margin:0 auto;padding:20px 40px 0;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(60px)}.home-container.visible{opacity:1;transform:translateY(0)}.section-title{text-align:center;color:#fff;letter-spacing:-1px;margin-bottom:48px;font-size:38px;font-weight:800}.section-title-highlight{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.offer-section,.how-to-play-section,.stats-section,.cta-section{opacity:0;transition:all 1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(50px)}.offer-section.visible,.how-to-play-section.visible,.stats-section.visible,.cta-section.visible{opacity:1;transform:translateY(0)}.hero-section{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;width:100%;margin-bottom:70px;padding:100px 40px 90px;position:relative;overflow:hidden}@keyframes auroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,40px)scale(1.15)}}@keyframes auroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,-30px)scale(1.1)}}.hero-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff1a,#0000 70%);width:900px;height:450px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.hero-content{z-index:1;position:relative}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.hero-title{letter-spacing:-3px;margin-bottom:10px;font-size:76px;font-weight:900;line-height:1.05}.hero-title-gradient{background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.hero-subtitle{color:#ffffff6b;letter-spacing:-.5px;margin-bottom:18px;font-size:24px;font-weight:700}.hero-description{color:var(--text-secondary);max-width:680px;margin:0 auto 36px;font-size:17px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:17px 38px;font-family:Inter,sans-serif;font-size:16.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden}.hero-btn .btn-text,.hero-btn .btn-icon{z-index:1;position:relative}.hero-btn .btn-icon{font-size:19px;transition:transform .35s}.hero-btn:hover .btn-icon{transform:translate(4px)rotate(8deg)}.hero-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.hero-btn:hover:after{left:120%}.hero-btn.btn-primary{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;box-shadow:0 8px 30px #6c63ff4d}.hero-btn.btn-primary:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 14px 45px #6c63ff73}.hero-btn.btn-secondary{color:#fff;border:1px solid var(--border-soft);background:#ffffff0f}.hero-btn.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-4px)scale(1.02)}.hero-btn.btn-team{color:var(--accent-3);background:#00d9c01f;border:1px solid #00d9c040}.hero-btn.btn-team:hover{background:#00d9c02e;transform:translateY(-4px)scale(1.02);box-shadow:0 14px 45px #00d9c033}.hero-btn:active{transform:scale(.96)!important}.hero-scroll-hint{z-index:1;border:2px solid #ffffff26;border-radius:14px;justify-content:center;width:26px;height:40px;margin:46px auto 0;padding-top:6px;display:flex;position:relative}.hero-scroll-hint span{background:var(--accent-2);border-radius:2px;width:4px;height:8px;animation:1.6s ease-in-out infinite scrollHint}@keyframes scrollHint{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(10px)}to{opacity:0;transform:translateY(0)}}.offer-section{margin-bottom:70px;padding:10px 0}.offer-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.offer-card{background:var(--glass);border:1px solid var(--border-soft);text-align:center;perspective:800px;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:28px 22px;transition:transform .5s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s;display:flex;position:relative;overflow:hidden}.offer-card-border{-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);border-radius:20px;padding:1px;transition:background .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.offer-card:hover .offer-card-border{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.offer-card:hover{background:var(--glass-hover);transform:translateY(-8px)rotateX(2deg);box-shadow:0 20px 50px #00000059,0 0 0 1px #6c63ff14}.offer-icon-wrapper{justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;display:flex;position:relative}.offer-icon-glow{background:radial-gradient(#6c63ff24,#0000 70%);border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.offer-card:hover .offer-icon-glow{opacity:1;width:160%;height:160%}.offer-icon{z-index:1;font-size:29px;position:relative}.offer-card h3{color:#fff;margin-bottom:7px;font-size:16.5px;font-weight:700}.offer-card p{color:var(--text-secondary);max-width:260px;margin-bottom:12px;font-size:13px;line-height:1.55}.offer-tag{color:var(--accent-2);text-transform:uppercase;letter-spacing:.6px;background:#6c63ff14;border:1px solid #6c63ff26;border-radius:50px;padding:3px 12px;font-size:10px;font-weight:700;display:inline-block}.how-to-play-section{margin-bottom:70px}.how-to-play-grid{flex-direction:column;gap:14px;max-width:1000px;margin:0 auto;display:flex;position:relative}.how-to-line{z-index:0;background:linear-gradient(#0000,#6c63ff40,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.how-to-card{z-index:1;background:var(--glass);border:1px solid var(--border-soft);border-radius:16px;align-items:center;gap:22px;min-height:82px;padding:20px 30px;transition:all .45s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.how-to-card:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-4px);box-shadow:0 14px 40px #0000004d}.how-to-left{justify-content:flex-start;margin-right:44px}.how-to-right{justify-content:flex-end;margin-left:44px}.how-to-number{color:#0000;-webkit-text-stroke:1.5px #6c63ff73;flex-shrink:0;min-width:52px;font-family:Inter,sans-serif;font-size:30px;font-weight:900}.how-to-content h3{color:#fff;margin-bottom:3px;font-size:16.5px;font-weight:700}.how-to-content p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.stats-section{margin-bottom:70px}.stat-card{background:var(--glass);border:1px solid var(--border-soft);text-align:center;border-radius:16px;padding:22px 14px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:radial-gradient(circle,#6c63ff1f,#0000 65%);width:140%;height:140%;transition:opacity .4s;position:absolute;top:-60%;left:-20%}.stat-card:hover:before{opacity:1}.stat-card:hover{border-color:var(--border-accent);transform:translateY(-5px);box-shadow:0 12px 36px #00000047}.stat-icon{z-index:1;margin-bottom:6px;font-size:23px;display:block;position:relative}.stat-value{color:#fff;letter-spacing:-1px;z-index:1;font-family:Inter,sans-serif;font-size:29px;font-weight:900;display:block;position:relative}.stat-label{color:var(--text-muted);z-index:1;margin-top:5px;font-size:11px;font-weight:600;display:block;position:relative}.cta-section{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff09,#ffffff02);border-radius:32px;margin-bottom:60px;padding:64px 40px;position:relative;overflow:hidden}.cta-grid-overlay{z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 75%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 75%)}.cta-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff24,#0000 70%);width:700px;height:350px;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.cta-content{z-index:1;position:relative}.cta-content h2{color:#fff;letter-spacing:-1px;margin-bottom:10px;font-size:34px;font-weight:800}.cta-content p{color:var(--text-secondary);margin-bottom:30px;font-size:17px}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:12px;padding:15px 38px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 8px 30px #6c63ff47}.cta-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 14px 45px #6c63ff66}.cta-btn svg{stroke:currentColor;width:20px;height:20px;transition:transform .4s}.cta-btn:hover svg{transform:translate(4px)}.cta-btn-secondary{color:#fff;border:1px solid var(--border-soft);cursor:pointer;background:#ffffff0f;border-radius:14px;align-items:center;padding:15px 34px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:all .4s cubic-bezier(.22,1,.36,1);display:inline-flex}.cta-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-4px)}@media (width<=1024px){.offer-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.how-to-left{margin-right:20px}.how-to-right{margin-left:20px}.aurora-1,.aurora-2{width:320px;height:320px}}@media (width<=768px){.home-container{padding:12px 16px 0}.hero-section{border-radius:22px;padding:44px 20px 36px}.hero-title{letter-spacing:-1.5px;font-size:36px}.hero-subtitle{font-size:17px}.hero-description{padding:0 10px;font-size:14px}.hero-btn{padding:12px 20px;font-size:14px}.hero-buttons{flex-direction:column;align-items:center;width:100%}.hero-btn{justify-content:center;width:100%}.offer-grid{grid-template-columns:repeat(2,1fr);gap:12px}.offer-card{border-radius:16px;min-height:165px;padding:18px 14px}.offer-card h3{font-size:14px}.offer-card p{max-width:100%;font-size:12px}.offer-icon-wrapper{width:46px;height:46px;margin-bottom:8px}.offer-icon{font-size:22px}.offer-tag{padding:2px 9px;font-size:9px}.how-to-play-grid{gap:8px}.how-to-line{display:none}.how-to-card{border-radius:14px;flex-direction:row;gap:12px;min-height:62px;padding:13px 16px;margin:0!important}.how-to-left,.how-to-right{justify-content:flex-start}.how-to-number{min-width:36px;font-size:20px}.how-to-content h3{font-size:14px}.how-to-content p{font-size:12px;line-height:1.4}.stats-grid{grid-template-columns:repeat(3,1fr);gap:10px}.stat-value{font-size:22px}.stat-card{border-radius:14px;padding:14px 8px}.stat-icon{font-size:18px}.stat-label{font-size:10px}.section-title{margin-bottom:26px;font-size:25px}.cta-section{border-radius:22px;padding:34px 20px}.cta-content h2{font-size:23px}.cta-content p{font-size:14px}.cta-btn,.cta-btn-secondary{justify-content:center;width:100%;padding:12px 20px;font-size:14px}.cta-buttons{flex-direction:column;align-items:center;width:100%}.aurora-1,.aurora-2{filter:blur(60px);width:220px;height:220px}}@media (width<=480px){.hero-title{font-size:29px}.hero-subtitle{font-size:15px}.hero-description{font-size:13px}.hero-badge{padding:5px 13px;font-size:10px}.offer-grid{grid-template-columns:repeat(2,1fr);gap:10px}.offer-card{min-height:145px;padding:14px 10px}.offer-card h3{font-size:13px}.offer-card p{font-size:11px}.offer-icon-wrapper{width:40px;height:40px;margin-bottom:6px}.offer-icon{font-size:18px}.how-to-card{gap:10px;min-height:52px;padding:11px 13px}.how-to-number{min-width:30px;font-size:17px}.how-to-content h3{font-size:13px}.how-to-content p{font-size:11px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-value{font-size:19px}.stat-card{padding:11px 6px}.stat-icon{font-size:16px}.stat-label{font-size:9px}.section-title{margin-bottom:20px;font-size:21px}.cta-section{padding:26px 16px}.cta-content h2{font-size:21px}.cta-content p{font-size:13px}.cta-btn,.cta-btn-secondary{padding:11px 16px;font-size:13px}}:root{--game-accent:#6c63ff;--game-accent-glow:#6c63ff26;--game-gold:gold;--game-text-primary:#fff;--game-text-secondary:#ffffffbf;--game-text-muted:#fff6}.game-container{opacity:0;flex-direction:column;max-width:900px;min-height:85vh;margin:0 auto;padding:20px 20px 30px;transition:all .8s cubic-bezier(.25,.46,.45,.94);display:flex;transform:translateY(30px)}.game-container.fade-in{opacity:1;transform:translateY(0)}.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(24px)saturate(180%);background:#0a0a1ebf;border:1px solid #6c63ff14;border-radius:28px;width:100%;max-width:520px;padding:50px 40px;box-shadow:0 30px 80px #00000080,inset 0 1px #6c63ff0d}.game-start-content h1{background:linear-gradient(135deg,#4f46e5,#818cf8,#a78bfa);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:38px;font-weight:800}.game-start-content .start-subtitle{color:var(--game-text-secondary);-webkit-text-fill-color:var(--game-text-secondary);margin-bottom:20px;font-size:16px}.game-hint{background:#6c63ff14;border-radius:10px;margin:4px 0;padding:8px 16px;display:inline-block;color:#a78bfa!important;-webkit-text-fill-color:#a78bfa!important;font-size:14px!important}.game-hint-warning{background:#f472b614;border-radius:10px;margin-top:6px;padding:8px 16px;display:inline-block;color:#f472b6!important;-webkit-text-fill-color:#f472b6!important;font-size:13px!important}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:14px;margin-top:20px;padding:16px 44px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 30px #6c63ff40}.start-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 40px #6c63ff59}.start-btn:disabled{opacity:.5;cursor:not-allowed}.game-error{color:#f87171;background:#f871710f;border-radius:10px;margin-top:12px;padding:10px 16px;font-size:14px}.game-header{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0a0a1e99;border:1px solid #6c63ff0f;border-radius:18px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 22px;display:flex}.game-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.game-status{color:#818cf8;background:#6c63ff14;border:1px solid #6c63ff0f;border-radius:50px;padding:4px 14px;font-size:14px;font-weight:700}.game-status.playing{color:#34d399;background:#34d39914;border-color:#34d3991a}.game-status.won{color:gold;background:#ffd70014;border-color:#ffd7001a}.game-status.lost{color:#f87171;background:#f8717114;border-color:#f871711a}.game-count{color:var(--game-text-muted);font-size:13px;font-weight:500}.game-guesses{color:#a78bfa;font-size:13px;font-weight:600}.game-shards{color:gold;background:#ffd7000f;border:1px solid #ffd7000f;border-radius:50px;padding:4px 14px;font-size:14px;font-weight:700}.game-header-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.btn-sm{cursor:pointer;border:none;border-radius:10px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .25s}.btn-shards{color:#1a1a2e;background:linear-gradient(135deg,#f7971e,#ffd200);font-weight:700}.btn-shards:hover{transform:scale(1.05);box-shadow:0 4px 20px #f7971e4d}.btn-danger-sm{color:#f87171;background:#f8717114;border:1px solid #f871711a}.btn-danger-sm:hover{background:#f8717126}.modal-overlay{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.3s overlayFade;display:flex;position:fixed;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.modal-content{background:linear-gradient(165deg,#0a0a1ef7,#141432fa);border:1px solid #6c63ff0f;border-radius:28px;width:100%;max-width:750px;max-height:90vh;padding:32px 36px;animation:.4s cubic-bezier(.25,.46,.45,.94) modalSlide;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009}@keyframes modalSlide{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-thumb{background:#6c63ff4d;border-radius:10px}.modal-close{cursor:pointer;color:var(--game-text-muted);background:#ffffff0a;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:all .25s;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;background:linear-gradient(135deg,#4f46e5,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:28px;font-weight:800}.modal-subtitle{color:var(--game-text-muted);text-align:center;-webkit-text-fill-color:var(--game-text-muted);margin-bottom:20px;font-size:15px}.modal-subtitle strong{color:gold;-webkit-text-fill-color:gold;font-size:18px}.shard-packages{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.shard-package{text-align:center;cursor:pointer;background:#ffffff08;border:2px solid #ffffff0f;border-radius:16px;padding:16px 12px;transition:all .3s}.shard-package:hover{background:#6c63ff0a;border-color:#6c63ff26;transform:translateY(-4px)}.shard-package.selected{background:#6c63ff14;border-color:#6c63ff;box-shadow:0 0 40px #6c63ff14}.shard-amount{color:gold;font-size:28px;font-weight:800;line-height:1.2}.shard-label{color:var(--game-text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:11px}.shard-hints{color:#818cf8;margin-top:2px;font-size:12px;font-weight:500}.shard-price{color:#fff;margin-top:6px;font-size:18px;font-weight:700}.shard-price:before{content:"₹";color:var(--game-text-muted);font-size:14px}.purchase-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:14px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 25px #6c63ff33}.purchase-btn:disabled{opacity:.4;cursor:not-allowed}.modal-footer{text-align:center;color:var(--game-text-muted);opacity:.5;margin-top:12px;font-size:12px}.modal-error{color:#f87171;text-align:center;background:#f871710f;border:1px solid #f8717114;border-radius:12px;margin-bottom:12px;padding:10px 16px}.modal-success{color:#34d399;text-align:center;background:#34d3990f;border:1px solid #34d39914;border-radius:12px;margin-bottom:12px;padding:10px 16px}.chat-container{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#0a0a1e99;border:1px solid #6c63ff0f;border-radius:18px;flex-direction:column;flex:1;min-height:450px;display:flex;position:relative;overflow:hidden}.chat-container.has-result{flex:1;min-height:auto}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:10px;min-height:0;padding:20px 22px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;margin:auto;padding:40px 20px}.chat-welcome .welcome-icon{margin-bottom:12px;font-size:48px;display:block}.chat-welcome .welcome-title{color:var(--game-text-secondary);margin-bottom:4px;font-size:20px;font-weight:600}.chat-welcome .welcome-sub{color:var(--game-text-muted);font-size:14px}.chat-message{flex-shrink:0;gap:12px;max-width:88%;animation:.35s cubic-bezier(.25,.46,.45,.94) messageSlide;display:flex}@keyframes messageSlide{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.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:88%}.message-avatar{background:#ffffff0a;border:2px solid #ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .3s;display:flex}.chat-message.user .message-avatar{background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;box-shadow:0 4px 15px #6c63ff33}.chat-message.ai .message-avatar{background:#6c63ff14;border:2px solid #6c63ff14}.chat-message.system .message-avatar{background:#f871710f;border:2px solid #f871710f}.chat-message.hint .message-avatar{background:#ffd7000f;border:2px solid #ffd7000f}.message-content{background:#ffffff08;border:1px solid #ffffff0a;border-radius:14px;max-width:100%;padding:10px 16px;position:relative}.chat-message.user .message-content{background:linear-gradient(135deg,#6c63ff,#5a52d5);border:none;border-radius:14px 14px 4px;box-shadow:0 4px 20px #6c63ff26}.chat-message.ai .message-content{background:#6c63ff0a;border:1px solid #6c63ff0f;border-radius:14px 14px 14px 4px}.chat-message.system .message-content{color:#f87171;background:#f871710a;border:1px solid #f871710f;border-radius:14px}.chat-message.hint .message-content{background:#ffd7000a;border:1px solid #ffd7000f;border-radius:14px 14px 14px 4px}.message-text{word-wrap:break-word;color:var(--game-text-secondary);font-size:14px;line-height:1.6}.chat-message.user .message-text{color:#fff!important}.chat-message.ai .message-text{color:var(--game-text-secondary)}.chat-message.system .message-text{color:#f87171!important}.chat-message.hint .message-text{color:gold!important}.message-meta{color:var(--game-text-muted);text-align:right;opacity:.5;margin-top:4px;font-size:10px}.chat-message.user .message-meta{color:#ffffff4d}.typing-indicator{gap:5px;padding:6px 0;display:flex}.typing-indicator span{background:#6c63ff33;border-radius:50%;width:9px;height:9px;animation:1.4s infinite typingBounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-area{-webkit-backdrop-filter:blur(12px);background:#0a0a1ecc;border-top:1px solid #6c63ff0f;border-radius:0 0 18px 18px;flex-shrink:0;margin-top:auto;padding:14px 20px 18px}.input-tabs{gap:6px;margin-bottom:12px;display:flex}.tab-btn{color:var(--game-text-muted);cursor:pointer;background:0 0;border:2px solid #ffffff0a;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.tab-btn:hover{color:var(--game-text-secondary);border-color:#ffffff14}.tab-btn.active{color:#818cf8;background:#6c63ff0f;border-color:#6c63ff}.tab-badge{color:var(--game-text-muted);background:#6c63ff0f;border-radius:20px;padding:2px 10px;font-size:10px;font-weight:700}.tab-badge.disabled{color:#f87171;background:#f871710f}.no-questions-message{text-align:center;color:#f87171;background:#f871710a;border:1px solid #f871710f;border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:500}.chat-form{align-items:center;gap:8px;display:flex}.chat-input{color:#fff;background:#ffffff0a;border:2px solid #ffffff0a;border-radius:12px;outline:none;flex:1;min-width:0;padding:10px 16px;font-family:Inter,-apple-system,sans-serif;font-size:14px;transition:all .25s}.chat-input:focus{background:#6c63ff0a;border-color:#6c63ff;box-shadow:0 0 30px #6c63ff08}.chat-input::placeholder{color:var(--game-text-muted);opacity:.5}.chat-input:disabled{opacity:.3;cursor:not-allowed}.guess-input:focus{border-color:#34d399}.button-group{gap:6px;display:flex}.send-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:10px 22px;font-size:14px;font-weight:700;transition:all .25s}.send-btn.btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);box-shadow:0 4px 20px #6c63ff26}.send-btn.btn-primary:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 30px #6c63ff40}.send-btn.btn-success{color:#fff;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 20px #34d39926}.send-btn.btn-success:hover:not(:disabled){transform:scale(1.03);box-shadow:0 6px 30px #34d39940}.send-btn:disabled{opacity:.3;cursor:not-allowed}.hint-btn{cursor:pointer;white-space:nowrap;color:gold;background:#ffd7000f;border:2px solid #ffd7000f;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .25s}.hint-btn:hover:not(:disabled){background:#ffd7001a;border-color:#ffd7001f}.hint-btn.used{opacity:.3;cursor:not-allowed;border-color:#0000}.hint-btn:disabled{opacity:.3;cursor:not-allowed}.chat-error{color:#f87171;text-align:center;margin-top:6px;padding:6px 0;font-size:13px}.game-result{text-align:center;background:#0a0a1e66;border-top:1px solid #6c63ff0f;border-radius:0 0 18px 18px;flex-shrink:0;width:100%;padding:24px 24px 28px}.game-result.win{background:#34d39905}.game-result.lose{background:#f8717105}.game-result h2{margin-bottom:2px;font-size:26px;font-weight:800}.game-result.win h2{color:#34d399}.game-result.lose h2{color:#f87171}.game-result .result-sub{color:var(--game-text-muted);font-size:14px}.result-character{color:#fff;margin:6px 0 2px;font-size:22px;font-weight:700}.result-power{color:gold;margin:2px 0;font-size:15px;font-weight:600}.result-stats{color:var(--game-text-muted);margin:6px 0 14px;font-size:13px}.result-image{background:#ffffff05;border:2px solid #6c63ff0f;border-radius:16px;width:130px;height:130px;margin:8px auto 10px;transition:all .3s;overflow:hidden}.result-image img{object-fit:cover;width:100%;height:100%}.result-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;padding:4px 0 0;display:flex}.result-buttons .btn{cursor:pointer;text-align:center;border:none;border-radius:12px;min-width:120px;padding:10px 28px;font-size:14px;font-weight:600;transition:all .25s}.result-buttons .btn-primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);box-shadow:0 4px 20px #6c63ff26}.result-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #6c63ff40}.result-buttons .btn-primary:active{transform:scale(.97)}.result-buttons .btn-secondary{color:var(--game-text-muted);background:#ffffff0a;border:1px solid #ffffff0f}.result-buttons .btn-secondary:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.result-buttons .btn-secondary:active{transform:scale(.97)}.unlock-popup{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.4s overlayFade;display:flex;position:fixed;inset:0}.unlock-popup-content{text-align:center;background:linear-gradient(165deg,#0a0a1ef7,#141432fa);border:1px solid #ffd70014;border-radius:28px;width:100%;max-width:420px;padding:36px 40px 40px;animation:.4s cubic-bezier(.25,.46,.45,.94) modalSlide;box-shadow:0 40px 100px #0009}.unlock-popup-content .unlock-icon{margin-bottom:8px;font-size:56px;display:block}.unlock-popup-content h2{color:gold;margin-bottom:6px;font-size:22px;font-weight:800}.unlock-popup-content .unlock-sub{color:var(--game-text-muted);margin-bottom:16px;font-size:14px}.unlock-preview{justify-content:center;margin:12px 0 16px;display:flex}.unlock-banner-gif{border:2px solid #ffd7000f;border-radius:12px;max-width:100%;max-height:120px}.unlock-photo-img{object-fit:cover;border:3px solid #ffd7001a;border-radius:50%;width:100px;height:100px;box-shadow:0 8px 30px #ffd7000d}.unlock-title-preview{color:gold;background:#ffd7000a;border:1px solid #ffd7000f;border-radius:12px;padding:8px 20px;font-size:20px;font-weight:700}.unlock-popup-content .unlock-name{color:#fff;margin:4px 0 2px;font-size:20px;font-weight:700}.unlock-popup-content .unlock-desc{color:var(--game-text-muted);margin-bottom:16px;font-size:13px!important}.unlock-popup-content .btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none;border-radius:12px;padding:10px 32px;font-size:14px;font-weight:700;transition:all .25s;box-shadow:0 4px 20px #6c63ff26}.unlock-popup-content .btn:hover{transform:scale(1.03);box-shadow:0 6px 30px #6c63ff40}.card-notification{z-index:9999;background:linear-gradient(165deg,#0a0a1ef2,#141432f5);border:1px solid #ffd7001f;border-radius:16px;max-width:340px;padding:16px 22px;animation:.5s cubic-bezier(.25,.46,.45,.94) slideInRight;position:fixed;top:80px;right:24px;box-shadow:0 20px 60px #00000080}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.card-notification-content{align-items:center;gap:14px;display:flex}.card-icon{font-size:34px}.card-info h4{color:gold;margin:0 0 2px;font-size:14px;font-weight:700}.card-info .card-name{color:#fff;margin:0;font-size:15px;font-weight:600}.card-info .card-power{color:gold;margin-left:6px;font-size:12px}.card-info .card-total{color:var(--game-text-muted);opacity:.6;margin:0;font-size:11px}@media (width<=768px){.game-container{padding:12px 12px 16px}.game-header{border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:12px 16px}.game-info{justify-content:center;gap:8px;font-size:12px}.game-header-buttons{justify-content:center}.chat-container{border-radius:14px;min-height:380px}.chat-messages{padding:14px 16px}.chat-message{max-width:92%}.chat-input-area{padding:12px 16px 14px}.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:10px}.modal-content{padding:24px 20px}.modal-content h2{font-size:24px}.input-tabs{gap:4px}.tab-btn{padding:6px 10px;font-size:12px}.game-start-content{padding:32px 24px}.game-start-content h1{font-size:30px}.unlock-popup-content{max-width:360px;padding:28px 24px}.card-notification{max-width:none;left:12px;right:12px}.game-result{border-radius:0 0 14px 14px;padding:20px 18px 22px}.game-result h2{font-size:24px}.result-image{width:120px;height:120px}.result-character{font-size:20px}.result-buttons .btn{min-width:100px;padding:10px 24px;font-size:13px}}@media (width<=480px){.game-container{padding:8px 8px 12px}.game-start-content{border-radius:20px;padding:24px 16px}.game-start-content h1{font-size:24px}.game-start-content .start-subtitle{font-size:14px}.game-header{border-radius:12px;padding:10px 12px}.game-info{flex-wrap:wrap;justify-content:center;gap:6px;font-size:11px}.game-status{padding:2px 10px;font-size:11px}.game-shards{padding:2px 10px;font-size:12px}.chat-container{border-radius:12px;min-height:320px}.chat-messages{gap:8px;padding:10px 12px}.chat-input-area{padding:10px 12px 12px}.message-content{padding:8px 12px}.message-text{font-size:13px}.message-avatar{width:30px;height:30px;font-size:14px}.chat-message{gap:8px;max-width:95%}.chat-welcome{padding:20px 12px}.chat-welcome .welcome-icon{font-size:36px}.chat-welcome .welcome-title{font-size:16px}.chat-welcome .welcome-sub{font-size:12px}.shard-packages{grid-template-columns:1fr 1fr;gap:6px}.shard-package{border-radius:12px;padding:10px 8px}.shard-amount{font-size:20px}.shard-price{font-size:14px}.modal-content{border-radius:20px;padding:16px 14px}.modal-content h2{font-size:20px}.modal-close{width:32px;height:32px;font-size:16px;top:12px;right:14px}.tab-btn{gap:4px;padding:4px 8px;font-size:10px}.tab-badge{padding:0 6px;font-size:8px}.chat-input{border-radius:10px;padding:8px 12px;font-size:13px}.send-btn{padding:8px 14px;font-size:12px}.hint-btn{padding:8px 12px;font-size:11px}.btn-sm{padding:4px 12px;font-size:10px}.game-result{border-radius:0 0 12px 12px;padding:16px 14px 20px}.game-result h2{font-size:22px}.game-result .result-sub{font-size:13px}.result-image{width:100px;height:100px;margin:6px auto 8px}.result-character{font-size:18px}.result-power{font-size:14px}.result-stats{margin:4px 0 10px;font-size:12px}.result-buttons{gap:10px;margin-top:4px}.result-buttons .btn{flex:auto;min-width:100px;max-width:150px;padding:10px 18px;font-size:13px}.unlock-popup-content{border-radius:20px;max-width:320px;padding:20px 16px}.unlock-popup-content h2{font-size:18px}.unlock-popup-content .unlock-icon{font-size:44px}.unlock-photo-img{width:80px;height:80px}.unlock-banner-gif{max-height:80px}.card-notification{border-radius:14px;padding:12px 16px;top:70px;left:8px;right:8px}.card-icon{font-size:28px}.card-info h4{font-size:12px}.card-info .card-name{font-size:13px}}@media (width<=400px){.game-info{gap:4px;font-size:10px}.game-status{padding:2px 8px;font-size:10px}.game-shards{padding:2px 8px;font-size:11px}.chat-container{min-height:280px}.chat-messages{padding:8px 10px}.message-text{font-size:12px}.message-avatar{width:26px;height:26px;font-size:12px}.chat-welcome .welcome-icon{font-size:30px}.chat-welcome .welcome-title{font-size:14px}.chat-welcome .welcome-sub{font-size:11px}.shard-packages{grid-template-columns:1fr 1fr;gap:4px}.shard-package{padding:8px 6px}.shard-amount{font-size:17px}.shard-price{font-size:12px}.shard-label,.shard-hints{font-size:9px}.modal-content{padding:12px 10px}.modal-content h2{font-size:17px}.tab-btn{padding:4px 6px;font-size:9px}.tab-badge{padding:0 4px;font-size:7px}.chat-input{padding:6px 10px;font-size:12px}.send-btn{padding:6px 10px;font-size:11px}.hint-btn{padding:6px 10px;font-size:10px}.game-result{padding:14px 10px 18px}.game-result h2{font-size:18px}.result-image{width:80px;height:80px}.result-character{font-size:16px}.result-power{font-size:13px}.result-stats{margin:2px 0 8px;font-size:11px}.result-buttons .btn{min-width:80px;max-width:130px;padding:8px 14px;font-size:12px}.unlock-popup-content{padding:16px 12px}.unlock-popup-content h2{font-size:16px}.unlock-popup-content .unlock-icon{font-size:36px}}:root{--tg-accent:#6c63ff;--tg-accent-2:#a89bff;--tg-accent-3:#00d9c0;--tg-gold:#ffd66b;--tg-glass:#ffffff06;--tg-glass-hover:#ffffff0b;--tg-border-soft:#ffffff0f;--tg-border-accent:#6c63ff59;--tg-text-secondary:#ffffff9e;--tg-text-muted:#ffffff59}.team-game-page{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--tg-border-soft);background:linear-gradient(#ffffff08,#ffffff01);border-radius:24px;flex-direction:column;max-width:900px;min-height:80vh;margin:0 auto;padding:20px;display:flex;position:relative}.team-game-header{background:var(--tg-glass);border:1px solid var(--tg-border-soft);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.team-game-header .header-left{align-items:center;gap:12px;display:flex}.team-game-header .btn-leave{border:1px solid var(--tg-border-soft);color:var(--tg-text-secondary);cursor:pointer;background:#ffffff0d;border-radius:10px;padding:7px 16px;font-size:13.5px;font-weight:600;transition:all .3s}.team-game-header .btn-leave:hover{color:#fca5a5;background:#f43f5e1a;border-color:#f43f5e33}.team-game-header .header-center .team-name{color:var(--tg-text-secondary);font-size:14px}.team-game-header .header-center .team-name strong{color:var(--tg-accent-2)}.team-game-header .header-right{align-items:center;gap:12px;display:flex}.team-game-header .header-right .question-count{color:var(--tg-text-muted);font-size:13.5px;font-weight:600}.team-game-body{flex-direction:column;flex:1;min-height:400px;display:flex}.team-game-messages{border:1px solid var(--tg-border-soft);background:#00000026;border-radius:16px;flex:1;max-height:400px;margin-bottom:14px;padding:16px;overflow-y:auto}.team-game-messages::-webkit-scrollbar{width:6px}.team-game-messages::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.team-game-messages::-webkit-scrollbar-thumb{background:var(--tg-accent);border-radius:10px}.empty-state{text-align:center;color:var(--tg-text-muted);padding:40px 20px}.empty-state p:first-child{color:var(--tg-text-secondary);margin-bottom:8px;font-size:17px}.empty-state p:last-child{color:var(--tg-text-muted);font-size:14px}.msg{background:var(--tg-glass);border:1px solid var(--tg-border-soft);border-radius:12px;margin-bottom:8px;padding:12px 16px;font-size:14px;line-height:1.55}.msg.question{border-left:2px solid var(--tg-accent);background:#6c63ff0f}.msg .msg-answer{color:var(--tg-accent-3);margin-top:5px;padding-left:16px}.msg.guess-correct{border-left:2px solid var(--tg-accent-3);background:#00d9c014}.msg.guess-wrong{background:#f43f5e0d;border-left:2px solid #f43f5e}.msg .character-reveal{color:var(--tg-gold);margin:6px 0;font-size:18px;font-weight:700}.msg .reward-text{color:#6ee7a8;margin-top:5px}.limit-warning{text-align:center;color:#fca5a5;background:#f43f5e0f;border:1px solid #f43f5e2e;border-radius:12px;margin:8px 0;padding:12px}.team-game-input-area{flex-direction:column;gap:10px;padding:8px 0;display:flex}.input-row{gap:10px;display:flex}.input-row input{border:1px solid var(--tg-border-soft);color:#fff;background:#ffffff08;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;transition:all .3s}.input-row input:focus{border-color:var(--tg-border-accent);background:#ffffff0d;outline:none}.input-row input::placeholder{color:var(--tg-text-muted)}.input-row input:disabled{opacity:.4;cursor:not-allowed}.input-row .input-guess:focus{border-color:#00d9c066}.input-row .btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:12px 26px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.input-row .btn-ask{background:linear-gradient(135deg, var(--tg-accent), #5a52d5);color:#fff}.input-row .btn-ask:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #6c63ff4d}.input-row .btn-guess{background:linear-gradient(135deg, var(--tg-accent-3), #00a891);color:#06070a}.input-row .btn-guess:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 26px #00d9c04d}.input-row .btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.team-game-result{text-align:center;padding:34px 20px}.team-game-result .result-icon{margin-bottom:8px;font-size:54px;display:block}.team-game-result h2{color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:26px;font-weight:800}.team-game-result .character-name{color:var(--tg-gold);margin:8px 0;font-size:22px;font-weight:700}.team-game-result .result-image{object-fit:cover;border:2px solid var(--tg-border-soft);border-radius:16px;width:120px;height:120px;margin:12px auto;display:block}.team-game-result .reward-text{color:#6ee7a8;margin:8px 0;font-size:17px}.team-game-result .players-text{color:var(--tg-text-muted);margin-bottom:16px;font-size:14px}.team-game-result.timeout{background:#f43f5e0a;border:1px solid #f43f5e33;border-radius:20px}.timeout-message{color:#fca5a5;margin:4px 0 12px;font-size:17px;font-weight:700}.timeout-text{color:var(--tg-text-secondary);margin:8px 0 16px;font-size:14.5px}.timeout-text strong{color:var(--tg-gold)}.team-game-result .btn{cursor:pointer;background:linear-gradient(135deg, var(--tg-accent), #5a52d5);color:#fff;border:none;border-radius:14px;padding:13px 32px;font-size:15.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.team-game-result .btn:hover{transform:translateY(-3px);box-shadow:0 12px 34px #6c63ff59}.team-game-footer{border-top:1px solid var(--tg-border-soft);color:var(--tg-text-muted);flex-wrap:wrap;justify-content:center;gap:20px;margin-top:12px;padding:12px 0;font-size:12.5px;display:flex}.team-game-footer span{align-items:center;gap:4px;display:flex}.team-game-footer .timer-info{color:var(--tg-text-muted);font-size:12px}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}@keyframes tgSpin{to{transform:rotate(360deg)}}.loading-container p{color:var(--tg-text-muted);margin-top:16px}.error-container h2{color:#fca5a5;margin-bottom:18px;font-weight:800}.error-container .btn{background:linear-gradient(135deg, var(--tg-accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:11px 28px;font-weight:700;transition:all .35s}.error-container .btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #6c63ff4d}.voice-controls{align-items:center;gap:6px;margin-right:12px;display:flex}.voice-btn{border:1px solid var(--tg-border-soft);width:32px;height:32px;color:var(--tg-text-muted);cursor:pointer;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .3s;display:flex;position:relative}.voice-btn:hover{color:var(--tg-text-secondary);background:#ffffff12}.voice-btn.active{border-color:var(--tg-border-accent);color:var(--tg-accent-2);background:#6c63ff1f}.voice-btn .speaking-indicator{background:#6ee7a8;border-radius:50%;width:10px;height:10px;animation:.5s ease-in-out infinite alternate tgPulseDot;position:absolute;bottom:-2px;right:-2px}@keyframes tgPulseDot{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.3)}}.voice-participants{align-items:center;gap:4px;margin-left:4px;display:flex}.participant-dot{opacity:.4;font-size:10px;transition:all .3s;display:inline-block}.participant-dot.speaking{opacity:1;animation:.5s ease-in-out infinite alternate tgPulseDot}.voice-count{color:var(--tg-text-muted);margin-left:4px;font-size:11px}.voice-status{color:var(--tg-text-muted);border:1px solid var(--tg-border-soft);background:#ffffff08;border-radius:12px;padding:3px 12px;font-size:11px}.voice-status.active{color:#6ee7a8;background:#6ee7a80f;border-color:#6ee7a833}.voice-status.error{color:#fca5a5;background:#f43f5e0f;border-color:#f43f5e33}.timer-display{color:var(--tg-text-secondary);border:1px solid var(--tg-border-soft);text-align:center;background:#ffffff08;border-radius:10px;min-width:60px;padding:5px 14px;font-family:Courier New,monospace;font-size:17px;font-weight:700;transition:all .3s}.timer-display.warning{color:var(--tg-gold);background:#ffd66b0f;border-color:#ffd66b40;animation:1s ease-in-out infinite tgPulseWarning}.timer-display.danger{color:#fca5a5;background:#f43f5e14;border-color:#f43f5e4d;animation:.5s ease-in-out infinite tgPulseDanger}@keyframes tgPulseWarning{0%,to{opacity:1}50%{opacity:.6}}@keyframes tgPulseDanger{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.timer-info{color:var(--tg-text-muted);margin-top:4px;font-size:13px}.timer-info strong{color:var(--tg-gold)}@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}.voice-controls{gap:4px;margin-right:8px}.voice-btn{width:30px;height:30px;font-size:13px}}@media (width<=480px){.team-game-page{border-radius:18px;padding:8px}.team-game-messages{max-height:250px;padding:10px}.msg{padding:10px 12px;font-size:13px}.team-game-result .character-name{font-size:19px}.voice-participants{display:none}}.matchmaking-container{isolation:isolate;max-width:1200px;min-height:100vh;margin:0 auto;padding:40px 40px 60px;position:relative;overflow:hidden}.matchmaking-bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.matchmaking-bg-grid{z-index:-3;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 50% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 50% at 50% 0,#000 20%,#0000 75%)}.matchmaking-aurora{filter:blur(100px);z-index:-1;pointer-events:none;opacity:.35;border-radius:50%;position:fixed}.matchmaking-aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:480px;height:480px;animation:18s ease-in-out infinite mmAuroraDrift1;top:-180px;left:-160px}.matchmaking-aurora-2{background:radial-gradient(circle,#ffd7002e,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite mmAuroraDrift2;top:40%;right:-160px}@keyframes mmAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.1)}}@keyframes mmAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.08)}}@keyframes mmFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.matchmaking-header{z-index:1;text-align:center;margin-bottom:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) mmFadeInUp;position:relative}.matchmaking-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:18px;padding:7px 18px;font-size:11px;font-weight:700;display:inline-flex}.matchmaking-badge .badge-dot{background:var(--accent-3);width:6px;height:6px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:1.8s ease-in-out infinite mmPulseDot}@keyframes mmPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.matchmaking-title{letter-spacing:-1.5px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.2rem;font-size:3rem;font-weight:900;animation:6s linear infinite mmShimmer;display:flex}@keyframes mmShimmer{0%{background-position:0%}to{background-position:250%}}.card-count-badge{background:var(--glass);border:1px solid var(--border-soft);border-radius:16px;align-items:center;gap:.8rem;padding:.7rem 1.6rem;display:inline-flex}.badge-icon{font-size:1.4rem}.badge-text{color:var(--gold);letter-spacing:-.5px;font-size:1.7rem;font-weight:800}.badge-label{color:var(--text-muted);font-size:.88rem;font-weight:500}.badge-warning{color:#ff9494;background:#ff6b6b1a;border-radius:8px;padding:.25rem .8rem;font-size:.78rem;font-weight:600}.premium-alert{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.4s mmFadeInUp;display:flex;position:relative}.premium-alert.error{color:#ff9494;background:#ff6b6b14;border:1px solid #ff6b6b33}.premium-alert.success{color:var(--accent-3);background:#00d9c014;border:1px solid #00d9c038}.alert-icon{font-size:1.2rem}.premium-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-soft);background:linear-gradient(#ffffff08,#ffffff02);border-radius:22px;padding:2rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.premium-card:hover{border-color:var(--border-accent);box-shadow:0 20px 60px #00000059}.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 #6c63ff40;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite mmPulseRing;position:absolute}.pulse-ring.delay-1{animation-delay:.7s}.pulse-ring.delay-2{animation-delay:1.4s}@keyframes mmPulseRing{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 mmSpin}@keyframes mmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.searching-title{color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;font-size:1.7rem;font-weight:700}.searching-time{color:var(--gold);margin-bottom:.5rem;font-family:Inter,monospace;font-size:2rem;font-weight:800}.searching-hint{color:var(--text-muted);font-size:.9rem}.btn-cancel-search{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:12px;margin-top:1.5rem;padding:.65rem 2.2rem;font-size:.9rem;font-weight:500;transition:all .3s}.btn-cancel-search:hover{color:#ff9494;background:#ff6b6b14;border-color:#ff6b6b38}.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}.match-option:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);border-radius:22px;padding:1px;transition:background .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.match-option:hover:before{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.option-icon{z-index:1;margin-bottom:1rem;font-size:2.8rem;position:relative}.option-title{color:#fff;letter-spacing:-.3px;z-index:1;margin-bottom:.3rem;font-size:1.3rem;font-weight:700;position:relative}.option-desc{color:var(--text-muted);z-index:1;margin-bottom:1.2rem;font-size:.9rem;position:relative}.option-warning{color:#ff9494;z-index:1;margin-top:.6rem;font-size:.8rem;position:relative}.premium-btn{cursor:pointer;z-index:1;border:none;border-radius:14px;width:100%;padding:.9rem 2rem;font-size:1rem;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.premium-btn:disabled{opacity:.4;cursor:not-allowed}.premium-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.premium-btn:hover:not(:disabled):after{left:120%}.btn-quick-match{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;box-shadow:0 8px 28px #6c63ff4d}.btn-quick-match:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #6c63ff6b}.btn-create-match{background:linear-gradient(135deg, var(--gold), #f59e0b);color:#1a1a2e;box-shadow:0 8px 28px #ffd70038}.btn-create-match:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #ffd70052}.matchmaking-rules{max-width:700px;margin-bottom:2rem;margin-left:auto;margin-right:auto}.rules-title{color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;font-size:.95rem;font-weight:700}.rules-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.rule-item{color:var(--text-muted);background:var(--glass);border:1px solid var(--border-soft);border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.rule-icon{font-size:1.05rem}.card-progress{background:var(--glass);border:1px solid var(--border-soft);z-index:1;border-radius:16px;max-width:700px;margin-left:auto;margin-right:auto;padding:1.3rem 1.6rem;position:relative}.progress-bar{background:#ffffff0d;border-radius:5px;height:7px;overflow:hidden}.progress-fill.complete{background:linear-gradient(90deg, var(--accent-3), #51cf66);box-shadow:0 0 12px #00d9c066}.progress-hint{color:var(--text-muted);text-align:center;margin-top:.6rem;font-size:.82rem}.room-created-section{z-index:1;flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex;position:relative}.match-code-display{background:#ffd7000f;border:1px solid #ffd70026;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;display:flex}.code-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.code-value{color:var(--gold);letter-spacing:1px;font-family:monospace;font-size:16px;font-weight:800}.btn-copy-code{background:var(--glass);color:var(--text-muted);cursor:pointer;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .3s}.btn-copy-code:hover{background:var(--glass-hover);color:#fff}.room-actions{gap:6px;display:flex}.room-actions .premium-btn{border-radius:12px;flex:1;padding:10px 12px;font-size:12.5px}.room-actions .invite-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff}.room-actions .invite-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6c63ff59}.room-actions .battle-btn{background:linear-gradient(135deg, var(--accent-3), #00a381);color:#06070a}.room-actions .battle-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00d9c059}.invite-dropdown-match{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-soft);background:#0c0c1afa;border-radius:14px;max-height:150px;margin-top:6px;padding:8px;overflow-y:auto;box-shadow:0 20px 50px #00000073}.invite-dropdown-match::-webkit-scrollbar{width:4px}.invite-dropdown-match::-webkit-scrollbar-thumb{background:#6c63ff59;border-radius:10px}.invite-empty-match{text-align:center;color:var(--text-muted);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:10px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.invite-item-match:hover{background:var(--glass-hover)}.invite-friend-name-match{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.invite-badge-match.online{color:#51cf66;background:#51cf661f;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.invite-friend-btn-match{cursor:pointer;background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;border:none;border-radius:8px;padding:4px 14px;font-size:11px;font-weight:700;transition:all .3s}.invite-friend-btn-match:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #6c63ff59}.invite-friend-btn-match:disabled{opacity:.5;cursor:not-allowed}.invite-message-match{text-align:center;color:var(--accent-3);margin-top:2px;padding:4px 0;font-size:12px;font-weight:500}.invite-message-match.error{color:#ff9494}.team-selection-section{margin-bottom:1.5rem;padding:1.4rem 1.6rem}.team-selection-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.team-selection-header h3{color:#fff;letter-spacing:-.3px;margin:0;font-size:1.1rem;font-weight:700}.team-selection-info{align-items:center;gap:12px;display:flex}.selected-count{color:var(--gold);font-size:1.1rem;font-weight:800}.team-confirmed-badge{color:var(--accent-3);background:#00d9c01a;border:1px solid #00d9c040;border-radius:12px;padding:3px 14px;font-size:.8rem;font-weight:700}.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:#6c63ff59;border-radius:10px}.team-card{background:var(--glass);border:2px solid var(--border-soft);cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.22,1,.36,1);overflow:hidden}.team-card:hover:not(.disabled){border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-4px)}.team-card.selected{border-color:var(--accent);box-shadow:0 0 24px #6c63ff40}.team-card.disabled{cursor:not-allowed;opacity:.55}.team-card-image{aspect-ratio:1;background:var(--glass);width:100%;position:relative;overflow:hidden}.team-card-image img{object-fit:cover;width:100%;height:100%}.team-card-placeholder{color:#ffffff12;background:linear-gradient(135deg,#14142a,#1e1e3f);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:flex}.team-card-check{filter:drop-shadow(0 2px 6px #00000080);font-size:1.1rem;position:absolute;top:4px;right:4px}.team-card-badges{gap:4px;display:flex;position:absolute;top:4px;left:4px}.team-card-element{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-soft);background:#06070ab3;border-radius:6px;padding:2px 5px;font-size:.65rem}.team-card-level{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--gold);background:#06070ab3;border:1px solid #ffd70026;border-radius:6px;padding:2px 6px;font-size:.6rem;font-weight:700}.team-card-info{justify-content:space-between;align-items:center;padding:5px 6px;display:flex}.team-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.6rem;font-weight:600;overflow:hidden}.team-card-power{color:var(--gold);font-size:.6rem;font-weight:700}.team-selection-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn-auto-select{color:var(--accent-2);cursor:pointer;background:#6c63ff1a;border:1px solid #6c63ff38;border-radius:10px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .3s}.btn-auto-select:hover:not(:disabled){background:#6c63ff2e}.btn-auto-select:disabled{opacity:.4;cursor:not-allowed}.btn-confirm-team{background:linear-gradient(135deg, var(--accent-3), #00a381);color:#06070a;cursor:pointer;border:none;border-radius:10px;padding:8px 22px;font-size:.8rem;font-weight:700;transition:all .3s}.btn-confirm-team:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9c059}.btn-confirm-team:disabled{opacity:.4;cursor:not-allowed}.btn-reset-team{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:8px 18px;font-size:.8rem;font-weight:700;transition:all .3s}.btn-reset-team:hover:not(:disabled){color:#ff9494;background:#ff6b6b14;border-color:#ff6b6b38}.btn-reset-team:disabled{opacity:.3;cursor:not-allowed}.team-empty{text-align:center;color:var(--text-muted);padding:24px}@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:20px 16px 40px}.matchmaking-title{font-size:2rem}.card-count-badge{flex-wrap:wrap;justify-content:center;padding:.5rem 1.1rem}.badge-text{font-size:1.4rem}.rules-grid{grid-template-columns:1fr 1fr;gap:.4rem}.rule-item{font-size:.75rem}.searching-container{padding:2rem 1rem}.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:10px}.team-selection-header{flex-direction:column;align-items:flex-start;gap:6px}}@media (width<=400px){.match-option{padding:1.4rem}.option-icon{font-size:2rem}.option-title{font-size:1rem}.premium-btn{padding:.7rem 1rem;font-size:.85rem}.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-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}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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{isolation:isolate;max-width:1400px;min-height:100vh;margin:0 auto;padding:1.5rem;position:relative;overflow:hidden}.battle-container:before{content:"";z-index:-2;background:radial-gradient(ellipse at 50% 0%, #6c63ff12, transparent 70%), radial-gradient(ellipse at 0% 100%, #ffd7000a, transparent 55%), var(--bg-deep);position:fixed;inset:0}.battle-lobby{text-align:center;border:1px solid var(--border-soft);background:linear-gradient(165deg,#0c0c1af7,#121228fa);border-radius:26px;max-width:600px;margin:2rem auto;padding:2.6rem;animation:.6s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 60px #6c63ff12}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.battle-lobby:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#6c63ff12,#0000 60%);width:160%;height:160%;position:absolute;top:-50%;left:-30%}.lobby-header{z-index:1;position:relative}.lobby-icon{filter:drop-shadow(0 0 20px #6c63ff4d);margin-bottom:.5rem;font-size:3rem}.lobby-header h2{letter-spacing:-1px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 40%, var(--accent) 70%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;margin-bottom:.4rem;font-size:2.1rem;font-weight:900;animation:6s linear infinite shimmer}.lobby-code{color:var(--text-muted);margin-bottom:.5rem;font-size:1rem}.code-highlight{color:var(--gold);letter-spacing:2px;background:#ffd7000f;border:1px solid #ffd70026;border-radius:8px;padding:.25rem .9rem;font-family:monospace;font-size:1.2rem;font-weight:800}.lobby-players{z-index:1;justify-content:center;align-items:center;gap:2rem;margin:1.6rem 0 2rem;display:flex;position:relative}.lobby-player{background:var(--glass);border:1px solid var(--border-soft);border-radius:18px;min-width:140px;padding:1.3rem 1.6rem;transition:all .35s cubic-bezier(.22,1,.36,1)}.lobby-player.host-player{background:#ffd70008;border-color:#ffd7002e}.lobby-player.empty{opacity:.55;border-style:dashed}.lobby-player .player-status{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.3rem;font-size:.7rem;font-weight:700;display:block}.lobby-player .player-status.host{color:var(--gold)}.lobby-player .player-name{color:#fff;letter-spacing:-.3px;font-size:1.2rem;font-weight:800;display:block}.lobby-player .player-ready{color:var(--accent-3);margin-top:.3rem;font-size:.75rem;font-weight:600;display:block}.lobby-player.empty .player-ready{color:var(--text-muted)}.lobby-vs{color:#ffffff1a;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{background:linear-gradient(135deg, var(--accent-3), #00a381);color:#06070a;cursor:pointer;border:none;border-radius:16px;min-width:200px;padding:.9rem 2.6rem;font-size:1.1rem;font-weight:800;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #00d9c047}.btn-start-match:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.btn-start-match:hover:not(:disabled):after{left:120%}.btn-start-match:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 42px #00d9c06b}.btn-start-match:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-leave-lobby{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:16px;padding:.9rem 2.2rem;font-size:1rem;font-weight:700;transition:all .3s}.btn-leave-lobby:hover{color:#ff9494;background:#ff6b6b14;border-color:#ff6b6b38}.waiting-message-lobby{color:var(--text-muted);background:var(--glass);border:1px solid var(--border-soft);border-radius:14px;flex:1;min-width:200px;padding:.9rem 1.6rem;font-size:1rem}.waiting-message-lobby strong{color:var(--gold)}.lobby-ready-text{z-index:1;text-align:center;border-radius:12px;margin-top:1.1rem;padding:.9rem 1rem;font-size:.9rem;position:relative}.lobby-ready-text.host-ready{color:var(--accent-3);background:#00d9c00f;border:1px solid #00d9c026}.lobby-ready-text.host-ready strong{color:var(--gold)}.lobby-ready-text.player-waiting{color:var(--text-muted);background:var(--glass);border:1px solid var(--border-soft)}.lobby-ready-text.player-waiting strong{color:var(--gold)}.lobby-ready-text.waiting{color:var(--text-muted);background:var(--glass);border:1px dashed var(--border-soft)}.battle-header{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-soft);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.5rem;padding:.9rem 1.6rem;display:flex;position:relative}.btn-leave{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:.55rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.btn-leave:hover{color:#ff9494;background:#ff6b6b14;border-color:#ff6b6b38}.battle-info{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.battle-code{color:var(--gold);letter-spacing:1px;font-family:monospace;font-size:1.1rem;font-weight:800}.battle-round{color:var(--text-muted);font-size:.9rem;font-weight:500}.battle-timer{background:var(--glass);border:1px solid var(--border-soft);border-radius:12px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;display:flex}.timer-icon{font-size:1rem}.timer-text{color:var(--text-secondary);text-align:center;min-width:2.5rem;font-family:monospace;font-size:1.3rem;font-weight:800}.timer-text.danger{color:#ff6b6b;animation:.5s ease-in-out infinite pulseDanger}@keyframes pulseDanger{0%,to{opacity:1}50%{opacity:.3}}.scoreboard{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-soft);background:linear-gradient(#ffffff08,#ffffff02);border-radius:20px;justify-content:center;align-items:center;gap:2.5rem;margin-bottom:1.5rem;padding:1.3rem 2rem;display:flex;position:relative}.score-player{align-items:center;gap:1rem;display:flex}.score-name{color:var(--text-secondary);font-size:.9rem;font-weight:600}.score-value{color:#ffffff2e;text-align:center;min-width:2.5rem;font-family:monospace;font-size:2.5rem;font-weight:900}.score-value.highlight{color:var(--gold);text-shadow:0 0 30px #ffd7004d}.score-vs{color:#ffffff1f;font-size:1.5rem}.battle-loading{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.battle-loader{border:3px solid #6c63ff1f;border-top:3px solid var(--accent);border-radius:50%;width:60px;height:60px;animation:.9s linear infinite spin}.battle-loading p{color:var(--text-muted);margin-top:1rem}.stolen-card-announcement{z-index:1;background:linear-gradient(145deg,#ffd70012,#6c63ff0d);border:1px solid #ffd7002e;border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.3rem 2rem;display:flex;position:relative}.stolen-icon{font-size:2.5rem}.stolen-content h3{color:var(--gold);margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.stolen-content p{color:var(--text-secondary);font-size:.9rem}.stolen-content p strong{color:#fff}.stolen-card-preview{background:#ffd7001a;border-radius:10px;align-items:center;gap:.5rem;margin-top:.4rem;padding:.35rem 1.1rem;display:inline-flex}.stolen-card-name{color:#fff;font-weight:700}.stolen-card-power{color:var(--gold);font-weight:800}.game-over{z-index:1;text-align:center;border:1px solid var(--border-soft);background:linear-gradient(165deg,#6c63ff12,#ffd70008);border-radius:24px;margin-bottom:1.5rem;padding:2.6rem;position:relative}.game-over-icon{filter:drop-shadow(0 0 24px #ffd70059);margin-bottom:.5rem;font-size:4rem}.game-over h2{color:#fff;letter-spacing:-.5px;margin-bottom:.5rem;font-size:2rem;font-weight:800}.final-score{color:var(--text-secondary);margin-bottom:.3rem;font-size:1.1rem}.stolen-info{color:var(--gold);margin-bottom:1.5rem;font-size:.95rem}.btn-play-again{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:.9rem 2.6rem;font-size:1rem;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #6c63ff4d}.btn-play-again:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.btn-play-again:hover:after{left:120%}.btn-play-again:hover{transform:translateY(-3px);box-shadow:0 14px 42px #6c63ff6b}.cards-grid-container{z-index:1;margin-bottom:1.5rem;position:relative}.cards-section{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:20px;padding:1.4rem}.cards-title{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:1.1rem;font-size:.92rem;font-weight:700;display:flex}.cards-used{color:var(--text-muted);font-size:.8rem}.cards-grid{grid-template-columns:repeat(5,1fr);gap:.9rem;min-height:100px;display:grid}.battle-card{background:var(--glass);border:2px solid var(--border-soft);cursor:default;border-radius:14px;min-height:120px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.battle-card.clickable{cursor:pointer}.battle-card.clickable:hover:not(.used){border-color:var(--border-accent);transform:translateY(-6px);box-shadow:0 12px 32px #6c63ff38}.battle-card.selected{border-color:var(--accent);box-shadow:0 0 30px #6c63ff4d}.battle-card.confirmed{border-color:var(--gold)}.battle-card.used{opacity:.5}.battle-card.won{border-color:#51cf66}.battle-card.lost{border-color:#ff6b6b}.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;border:2px solid var(--border-soft);background:linear-gradient(150deg,#14142a,#1e1e3f);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}.card-front .card-question-mark{opacity:.3;font-size:3rem;animation:2s ease-in-out infinite pulseQuestion}@keyframes pulseQuestion{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.card-back{backface-visibility:hidden;background:var(--glass);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}.card-result-badge{z-index:10;text-shadow:0 0 30px #0009;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 #51cf668c,0 0 100px #51cf6647}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}}.card-image{object-fit:cover;width:100%;height:100%}.card-image-wrapper{aspect-ratio:1;background:var(--glass);width:100%;min-height:80px;position:relative;overflow:hidden}.card-placeholder{color:#ffffff12;background:linear-gradient(135deg,#14142a,#1e1e3f);justify-content:center;align-items:center;width:100%;height:100%;min-height:80px;font-size:2rem;font-weight:800;display:flex}.card-info{background:#00000038;justify-content:space-between;align-items:center;padding:.45rem .55rem;display:flex}.card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.7rem;font-weight:600;overflow:hidden}.card-round-badge{color:var(--text-secondary);background:#6c63ff38;border-radius:6px;padding:1px 6px;font-size:.6rem;font-weight:600;position:absolute;top:4px;right:4px}.action-area{flex-direction:column;align-items:center;gap:.6rem;margin-top:1.1rem;display:flex}.btn-confirm-card{background:linear-gradient(135deg, var(--gold), #f59e0b);color:#1a1a2e;cursor:pointer;border:none;border-radius:14px;padding:.9rem 3.2rem;font-size:1rem;font-weight:800;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 28px #ffd70038}.btn-confirm-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.btn-confirm-card:hover:not(:disabled):after{left:120%}.btn-confirm-card:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.btn-confirm-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #ffd70052}.selected-hint{color:var(--text-muted);font-size:.85rem}.waiting-message{background:#6c63ff0f;border:1px solid #6c63ff1f;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.9rem;display:flex}.waiting-icon{font-size:1.2rem;animation:2s linear infinite spin}.waiting-message span:last-child{color:var(--text-secondary);font-size:.9rem;font-weight:500}.opponent-section{z-index:1;margin-bottom:1.5rem;position:relative}.opponent-cards-grid{grid-template-columns:repeat(5,1fr);gap:.9rem;display:grid}.opponent-card{background:var(--glass);border:1px solid var(--border-soft);border-radius:14px;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:#00000059;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.opponent-card .card-info{padding:.35rem .5rem}.opponent-card .card-name{color:var(--text-muted)}.round-history{z-index:1;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:18px;padding:1.3rem 1.6rem;position:relative}.history-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.9rem;font-size:.8rem;font-weight:700}.history-grid{flex-wrap:wrap;gap:.5rem;display:flex}.history-item{background:var(--glass);border:1px solid var(--border-soft);border-radius:8px;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.7rem;display:flex}.history-item.win{background:#00d9c00f;border-color:#00d9c040}.history-item.lose{background:#ff6b6b0f;border-color:#ff6b6b38}.history-item.draw{background:#ffd7000f;border-color:#ffd70038}.history-round{color:var(--text-muted)}.history-result{font-size:.65rem}.history-powers{color:var(--text-muted);font-size:.62rem}.history-empty{color:var(--text-muted);text-align:center;font-size:.8rem}.battle-vs-separator{z-index:1;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,#ffd70059,#0000);flex:1;max-width:200px;height:2px}.vs-center{color:#ffd70040;letter-spacing:3px;padding:0 20px;font-size:1.8rem;font-weight:900;animation:2s ease-in-out infinite vsIdlePulse}@keyframes vsIdlePulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.cards-empty-state{z-index:1;text-align:center;color:var(--text-muted);padding:3rem;position:relative}.steal-modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#04040ad9;justify-content:center;align-items:center;padding:20px;animation:.3s overlayFadeIn;display:flex;position:fixed;inset:0}.steal-modal{border:1px solid var(--border-soft);background:linear-gradient(165deg,#0c0c1af7,#121228fa);border-radius:26px;width:100%;max-width:550px;max-height:90vh;padding:2.2rem;overflow-y:auto;box-shadow:0 40px 100px #0000008c}.steal-modal::-webkit-scrollbar{width:4px}.steal-modal::-webkit-scrollbar-thumb{background:#6c63ff59;border-radius:10px}.steal-modal-header{text-align:center;margin-bottom:1.6rem}.steal-icon{filter:drop-shadow(0 0 20px #ffd7004d);font-size:3rem}.steal-modal-header h2{color:#fff;letter-spacing:-.5px;margin:.4rem 0 .2rem;font-size:1.5rem;font-weight:800}.steal-subtitle{color:var(--text-muted);font-size:.9rem}.steal-subtitle strong{color:#fff}.steal-error{color:#ff9494;text-align:center;background:#ff6b6b14;border-radius:10px;margin-bottom:1rem;padding:.6rem;font-size:.85rem}.steal-cards-grid{grid-template-columns:repeat(5,1fr);gap:.7rem;margin-bottom:1.2rem;display:grid}.steal-card{background:var(--glass);border:2px solid var(--border-soft);cursor:pointer;border-radius:14px;transition:all .3s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.steal-card:hover:not(.used){border-color:var(--gold);transform:translateY(-6px);box-shadow:0 12px 32px #ffd7002e}.steal-card.used{opacity:.4;cursor:not-allowed}.steal-card-image{aspect-ratio:1;background:var(--glass);width:100%;position:relative;overflow:hidden}.steal-card-image img{object-fit:cover;width:100%;height:100%}.steal-card-placeholder{color:#ffffff12;background:linear-gradient(135deg,#14142a,#1e1e3f);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:flex}.steal-card-used-badge{color:#ff9494;background:#ff6b6b2e;border-radius:6px;padding:2px 6px;font-size:.6rem;font-weight:700;position:absolute;top:4px;right:4px}.steal-card-info{justify-content:space-between;align-items:center;padding:.35rem .5rem;display:flex}.steal-card-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:.6rem;font-weight:600;overflow:hidden}.steal-card-power{color:var(--gold);font-size:.6rem;font-weight:700}.steal-card-hover{color:var(--gold);text-align:center;opacity:0;background:#ffd7001f;padding:.35rem;font-size:.6rem;font-weight:700;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.steal-card:hover .steal-card-hover{opacity:1}.steal-card-loading{background:#0000008c;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:var(--text-muted);font-size:.8rem}.fight-modal-overlay{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:9999;background:#020206f2;justify-content:center;align-items:center;animation:.35s fightModalFadeIn;display:flex;position:fixed;inset:0}@keyframes fightModalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fight-modal-content{width:100%;max-width:820px;padding:20px;position:relative}.fight-modal-arena{background:radial-gradient(#6c63ff14,#0000 70%),#06070a66;border:1px solid #ffd7001a;border-radius:28px;justify-content:center;align-items:center;width:100%;min-height:460px;padding:20px 0;display:flex;position:relative;overflow:hidden}.fight-modal-arena.shaking{animation:.5s cubic-bezier(.36,.07,.19,.97) arenaShake}@keyframes arenaShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.fight-arena-glow{pointer-events:none;background:radial-gradient(circle,#ffd7000d,#0000 60%);animation:3s ease-in-out infinite arenaGlowPulse;position:absolute;inset:0}@keyframes arenaGlowPulse{0%,to{opacity:.4}50%{opacity:.9}}.fight-arena-rays{pointer-events:none;background:repeating-conic-gradient(#ffffff04 0deg 3deg,#0000 3deg 12deg);animation:40s linear infinite raysRotate;position:absolute;inset:-20%}@keyframes raysRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fight-cards-container{z-index:2;justify-content:center;align-items:center;gap:60px;width:100%;max-width:800px;height:230px;display:flex;position:relative}.fight-card{z-index:5;border-radius:16px;width:150px;height:200px;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:visible;transform:scale(1)}.fight-card-inner{border:2px solid #ffffff1a;border-radius:16px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000a6}.fight-card-shine{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff2e 45%,#0000 60%) 0 0/250% 250%;animation:2.4s ease-in-out infinite cardShineSweep;position:absolute;inset:0}@keyframes cardShineSweep{0%{background-position:200% 0}to{background-position:-50% 0}}.fight-card-trail{filter:blur(24px);opacity:0;z-index:1;border-radius:50%;width:90px;position:absolute;top:10%;bottom:10%}.player-trail{background:linear-gradient(90deg,#0000,#6c63ff73);right:100%}.opponent-trail{background:linear-gradient(270deg,#0000,#ff6b6b66);left:100%}.fight-card.flying .fight-card-trail{animation:.9s ease-out forwards trailFade}@keyframes trailFade{0%{opacity:1;transform:scaleX(1.6)}to{opacity:0;transform:scaleX(.4)}}.fight-card.player-card{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards cardFlyToCenterPlayer}.fight-card.opponent-card{animation:.9s cubic-bezier(.34,1.56,.64,1) forwards cardFlyToCenterOpponent}@keyframes cardFlyToCenterPlayer{0%{opacity:0;transform:translate(-280px)scale(.6)rotate(-14deg)}45%{opacity:1;transform:translate(-30px)scale(1.18)rotate(4deg)}65%{transform:translate(15px)scale(.94)rotate(-2deg)}85%{transform:translate(-6px)scale(1.03)rotate(1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes cardFlyToCenterOpponent{0%{opacity:0;transform:translate(280px)scale(.6)rotate(14deg)}45%{opacity:1;transform:translate(30px)scale(1.18)rotate(-4deg)}65%{transform:translate(-15px)scale(.94)rotate(2deg)}85%{transform:translate(6px)scale(1.03)rotate(-1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}.fight-card.battle-impact{animation:.65s cubic-bezier(.34,1.56,.64,1) forwards battleImpact}@keyframes battleImpact{0%{transform:scale(1)}20%{transform:scale(1.28)rotate(-6deg)}50%{transform:scale(.88)rotate(4deg)}70%{transform:scale(1.06)rotate(-2deg)}to{transform:scale(1)rotate(0)}}.fight-card.battle-impact .fight-card-inner{animation:.65s forwards impactGlow}@keyframes impactGlow{0%{box-shadow:0 20px 60px #000000a6}30%{box-shadow:0 0 70px #ffd700d9,0 0 140px #ffd70066}to{box-shadow:0 0 40px #ffd7004d,0 0 80px #ffd7001f}}.fight-card.winner-card{animation:1s cubic-bezier(.34,1.56,.64,1) forwards winnerCelebrate}@keyframes winnerCelebrate{0%{transform:scale(1)}30%{transform:scale(1.38)rotate(6deg)}60%{transform:scale(1.06)rotate(-3deg)}80%{transform:scale(1.18)rotate(2deg)}to{transform:scale(1.22)rotate(0)}}.fight-card.winner-card .fight-card-inner{border-color:#51cf6699;animation:1.6s ease-in-out infinite winnerGlowPulse}@keyframes winnerGlowPulse{0%,to{box-shadow:0 0 50px #51cf668c,0 0 100px #51cf6640}50%{box-shadow:0 0 70px #51cf66cc,0 0 140px #51cf6666}}.fight-card.loser-card{animation:1s cubic-bezier(.34,1.56,.64,1) forwards loserDefeat}@keyframes loserDefeat{0%{transform:scale(1)}25%{transform:scale(.72)rotate(-14deg)}50%{transform:scale(.85)rotate(6deg)}75%{transform:scale(.8)rotate(-3deg)}to{opacity:.55;transform:scale(.82)rotate(-5deg)}}.fight-card.loser-card .fight-card-inner{filter:grayscale(.4)brightness(.75);border-color:#ff6b6b80;box-shadow:0 0 30px #ff6b6b40}.fight-card.draw-card{animation:.8s forwards drawSettle}@keyframes drawSettle{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1.02)}}.fight-card.draw-card .fight-card-inner{border-color:#ffd70080;box-shadow:0 0 40px #ffd7004d}.fight-card-crown{filter:drop-shadow(0 4px 12px #ffd70080);font-size:2rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards crownDrop;position:absolute;top:-34px;left:50%;transform:translate(-50%)}@keyframes crownDrop{0%{opacity:0;transform:translate(-50%)translateY(-30px)rotate(-20deg)}60%{opacity:1;transform:translate(-50%)translateY(4px)rotate(8deg)}to{opacity:1;transform:translate(-50%)translateY(0)rotate(0)}}.impact-shockwave{z-index:3;pointer-events:none;border:2px solid #ffd70080;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.impact-shockwave.ring-1{animation:.7s ease-out forwards shockwaveExpand}.impact-shockwave.ring-2{animation:.7s ease-out .1s forwards shockwaveExpand}.impact-shockwave.ring-3{animation:.7s ease-out .2s forwards shockwaveExpand}@keyframes shockwaveExpand{0%{opacity:1;width:20px;height:20px}to{opacity:0;width:400px;height:400px}}.lightning-bolt{color:var(--gold);z-index:4;filter:drop-shadow(0 0 20px #ffd700e6);pointer-events:none;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lightning-bolt.bolt-1{animation:.4s ease-out forwards boltFlash}.lightning-bolt.bolt-2{animation:.4s ease-out .15s forwards boltFlash;transform:translate(-50%,-50%)scaleX(-1)}@keyframes boltFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.6)}to{opacity:0;transform:translate(-50%,-50%)scale(2.2)}}.vs-burst{color:var(--gold);text-shadow:0 0 40px #ffd700d9,0 0 80px #ffd70066;z-index:6;letter-spacing:2px;font-size:4rem;font-weight:900;animation:.9s cubic-bezier(.34,1.56,.64,1) forwards vsBurstPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vsBurstPop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-180deg)}40%{opacity:1;transform:translate(-50%,-50%)scale(2.4)rotate(0)}60%{transform:translate(-50%,-50%)scale(.75)rotate(8deg)}80%{transform:translate(-50%,-50%)scale(1.25)rotate(-4deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1.4)rotate(0)}}.sparkle{pointer-events:none;z-index:7;border-radius:50%;animation:.9s ease-out forwards sparkleFade;position:absolute}.sparkle-win{background:#51cf66;box-shadow:0 0 20px #51cf66,0 0 40px #51cf66}.sparkle-lose{background:#ff6b6b;box-shadow:0 0 16px #ff6b6b,0 0 32px #ff6b6b}.sparkle-draw{background:var(--gold);box-shadow:0 0 20px var(--gold), 0 0 40px var(--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:#ffffff12;background:linear-gradient(150deg,#14142a,#1e1e3f);justify-content:center;align-items:center;width:100%;height:100%;font-size:3.5rem;font-weight:800;display:flex}.fight-card-info{color:#fff;z-index:2;background:linear-gradient(#0000,#000000e0);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 #0009;font-weight:700}.fight-card-power{color:var(--gold);text-shadow:0 1px 4px #0009;font-weight:800}.fight-result-announcement{z-index:100;text-align:center;pointer-events:none;animation:.85s 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.35)rotate(5deg)}70%{transform:translate(-50%,-50%)scale(.92)rotate(-3deg)}85%{transform:translate(-50%,-50%)scale(1.04)rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}.fight-result-text{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);letter-spacing:2px;background:#06070acc;border:2px solid #ffd70059;border-radius:26px;padding:26px 54px;font-size:4.2rem;font-weight:900;position:relative;overflow:hidden}.fight-result-shine{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffff40 48%,#0000 65%) 0 0/250% 250%;animation:2s ease-in-out infinite resultShineSweep;position:absolute;inset:0}@keyframes resultShineSweep{0%{background-position:200% 0}to{background-position:-50% 0}}.fight-result-text.win{color:#51cf66;border-color:#51cf668c;box-shadow:0 0 80px #51cf6652,0 0 160px #51cf661f}.fight-result-text.lose{color:#ff6b6b;border-color:#ff6b6b8c;box-shadow:0 0 80px #ff6b6b52,0 0 160px #ff6b6b1f}.fight-result-text.draw{color:var(--gold);border-color:#ffd7008c;box-shadow:0 0 80px #ffd70052,0 0 160px #ffd7001f}@media (width<=900px){.cards-grid,.opponent-cards-grid,.steal-cards-grid{grid-template-columns:repeat(5,1fr);gap:.6rem}.battle-lobby{margin:1rem;padding:1.7rem}.lobby-players{flex-direction:column;gap:.5rem}.lobby-vs{transform:rotate(90deg)}.lobby-player{min-width:100px;padding:.9rem 1.1rem}.lobby-actions{flex-direction:column;align-items:center}.btn-start-match,.btn-leave-lobby,.waiting-message-lobby{width:100%;min-width:0}.fight-cards-container{gap:30px;height:180px}.fight-card{width:105px;height:145px}.vs-burst{font-size:3rem}.fight-result-text{padding:20px 32px;font-size:3rem}.fight-modal-arena{min-height:360px}}@media (width<=600px){.battle-container{padding:.8rem}.battle-header{flex-wrap:wrap;gap:.5rem;padding:.7rem 1.1rem}.battle-info{gap:.8rem;font-size:.8rem}.battle-code{font-size:.9rem}.scoreboard{gap:1rem;padding:.9rem 1.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:.35rem}.card-name,.steal-card-name,.card-power,.steal-card-power{font-size:.6rem}.action-area .btn-confirm-card{padding:.7rem 1.6rem;font-size:.9rem}.steal-modal{padding:1.2rem}.steal-cards-grid{grid-template-columns:repeat(4,1fr)}.battle-lobby{padding:1.3rem}.lobby-header h2{font-size:1.5rem}.lobby-player .player-name,.lobby-code .code-highlight{font-size:1rem}.lobby-ready-text{padding:.65rem .85rem;font-size:.8rem}.fight-cards-container{gap:16px;height:130px}.fight-card{border-radius:12px;width:75px;height:105px}.fight-card-info{padding:4px 6px;font-size:.5rem}.fight-card-placeholder{font-size:2rem}.vs-burst{font-size:2.2rem}.fight-result-text{border-radius:18px;padding:14px 22px;font-size:2rem}.fight-modal-content{padding:10px}.fight-modal-arena{min-height:320px;padding:10px 0}.fight-card-crown{font-size:1.4rem;top:-24px}}@media (width<=400px){.cards-grid,.opponent-cards-grid{grid-template-columns:repeat(5,1fr);gap:.25rem}.battle-card .card-info,.opponent-card .card-info{padding:.25rem .35rem}.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:1.1rem}.lobby-player{min-width:80px;padding:.7rem .9rem}.lobby-player .player-name{font-size:.85rem}.lobby-header h2{font-size:1.3rem}.btn-start-match{padding:.7rem 1.6rem;font-size:.9rem}.waiting-message-lobby{padding:.7rem 1.1rem;font-size:.85rem}.fight-cards-container{gap:10px;height:100px}.fight-card{border-radius:10px;width:58px;height:84px}.fight-card-info{padding:2px 4px;font-size:.4rem}.vs-burst{font-size:1.6rem}.fight-result-text{border-radius:14px;padding:12px 18px;font-size:1.5rem}.fight-modal-arena{min-height:280px;padding:8px 0}.fight-card-crown{display:none}}.auth-container{isolation:isolate;justify-content:center;align-items:center;min-height:85vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-container .aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.auth-container .aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:460px;height:460px;animation:16s ease-in-out infinite auroraDrift1;top:-160px;left:-140px}.auth-container .aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:380px;height:380px;animation:20s ease-in-out infinite auroraDrift2;bottom:-160px;right:-120px}.auth-card{z-index:1;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--border-soft);background:linear-gradient(#ffffff09,#ffffff02);border-radius:28px;width:100%;max-width:460px;padding:52px 44px;animation:.7s cubic-bezier(.16,1,.3,1) fadeInUp;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 60px #6c63ff0f}.auth-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff0d 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.auth-header{text-align:center;z-index:1;margin-bottom:32px;position:relative}.auth-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:11.5px;font-weight:700;display:inline-flex}.auth-badge .badge-dot{background:var(--accent-3);width:6px;height:6px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:1.8s ease-in-out infinite pulseDot}.auth-header h1{letter-spacing:-1px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;animation:6s linear infinite shimmer}.auth-header p{color:var(--text-secondary);margin-top:6px;font-size:14.5px}.auth-form{z-index:1;position:relative}.auth-form .form-group{margin-bottom:20px}.auth-form .form-group label{color:#ffffffb3;letter-spacing:.2px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.auth-form .form-control{background:var(--glass);border:1px solid var(--border-soft);color:#fff;border-radius:12px;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .3s}.auth-form .form-control::placeholder{color:var(--text-muted)}.auth-form .form-control:focus{border-color:var(--accent);background:var(--glass-hover);outline:none;box-shadow:0 0 0 4px #6c63ff24}.auth-form .form-control:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#ff9494;text-align:center;background:#ff6b6b1a;border:1px solid #ff6b6b47;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:13.5px}.auth-form .btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--accent), #5a52d5);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:16px 24px;font-family:Inter,sans-serif;font-size:15.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 30px #6c63ff4d}.auth-form .btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.auth-form .btn-primary:hover:not(:disabled):after{left:120%}.auth-form .btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.01);box-shadow:0 14px 45px #6c63ff73}.auth-form .btn-primary:active:not(:disabled){transform:scale(.98)}.auth-form .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-footer{z-index:1;text-align:center;border-top:1px solid var(--border-soft);color:var(--text-muted);margin-top:26px;padding-top:22px;font-size:14px;position:relative}.auth-footer a{color:var(--accent-2);font-weight:700;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:var(--accent-3);text-decoration:underline}.auth-links{margin-top:8px}.forgot-link{font-size:13px;color:var(--text-muted)!important;font-weight:500!important}.forgot-link:hover{color:var(--accent-2)!important}.form-control.is-valid{border-color:var(--accent-3);box-shadow:0 0 0 3px #00d9c026}.form-control.is-invalid{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b26}.auth-success{color:var(--accent-3);background:#00d9c014;border:1px solid #00d9c02e;border-radius:8px;margin-top:6px;padding:8px 12px;font-size:13px}.auth-info{color:#ffd93d;margin-top:6px;font-size:13px}.form-text.text-muted{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.otp-container{z-index:1;justify-content:center;margin:24px 0 16px;display:flex;position:relative}.otp-inputs{gap:14px;display:flex}.otp-input{text-align:center;border:1px solid var(--border-soft);background:var(--glass);color:#fff;border-radius:14px;outline:none;width:52px;height:60px;font-family:Inter,sans-serif;font-size:28px;font-weight:700;transition:all .3s}.otp-input:focus{border-color:var(--accent);background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 0 0 4px #6c63ff26}.otp-input.filled{border-color:var(--border-accent);background:#6c63ff14}.otp-input:disabled{opacity:.5;cursor:not-allowed;transform:none}.otp-timer{text-align:center;color:var(--text-secondary);z-index:1;margin:4px 0 16px;font-size:14px;position:relative}.otp-timer strong{color:gold;font-weight:700}.otp-timer .expired{color:#ff6b6b}.verify-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:14px;width:100%;margin-top:4px;padding:16px;font-size:15.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 8px 30px #6c63ff4d}.verify-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 45px #6c63ff73}.verify-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.otp-resend{text-align:center;z-index:1;margin-top:16px;position:relative}.resend-btn{color:var(--accent-2);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:var(--accent-3);background:#6c63ff14}.resend-btn:disabled{opacity:.4;cursor:not-allowed}.resend-text{color:var(--text-muted);font-size:14px}.resend-text strong{color:var(--text-secondary)}.auth-icon{margin-bottom:10px;font-size:46px;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<=480px){.auth-card{border-radius:22px;padding:36px 26px}.auth-header h1{font-size:28px}.auth-container .aurora-1,.auth-container .aurora-2{filter:blur(60px);width:260px;height:260px}}@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{opacity:0;isolation:isolate;max-width:1000px;margin:0 auto;padding:20px 40px 60px;transition:all 1.1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(40px)}.profile-container.visible{opacity:1;transform:translateY(0)}.profile-alert{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0000;border-radius:14px;margin-bottom:20px;padding:13px 20px;font-size:14px;font-weight:600}.profile-alert-success{color:var(--accent-3);background:#00d9c01a;border-color:#00d9c040}.profile-alert-error{color:#ff8080;background:#ff5a5a1a;border-color:#ff5a5a40}.profile-banner{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01) 50%/cover;border-radius:32px;width:100%;height:260px;margin-bottom:30px;position:relative;overflow:hidden}.profile-banner .aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.profile-banner .aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:400px;height:400px;animation:16s ease-in-out infinite auroraDrift1;top:-180px;left:-80px}.profile-banner .aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:340px;height:340px;animation:20s ease-in-out infinite auroraDrift2;top:-120px;right:-100px}.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);border:1px solid var(--border-soft);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:12px;padding:8px 14px;font-size:16px;transition:all .35s cubic-bezier(.22,1,.36,1);position:absolute;top:16px;right:16px}.banner-edit-btn:hover{border-color:var(--border-accent);background:#ffffff1f;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 #ffffff26;border-radius:50%;flex-shrink:0;width:72px;height:72px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 8px 30px #0006}.profile-photo-large:hover{border-color:var(--border-accent);transform:scale(1.05)}.profile-photo-placeholder{color:#ffffff4d;background:linear-gradient(135deg, var(--accent), #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);border:1px solid var(--border-soft);background:#000000b3;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;letter-spacing:-.5px;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{border-color:var(--border-accent);color:#ffffff80}.title-rarity-badge{font-size:12px}.banner-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-soft);background:#0006;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{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border:1px solid var(--border-soft);border-radius:20px;padding:20px;transition:all .4s cubic-bezier(.22,1,.36,1)}.profile-stats-grid .stat-card:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-5px);box-shadow:0 12px 36px #00000047}.profile-stats-grid .stat-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.profile-stats-grid .stat-label{color:var(--text-secondary);margin-top:4px;font-size:14px;font-weight:500}.profile-photos-section{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:20px;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:var(--text-muted);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 .35s cubic-bezier(.22,1,.36,1);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:var(--accent-3);box-shadow:0 0 20px #00d9c033}.top-photo-preview{background:#10111a 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}.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:var(--accent-2);transform:scale(1.1)}.top-photo-item.empty .top-photo-name{color:#fff3}.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:#00d9c033;border-radius:50%;padding:2px;font-size:14px;position:absolute;top:-4px;right:-4px}.top-photo-item .photo-remove-hint{color:#fff;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff5a5ad9;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}.top-photo-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;overflow:hidden}.showcase-hint{text-align:center;color:var(--text-muted);border:1px solid var(--border-soft);background:#ffffff08;border-radius:10px;margin-top:12px;padding:8px;font-size:.8rem}.profile-history{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:20px;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{border:1px solid var(--border-soft);background:#00000040;border-radius:14px;align-items:center;gap:16px;padding:12px 16px;transition:all .3s;display:flex}.history-item:hover{border-color:var(--border-accent)}.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:var(--accent-3)}.status-lost{color:#ff6b6b}.status-abandoned{color:#fdcb6e}.status-unknown{color:var(--text-muted)}.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:var(--text-muted);font-size:14px}.history-meta{color:var(--text-muted);align-items:center;gap:16px;font-size:14px;display:flex}.history-date{color:#ffffff40}.history-power{color:gold;background:#ffd70014;border-radius:4px;margin-left:6px;padding:1px 8px;font-size:11px}.history-empty{text-align:center;color:var(--text-muted);padding:40px}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:999;background:#06070ad9;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);border:1px solid var(--border-soft);background:#0a0b12f5;border-radius:28px;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:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:28px;transition:all .3s}.modal-close:hover{color:#fff;transform:rotate(90deg)}.modal-hint{text-align:center;color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;font-weight:400}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.banner-item{cursor:pointer;background:#00000040;border:2px solid #0000;border-radius:16px;transition:all .35s cubic-bezier(.22,1,.36,1);overflow:hidden}.banner-item:hover{border-color:#ffffff1a;transform:translateY(-4px)}.banner-item.equipped{border-color:var(--accent-3);box-shadow:0 0 20px #00d9c033}.banner-item.locked{opacity:.5;cursor:not-allowed}.banner-preview{background-color:#10111a;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:var(--accent-3);background:#00d9c033;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:var(--text-muted);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:var(--accent-3);box-shadow:0 0 20px #00d9c026}.title-card{text-align:center;background:#00000040;border:2px solid #0000;border-radius:16px;padding:16px;transition:all .35s cubic-bezier(.22,1,.36,1)}.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:10px;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:var(--accent-3);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 .35s cubic-bezier(.22,1,.36,1)}.photo-item.locked{opacity:.5;cursor:not-allowed}.photo-item.equipped .photo-preview{border-color:var(--accent-3);box-shadow:0 0 20px #00d9c033}.photo-item.unlocked:hover{transform:translateY(-4px)}.photo-item.unlocked:hover .photo-preview{border-color:var(--accent-3);box-shadow:0 0 30px #00d9c01a}.photo-preview{aspect-ratio:1;background:#10111a 50%/cover;border:3px solid #0000;border-radius:18px;justify-content:center;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.photo-select-hint{color:var(--accent-3);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}.photo-info{text-align:center;padding:8px 4px}.photo-info h4{color:#fff;font-size:13px;font-weight:700}.photo-anime{color:var(--text-muted);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{border:1px solid var(--border-soft);color:#fff;background:#ffffff0d;border-radius:14px;width:100%;padding:11px 40px 11px 14px;font-size:14px;transition:all .3s}.photo-search-input:focus{border-color:var(--border-accent);background:#ffffff14;outline:none}.photo-search-input::placeholder{color:var(--text-muted)}.photo-search-clear{color:var(--text-muted);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}.photo-search-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}.profile-cards-section{background:var(--glass);border:1px solid var(--border-soft);border-radius:20px;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:var(--text-muted);margin-left:8px;font-size:13px}.cards-stats{gap:16px;display:flex}.cards-stat{color:var(--text-secondary);background:#ffffff0a;border-radius:10px;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:var(--text-muted);font-size:13px}.cards-sort select{border:1px solid var(--border-soft);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:10px;outline:none;padding:6px 12px;font-size:13px}.cards-sort select:focus{border-color:var(--accent)}.cards-count{color:#fff3;font-size:13px}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.card-item{border:1px solid var(--border-soft);cursor:pointer;background:#ffffff08;border-radius:14px;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.card-item:hover{border-color:var(--border-accent);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{background:linear-gradient(135deg, var(--accent), #1a1a3e);color:#ffffff1a;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:var(--text-muted);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:16px;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, var(--accent), #1a1a3e);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:var(--text-secondary);font-size:16px}.card-detail-power strong{color:gold}.card-detail-stolen{color:#ff6b6b;margin-top:4px;font-size:13px}.card-detail-unlocked{color:var(--text-muted);margin-top:4px;font-size:12px}@media (width<=768px){.profile-container{padding:12px 16px 40px}.profile-banner{border-radius:22px;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{border-radius:22px;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}.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}.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}}@media (width<=480px){.profile-banner{border-radius:18px;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{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}}@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}}.public-profile-container{opacity:0;isolation:isolate;max-width:1000px;margin:0 auto;padding:20px 40px 60px;transition:all 1.1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(40px)}.public-profile-container.visible{opacity:1;transform:translateY(0)}.public-profile-banner{border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01) 50%/cover;border-radius:32px;width:100%;height:260px;margin-bottom:30px;position:relative;overflow:hidden}.public-profile-banner .aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.public-profile-banner .aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:400px;height:400px;animation:16s ease-in-out infinite auroraDrift1;top:-180px;left:-80px}.public-profile-banner .aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:340px;height:340px;animation:20s ease-in-out infinite auroraDrift2;top:-120px;right:-100px}.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;transition:border-color .35s;box-shadow:0 8px 30px #0006}.public-profile-photo:hover{border-color:var(--border-accent)}.public-profile-photo-placeholder{color:#ffffff4d;background:linear-gradient(135deg, var(--accent), #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;letter-spacing:-.5px;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);border:1px solid var(--border-soft);background:#00000073;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{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border:1px solid var(--border-soft);border-radius:20px;padding:20px;transition:all .4s cubic-bezier(.22,1,.36,1)}.public-stat-card:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-5px);box-shadow:0 12px 36px #00000047}.public-stat-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.public-stat-label{color:var(--text-secondary);margin-top:4px;font-size:14px;font-weight:500}.public-photos-section{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-soft);border-radius:20px;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:var(--text-muted);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-item.equipped .public-top-photo-preview{border-color:var(--accent-3);box-shadow:0 0 20px #00d9c033}.public-top-photo-preview{background:#10111a 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-photo-equipped-badge{color:#06070a;background:#00d9c0d9;border-radius:20px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-4px;right:-4px}.public-top-photo-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;overflow:hidden}.btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;padding:13px 30px;box-shadow:0 8px 30px #6c63ff4d}.btn-secondary{color:#fff;border:1px solid var(--border-soft);background:#ffffff0f}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff2e;transform:translateY(-3px)}.public-back-btn{width:100%;margin-top:8px;padding:15px}.error-container{text-align:center;padding:60px 20px}.error-container h2{color:#ff8080;margin-bottom:8px;font-size:32px}.error-container p{color:var(--text-secondary);margin-bottom:20px}@media (width<=768px){.public-profile-container{padding:12px 16px 40px}.public-profile-banner{border-radius:22px;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:18px;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(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;opacity:0;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;max-width:820px;margin:0 auto;padding:36px 24px 40px;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(50px)}.leaderboard-container.fade-in{opacity:1;transform:translateY(0)}.leaderboard-header{z-index:1;text-align:center;opacity:0;margin-bottom:32px;transition:all 1.5s cubic-bezier(.16,1,.3,1) .4s;position:relative;transform:translateY(35px)}.leaderboard-container.fade-in .leaderboard-header{opacity:1;transform:translateY(0)}.leaderboard-badge{color:var(--accent-2);letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 20px;font-size:12px;font-weight:700;display:inline-flex}.leaderboard-header h1{background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;background-size:250%;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:36px;font-weight:900;animation:6s linear infinite shimmer}.leaderboard-header .leaderboard-subtitle{color:var(--text-secondary);letter-spacing:.3px;-webkit-text-fill-color:var(--text-secondary);margin-top:8px;font-size:14px;font-weight:400}.prize-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.3px;background:#6c63ff14;border:1px solid #6c63ff26;border-radius:100px;margin:8px auto 4px;padding:10px 28px;animation:4s ease-in-out infinite pulseGlow;display:inline-block;color:var(--accent-2)!important;-webkit-text-fill-color:var(--accent-2)!important;font-size:18px!important;font-weight:600!important}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6c63ff0d}50%{box-shadow:0 0 40px #6c63ff1f}}.prize-message strong{color:gold;-webkit-text-fill-color:gold;font-weight:700}.season-countdown{color:var(--text-muted);letter-spacing:.3px;margin-top:12px;font-size:15px;font-weight:500}.season-countdown strong{color:var(--accent-2);-webkit-text-fill-color:var(--accent-2);font-weight:700}.leaderboard-card{z-index:1;background:var(--glass);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;border-radius:20px;padding:20px 16px;transition:all 1.5s cubic-bezier(.16,1,.3,1) .6s;position:relative;transform:translateY(35px)}.leaderboard-container.fade-in .leaderboard-card{opacity:1;transform:translateY(0)}.leaderboard-list{flex-direction:column;gap:6px;display:flex}.leaderboard-item{opacity:0;cursor:pointer;background:#00000040;border:1px solid #0000;border-radius:12px;grid-template-columns:44px 48px 1fr 90px 80px;align-items:center;gap:8px;padding:10px 16px;transition:all 1.2s cubic-bezier(.16,1,.3,1);display:grid;transform:translateY(35px)}.leaderboard-item.visible{opacity:1;transform:translateY(0)}.leaderboard-item:first-child.visible{transition-delay:.15s}.leaderboard-item:nth-child(2).visible{transition-delay:.3s}.leaderboard-item:nth-child(3).visible{transition-delay:.45s}.leaderboard-item:nth-child(4).visible{transition-delay:.6s}.leaderboard-item:nth-child(5).visible{transition-delay:.75s}.leaderboard-item:nth-child(6).visible{transition-delay:.9s}.leaderboard-item:nth-child(7).visible{transition-delay:1.05s}.leaderboard-item:nth-child(8).visible{transition-delay:1.2s}.leaderboard-item:nth-child(9).visible{transition-delay:1.35s}.leaderboard-item:nth-child(10).visible{transition-delay:1.5s}.leaderboard-item:nth-child(11).visible{transition-delay:1.65s}.leaderboard-item:nth-child(12).visible{transition-delay:1.8s}.leaderboard-item:nth-child(13).visible{transition-delay:1.95s}.leaderboard-item:nth-child(14).visible{transition-delay:2.1s}.leaderboard-item:nth-child(15).visible{transition-delay:2.25s}.leaderboard-item:hover{background:var(--glass-hover);border-color:var(--border-accent);transition:all .4s cubic-bezier(.22,1,.36,1);transform:translate(6px);box-shadow:0 4px 20px #6c63ff14}.leaderboard-item.header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-soft);cursor:default;padding-bottom:10px;font-size:12px;font-weight:600;opacity:1!important;background:0 0!important;transition:none!important;transform:none!important}.leaderboard-item.header:hover{border-color:var(--border-soft)!important;box-shadow:none!important;background:0 0!important;transform:none!important}.leaderboard-item.top{background:#6c63ff0a;border:1px solid #6c63ff1a}.leaderboard-item.top:hover{border-color:var(--border-accent);background:#6c63ff14;transition:all .4s cubic-bezier(.22,1,.36,1)}.leaderboard-item.top:first-child{background:#6c63ff12;border-color:#6c63ff33;box-shadow:0 0 30px #6c63ff14}.leaderboard-item.top:first-child:hover{background:#6c63ff1a;border-color:#6c63ff4d}.rank{text-align:center;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.rank.gold{color:gold}.rank.silver{color:silver}.rank.bronze{color:#cd7f32}.avatar-col{justify-content:center;align-items:center;display:flex}.leaderboard-avatar{object-fit:cover;border:2px solid var(--border-soft);border-radius:50%;width:34px;height:34px;transition:all .4s cubic-bezier(.22,1,.36,1)}.leaderboard-item:hover .leaderboard-avatar{border-color:var(--border-accent);transform:scale(1.05)}.leaderboard-avatar-placeholder{background:linear-gradient(135deg, var(--accent), #1a1a2e);color:#fff9;border:2px solid var(--border-soft);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:flex}.player{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:14px;font-weight:600;overflow:hidden}.games{color:var(--accent-2);text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.streak{color:#f472b6;text-align:center;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.streak.high{color:gold}.leaderboard-empty{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:16px}.leaderboard-empty .empty-subtext{color:var(--text-muted);opacity:.7;margin-top:8px;font-size:13px}.leaderboard-error{color:#ff8080;text-align:center;padding:12px;font-weight:500}@media (width<=768px){.leaderboard-container{border-radius:22px;margin:0 8px;padding:24px 14px 30px}.leaderboard-header h1{font-size:28px}.leaderboard-header .leaderboard-subtitle{font-size:12px}.prize-message{padding:8px 18px;font-size:15px!important}.season-countdown{font-size:13px}.leaderboard-card{padding:14px 10px}.leaderboard-item{border-radius:10px;grid-template-columns:36px 38px 1fr 60px 55px;gap:4px;padding:8px 10px;font-size:12px}.leaderboard-item.header{letter-spacing:.5px;grid-template-columns:36px 38px 1fr 60px 55px;padding-bottom:8px;font-size:10px}.leaderboard-avatar{width:28px;height:28px}.leaderboard-avatar-placeholder{width:28px;height:28px;font-size:12px}.rank{font-size:13px}.player,.games,.streak{font-size:12px}}@media (width<=480px){.leaderboard-container{border-radius:18px;margin:0 4px;padding:16px 10px 24px}.leaderboard-header h1{font-size:22px}.leaderboard-header .leaderboard-subtitle{font-size:10px}.prize-message{padding:6px 14px;font-size:13px!important}.season-countdown{font-size:11px}.leaderboard-card{border-radius:14px;padding:10px 6px}.leaderboard-item{border-radius:8px;grid-template-columns:28px 30px 1fr 44px 40px;gap:2px;padding:6px;font-size:10px}.leaderboard-item.header{letter-spacing:.3px;grid-template-columns:28px 30px 1fr 44px 40px;padding-bottom:6px;font-size:9px}.leaderboard-avatar{border-width:1.5px;width:22px;height:22px}.leaderboard-avatar-placeholder{width:22px;height:22px;font-size:10px}.rank{font-size:11px}.player,.games,.streak{font-size:10px}}:root{--sw-bg-deep:#06070a;--sw-accent:#6c63ff;--sw-accent-2:#a89bff;--sw-accent-3:#00d9c0;--sw-gold:gold;--sw-glass:#ffffff06;--sw-glass-hover:#ffffff0b;--sw-border-soft:#ffffff0f;--sw-border-accent:#6c63ff59;--sw-text-primary:#fff;--sw-text-secondary:#ffffff9e;--sw-text-muted:#ffffff59}.season-winners-container{opacity:0;isolation:isolate;max-width:900px;margin:0 auto;padding:20px 40px 60px;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(60px)}.season-winners-container.visible{opacity:1;transform:translateY(0)}.sw-bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.sw-bg-grid{z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.season-hero{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--sw-border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;margin-bottom:40px;padding:70px 40px 56px;position:relative;overflow:hidden}.sw-aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.sw-aurora-1{background:radial-gradient(circle,#ffd70047,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite swAuroraDrift1;top:-180px;left:-100px}.sw-aurora-2{background:radial-gradient(circle,#6c63ff66,#0000 70%);width:380px;height:380px;animation:20s ease-in-out infinite swAuroraDrift2;top:-140px;right:-110px}@keyframes swAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.12)}}@keyframes swAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,25px)scale(1.08)}}.sw-hero-glow{pointer-events:none;z-index:0;background:radial-gradient(#6c63ff1a,#0000 70%);width:800px;height:400px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.season-hero-content{z-index:1;position:relative}.season-badge{color:#ffe27a;letter-spacing:.6px;text-transform:uppercase;background:#ffd70014;border:1px solid #ffd70038;border-radius:50px;align-items:center;gap:8px;margin-bottom:22px;padding:9px 22px;font-size:12.5px;font-weight:700;display:inline-flex}@keyframes swPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.season-title{letter-spacing:-1.5px;margin-bottom:14px;font-size:48px;font-weight:900;line-height:1.05}.season-title-gradient{background:linear-gradient(120deg, #fff 0%, var(--sw-accent-2) 30%, var(--sw-accent) 55%, #ffe27a 80%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:7s linear infinite swShimmer}@keyframes swShimmer{0%{background-position:0%}to{background-position:250%}}.season-subtitle{color:var(--sw-text-secondary);font-size:15.5px;font-weight:500}.season-subtitle strong{color:var(--sw-accent-2);font-weight:700}.winners-list{flex-direction:column;gap:10px;display:flex}.winners-list-header{text-transform:uppercase;letter-spacing:.6px;color:var(--sw-text-muted);grid-template-columns:140px 1fr 90px 80px 100px;gap:12px;padding:0 22px 6px;font-size:11px;font-weight:700;display:grid}.winner-item{background:var(--sw-glass);border:1px solid var(--sw-border-soft);opacity:0;border-radius:16px;grid-template-columns:140px 1fr 90px 80px 100px;align-items:center;gap:12px;padding:18px 22px;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s,box-shadow .4s;display:grid;position:relative;overflow:hidden;transform:translateY(35px)}.winner-item.visible{opacity:1;transform:translateY(0)}.winner-item:hover{background:var(--sw-glass-hover);border-color:var(--sw-border-accent);transform:translateY(-4px);box-shadow:0 14px 40px #00000052}.winner-item.latest{background:#ffd7000a;border-color:#ffd70038;box-shadow:0 0 40px #ffd7000f}.winner-item.latest:hover{background:#ffd70012;border-color:#ffd70059}.winner-item-glow{pointer-events:none;z-index:0;background:radial-gradient(#ffd7001a,#0000 70%);width:60%;height:220%;position:absolute;top:-60%;left:-10%}.season-number{z-index:1;color:var(--sw-accent-2);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:relative}.crown{font-size:19px;animation:2s ease-in-out infinite swCrownGlow}@keyframes swCrownGlow{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.winner-name{z-index:1;color:var(--sw-text-primary);letter-spacing:-.2px;font-size:15px;font-weight:700;position:relative}.winner-streak{z-index:1;color:#ff8fc7;text-align:center;font-size:13.5px;font-weight:600;position:relative}.winner-wins{z-index:1;color:var(--sw-accent-2);text-align:center;font-size:13.5px;font-weight:600;position:relative}.winner-prize{z-index:1;color:var(--sw-gold);text-align:center;font-size:13.5px;font-weight:700;position:relative}.no-winners{text-align:center;color:var(--sw-text-muted);background:var(--sw-glass);border:1px solid var(--sw-border-soft);border-radius:24px;padding:80px 20px;font-size:15px}.no-winners-icon{margin-bottom:14px;font-size:40px;display:block}.no-winners p{margin:0 0 4px}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;display:flex}.loading-container p{color:var(--sw-text-muted);font-size:14px}@keyframes swSpin{to{transform:rotate(360deg)}}@media (width<=768px){.season-winners-container{padding:12px 16px 40px}.season-hero{border-radius:22px;padding:44px 20px 36px}.season-title{font-size:30px}.season-subtitle{font-size:13px}.winners-list-header{display:none}.winner-item{text-align:left;border-radius:14px;grid-template-columns:1fr 1fr;gap:8px 12px;padding:16px 18px}.season-number{grid-column:1/-1;font-size:13px}.winner-name{grid-column:1/-1;font-size:15px}.winner-streak,.winner-wins,.winner-prize{text-align:left;font-size:12.5px}.crown{font-size:17px}.sw-aurora-1,.sw-aurora-2{filter:blur(60px);width:220px;height:220px}}@media (width<=480px){.season-title{font-size:24px}.season-badge{padding:5px 13px;font-size:10px}.winner-item{padding:13px 14px}.winner-name{font-size:14px}.winner-streak,.winner-wins,.winner-prize{font-size:11.5px}}.admin-container{isolation:isolate;max-width:1300px;margin:0 auto;padding:20px 40px 80px;position:relative}.admin-container.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) adminFadeIn}@keyframes adminFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-header{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;margin-bottom:40px;padding:60px 40px 40px;position:relative;overflow:hidden}.admin-header:before{content:"";filter:blur(90px);opacity:.5;pointer-events:none;z-index:0;background:radial-gradient(circle,#6c63ff80,#0000 70%);border-radius:50%;width:460px;height:460px;animation:16s ease-in-out infinite adminAurora1;position:absolute;top:-220px;left:-100px}.admin-header:after{content:"";filter:blur(90px);opacity:.4;pointer-events:none;z-index:0;background:radial-gradient(circle,#00d9c059,#0000 70%);border-radius:50%;width:380px;height:380px;animation:20s ease-in-out infinite adminAurora2;position:absolute;top:-140px;right:-110px}@keyframes adminAurora1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.15)}}@keyframes adminAurora2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,25px)scale(1.1)}}.admin-title{z-index:1;letter-spacing:-1.5px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:44px;font-weight:900;animation:6s linear infinite adminShimmer;display:inline-block;position:relative}@keyframes adminShimmer{0%{background-position:0%}to{background-position:250%}}.admin-tabs{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;display:flex;position:relative}.admin-tabs .tab-btn{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;letter-spacing:.2px;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex}.admin-tabs .tab-btn:hover{background:var(--glass-hover);color:#fff;transform:translateY(-2px)}.admin-tabs .tab-btn.active{border-color:var(--border-accent);color:#fff;background:linear-gradient(135deg,#6c63ff2e,#00d9c01a);box-shadow:0 8px 24px #6c63ff26}.admin-tabs .tab-btn .tab-badge{color:var(--accent-3);background:#00d9c026;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.admin-alert{border:1px solid #0000;border-radius:14px;margin-bottom:20px;padding:14px 22px;font-size:14px;font-weight:600}.admin-alert.error{color:#ff8a8a;background:#ff6b6b14;border-color:#ff6b6b40}.admin-alert.success{color:var(--accent-3);background:#00d9c014;border-color:#00d9c040}.admin-section{flex-direction:column;gap:28px;display:flex}.admin-form-card,.admin-list-card{background:var(--glass);border:1px solid var(--border-soft);border-radius:24px;padding:34px 36px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}.admin-form-card:hover,.admin-list-card:hover{border-color:var(--border-accent)}.admin-form-card h2,.admin-list-card h2{color:#fff;letter-spacing:-.3px;align-items:center;gap:8px;margin-bottom:24px;font-size:21px;font-weight:800;display:flex}.admin-form-card h2:before,.admin-list-card h2:before{content:"";background:var(--accent-3);width:6px;height:6px;box-shadow:0 0 10px var(--accent-3);border-radius:50%}.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:var(--text-secondary);letter-spacing:.3px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:block}.admin-form .form-control{border:1px solid var(--border-soft);color:#fff;background:#ffffff08;border-radius:12px;width:100%;padding:13px 16px;font-family:Inter,sans-serif;font-size:14.5px;transition:all .3s}.admin-form .form-control:focus{border-color:var(--border-accent);background:#ffffff0d;outline:none;box-shadow:0 0 20px #6c63ff1a}.admin-form .form-control::placeholder{color:var(--text-muted)}.admin-form select.form-control,.admin-form .form-control select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a89bff' 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");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;color:#fff!important;background-color:#ffffff08!important}.admin-form select.form-control option,.admin-form .form-control select option{padding:8px 12px;font-weight:500;color:#000!important;background-color:#fff!important}.admin-form select.form-control option{padding:8px 12px;color:#fff!important;background-color:#1a1a2e!important}.admin-form select.form-control option:hover,.admin-form select.form-control option:focus{color:#fff!important;background-color:#6c63ff33!important}.admin-form .form-row.checkboxes{flex-wrap:wrap;align-items:center;gap:14px 26px;padding:6px 0 14px;display:flex}.checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.form-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.admin-form .btn{letter-spacing:.4px;cursor:pointer;border:none;border-radius:12px;padding:12px 30px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.admin-form .btn-primary{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;box-shadow:0 8px 26px #6c63ff4d}.admin-form .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #6c63ff66}.admin-form .btn-secondary{color:#fff;border:1px solid var(--border-soft);background:#ffffff0d}.admin-form .btn-secondary:hover{background:#ffffff17}.btn-danger{color:#ff8a8a;background:#ff6b6b1f;border:1px solid #ff6b6b33}.btn-danger:hover{background:#ff6b6b33}.power-level-input{align-items:center;gap:18px;padding:6px 0;display:flex}.power-slider{appearance:none;background:linear-gradient(to right, var(--accent-3), var(--accent-2), var(--accent));cursor:pointer;border-radius:4px;outline:none;flex:1;height:5px}.power-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--accent), #5a52d5);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 10px #6c63ff80}.power-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--accent), #5a52d5);cursor:pointer;border:2px solid #fff;border-radius:50%;width:18px;height:18px}.power-value{color:var(--accent-2);text-align:center;min-width:42px;font-family:Inter,sans-serif;font-size:22px;font-weight:800}.form-hint{color:var(--text-muted);margin-top:6px;font-size:12px;display:block}.validation-error{color:#ff8a8a;margin-top:6px;font-size:12px;display:block}.form-control.error{border-color:#ff6b6b66}.character-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.character-card{border:1px solid var(--border-soft);background:#ffffff05;border-radius:16px;gap:14px;padding:16px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}.character-card:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.char-image{object-fit:cover;border:1px solid var(--border-soft);border-radius:12px;flex-shrink:0;width:80px;height:80px}.char-info{flex-direction:column;flex:1;min-width:0;display:flex}.char-info h3{color:#fff;margin-bottom:2px;font-size:16.5px;font-weight:700}.char-anime{color:var(--accent-2);margin-bottom:6px;font-size:12.5px;font-weight:600}.char-power{color:#ffd76b;background:#ffd70014;border-radius:20px;width:fit-content;margin-bottom:6px;padding:2px 10px;font-size:12.5px;display:inline-block}.char-badges{flex-wrap:wrap;gap:6px;margin:2px 0 8px;display:flex}.element-badge,.rarity-badge{border-radius:20px;padding:3px 11px;font-size:10.5px;font-weight:700;display:inline-block}.element-badge.fire{color:#ff8a8a;background:#ff6b6b26}.element-badge.water{color:#6cb1ff;background:#4a9eff26}.element-badge.wind{color:var(--accent-3);background:#00d9c026}.element-badge.earth{color:#c1a288;background:#8b776526}.rarity-badge.common{color:#b3b3b3;background:#a0a0a026}.rarity-badge.uncommon{color:var(--accent-3);background:#00d9c026}.rarity-badge.rare{color:#6cb1ff;background:#4a9eff26}.rarity-badge.epic{color:var(--accent-2);background:#a89bff26}.rarity-badge.legendary{color:#f5a623;background:#f59e0b26}.rarity-common{color:#b3b3b3}.rarity-uncommon{color:var(--accent-3)}.rarity-rare{color:#6cb1ff}.rarity-epic{color:var(--accent-2)}.rarity-legendary{color:#f5a623}.char-desc{color:var(--text-secondary);flex:1;font-size:12.5px;line-height:1.5}.char-actions{gap:8px;margin-top:10px;display:flex}.banner-admin-grid,.title-admin-grid,.photo-admin-grid,.shop-admin-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;display:grid}.banner-admin-card,.title-admin-card,.photo-admin-card,.shop-admin-card{border:1px solid var(--border-soft);background:#ffffff05;border-radius:16px;padding:14px;transition:all .35s}.banner-admin-card:hover,.title-admin-card:hover,.photo-admin-card:hover,.shop-admin-card:hover{border-color:var(--border-accent);background:var(--glass-hover)}.banner-preview,.shop-admin-banner{background-color:#ffffff08;background-position:50%;background-size:cover;border-radius:10px;height:120px}.title-preview{text-align:center;background:#ffffff08;border-radius:10px;padding:14px;font-size:17px;font-weight:700}.photo-preview{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:10px;width:100%}.shop-admin-photo{object-fit:cover;border-radius:10px;width:100%;height:120px}.banner-info,.photo-info,.shop-admin-info{margin-top:10px}.banner-info h4,.photo-info h4,.shop-admin-info h4{color:#fff;font-size:14.5px;font-weight:700}.banner-info p,.photo-info p,.shop-admin-info p{color:var(--text-secondary);margin:4px 0;font-size:12.5px}.shop-admin-price{font-weight:700;color:#ffd76b!important}.shop-admin-date{color:var(--text-muted)!important;font-size:11.5px!important}.banner-meta,.title-meta{color:var(--text-muted);gap:10px;margin:4px 0 8px;font-size:11.5px;display:flex}.shop-admin-preview{position:relative}.shop-admin-badges{color:var(--text-muted);gap:8px;margin-top:8px;font-size:11px;display:flex}.user-table-wrapper{margin:0 -6px;overflow-x:auto}.user-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13.5px}.user-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-soft);background:#ffffff05;padding:12px;font-size:11px;font-weight:700}.user-table td{border-bottom:1px solid var(--border-soft);color:var(--text-secondary);padding:12px}.user-table tr:hover td{background:#ffffff04}.role-badge{text-transform:uppercase;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}.role-badge.player{color:var(--accent-2);background:#6c63ff26}.role-badge.admin{color:#ff8fb3;background:#ff6b9d26}.gems-badge{color:#ffd76b;background:#ffd70014;border-radius:20px;padding:3px 10px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:6px;display:grid}.stats-grid .stat-card{background:var(--glass);text-align:center;border:1px solid var(--border-soft);border-radius:18px;padding:24px 16px;transition:all .4s cubic-bezier(.22,1,.36,1)}.stats-grid .stat-card:hover{border-color:var(--border-accent);transform:translateY(-4px)}.stats-grid .stat-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:900}.stats-grid .stat-label{color:var(--text-muted);margin-top:6px;font-size:13px;font-weight:600}.top-players-list{flex-direction:column;gap:8px;display:flex}.top-player-item{border:1px solid var(--border-soft);background:#ffffff05;border-radius:14px;align-items:center;gap:16px;padding:12px 18px;transition:all .3s;display:flex}.top-player-item:hover{background:var(--glass-hover);border-color:var(--border-accent)}.top-player-item .rank{color:var(--accent-2);min-width:28px;font-size:15px;font-weight:800}.top-player-item .name{color:#fff;flex:1;font-weight:600}.top-player-item .wins{color:var(--text-secondary);font-size:13.5px}.top-player-item .best{color:var(--accent-3);font-size:13.5px;font-weight:600}.empty-message{color:var(--text-muted);text-align:center;padding:30px 0;font-size:15px}.admin-error{text-align:center;padding:80px 20px}.admin-error h2{color:#ff8a8a;margin-bottom:10px;font-size:32px}.admin-error p{color:var(--text-secondary);font-size:16px}.loading-container{color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:100px 0;display:flex}@keyframes adminSpin{to{transform:rotate(360deg)}}.season-reset-wrapper{z-index:999;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.season-reset-btn{color:#ff8a8a;cursor:pointer;letter-spacing:.4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b26;border:1px solid #ff6b6b40;border-radius:12px;padding:10px 20px;font-size:12.5px;font-weight:700;transition:all .3s}.season-reset-btn:hover:not(:disabled){background:#ff6b6b40;transform:translateY(-2px)}.season-reset-btn:disabled{opacity:.5;cursor:not-allowed}.reset-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;max-width:300px;padding:8px 14px;font-size:12px}.reset-toast.success{color:var(--accent-3);background:#00d9c01f;border:1px solid #00d9c040}.reset-toast.error{color:#ff8a8a;background:#ff6b6b1f;border:1px solid #ff6b6b40}@media (width<=768px){.admin-container{padding:12px 16px 60px}.admin-header{border-radius:22px;padding:40px 20px 28px}.admin-title{font-size:28px}.admin-form .form-row{grid-template-columns:1fr}.admin-form-card,.admin-list-card{border-radius:18px;padding:22px}.character-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.admin-tabs .tab-btn{flex:1;justify-content:center;padding:9px 12px;font-size:12.5px}.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,.shop-admin-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=480px){.admin-container{padding:10px 12px 50px}.admin-header{padding:30px 16px 22px}.admin-title{font-size:22px}.admin-form-card,.admin-list-card{padding:16px}.admin-form .form-control{padding:10px 12px;font-size:13px}.character-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.admin-tabs .tab-btn{padding:7px 10px;font-size:11px}.admin-tabs .tab-btn .tab-badge{padding:1px 7px;font-size:9px}}.buyshards-page{isolation:isolate;max-width:1200px;margin:0 auto;padding:20px 40px 60px;position:relative}@keyframes bsFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.buyshards-hero{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;opacity:0;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;margin-bottom:40px;padding:70px 40px 60px;position:relative;overflow:hidden}.buyshards-page.visible .buyshards-hero{animation:1s cubic-bezier(.16,1,.3,1) forwards bsFadeInUp}@keyframes bsAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.15)}}@keyframes bsAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.1)}}.buyshards-hero-content{z-index:1;position:relative}.buyshards-title{letter-spacing:-2px;margin-bottom:10px;font-size:52px;font-weight:900;line-height:1.05}.buyshards-title-gradient{background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.buyshards-subtitle{color:var(--text-secondary);margin-bottom:26px;font-size:16.5px}.buyshards-alert{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;margin-bottom:18px;padding:14px 20px;font-weight:500;animation:.4s alertSlide}@keyframes alertSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.buyshards-alert.error{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.buyshards-alert.success{color:#34d399;background:#34d3991f;border:1px solid #34d39933}.shards-packs-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px;display:grid}.shards-pack{background:var(--glass);border:1px solid var(--border-soft);text-align:center;cursor:pointer;opacity:0;border-radius:20px;padding:26px 20px;transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .4s;position:relative;overflow:hidden}.shards-pack.visible{animation:.8s cubic-bezier(.16,1,.3,1) forwards bsFadeInUp}.shards-pack-border{-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0000,#0000);border-radius:20px;padding:1px;transition:background .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shards-pack:hover .shards-pack-border{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.shards-pack:hover{background:var(--glass-hover);transform:translateY(-6px);box-shadow:0 18px 45px #00000059}.shards-pack:active{transform:scale(.98)}.shards-pack.popular:hover .shards-pack-border,.shards-pack.popular.selected .shards-pack-border{background:linear-gradient(135deg, var(--gold), #f59e0b)}.shards-pack.selected{background:var(--glass-hover);box-shadow:0 0 0 1.5px var(--accent), 0 18px 45px #6c63ff33}.shards-pack.selected .shards-pack-border{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.pack-selected-check{background:linear-gradient(135deg, var(--accent), var(--accent-3));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:900;animation:.3s cubic-bezier(.34,1.56,.64,1) bsPopIn;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 15px #6c63ff66}@keyframes bsPopIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pack-tag{background:linear-gradient(135deg, var(--gold), #f59e0b);color:#1a1a2e;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 15px #ffd7004d}.pack-name{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:10px;font-size:12px;font-weight:700}.pack-shards{color:var(--gold);margin-bottom:4px;font-size:27px;font-weight:900}.pack-price{color:var(--accent-2);margin-bottom:4px;font-size:18px;font-weight:700}.pack-hints{color:var(--text-muted);font-size:13px}.pack-hints strong{color:var(--text-secondary)}.purchase-section{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-accent);opacity:0;border-radius:20px;max-width:520px;margin:0 auto;padding:28px 30px;transition:all .7s cubic-bezier(.22,1,.36,1);transform:translateY(30px);box-shadow:0 20px 60px #6c63ff26}.purchase-section.visible{opacity:1;transform:translateY(0)}.purchase-summary{margin-bottom:18px}.purchase-summary h3{color:var(--accent-2);border-bottom:1px solid var(--border-soft);margin-bottom:12px;padding-bottom:10px;font-size:18px;font-weight:700}.purchase-summary p{color:var(--text-muted);justify-content:space-between;padding:5px 0;font-size:15px;display:flex}.purchase-summary p strong{color:var(--text-primary)}.purchase-summary p strong.price-highlight{color:var(--gold)}.agreement-section{border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin:18px 0;padding:14px 0}.agreement-checkbox{cursor:pointer;color:var(--text-muted);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.agreement-checkbox input[type=checkbox]{width:18px;min-width:18px;height:18px;accent-color:var(--accent);cursor:pointer;margin-top:2px}.agreement-checkbox a{color:var(--accent-2);font-weight:600;text-decoration:none;transition:color .2s}.agreement-checkbox a:hover{color:var(--accent);text-decoration:underline}.purchase-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-family:Inter,sans-serif;font-size:16.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:0 8px 30px #6c63ff4d}.purchase-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.purchase-btn:hover:not(:disabled):after{left:120%}.purchase-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 40px #6c63ff66}.purchase-btn:active:not(:disabled){transform:scale(.97)}.purchase-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=1024px){.shards-packs-grid{grid-template-columns:repeat(3,1fr);gap:14px}.aurora-1,.aurora-2{width:320px;height:320px}}@media (width<=768px){.buyshards-page{padding:12px 16px 40px}.buyshards-hero{border-radius:22px;padding:44px 20px 36px}.buyshards-title{font-size:32px}.buyshards-subtitle{font-size:14px}.shards-display{padding:8px 20px;font-size:13px}.shards-packs-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shards-pack{border-radius:16px;padding:18px 14px}.pack-shards{font-size:21px}.pack-price{font-size:15px}.purchase-section{border-radius:16px;padding:20px 18px}.purchase-summary h3{font-size:16px}.purchase-summary p{font-size:14px}.purchase-btn{padding:14px;font-size:15px}.aurora-1,.aurora-2{filter:blur(60px);width:220px;height:220px}}@media (width<=480px){.buyshards-hero{padding:34px 16px 28px}.buyshards-title{font-size:24px}.hero-badge{padding:5px 13px;font-size:10px}.shards-display{padding:6px 16px;font-size:11px}.shards-packs-grid{grid-template-columns:1fr 1fr;gap:8px}.shards-pack{border-radius:12px;padding:14px 10px}.pack-shards{font-size:17px}.pack-price{font-size:13px}.pack-name{letter-spacing:1px;font-size:10px}.pack-hints{font-size:11px}.pack-tag{padding:2px 8px;font-size:8px;top:-6px;right:-6px}.agreement-checkbox{font-size:12px}.purchase-summary p{font-size:13px}.purchase-btn{padding:12px;font-size:14px}.purchase-section{padding:16px 14px}}:root{--bg-deep:#06070a;--accent:#6c63ff;--accent-2:#a89bff;--accent-3:#00d9c0;--gold:gold;--glass:#ffffff06;--glass-hover:#ffffff0b;--border-soft:#ffffff0f;--border-accent:#6c63ff59;--text-primary:#fff;--text-secondary:#ffffff9e;--text-muted:#ffffff59}.shop-page{opacity:0;isolation:isolate;max-width:1400px;margin:0 auto;padding:20px 40px 60px;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(60px)}.shop-page.visible{opacity:1;transform:translateY(0)}.shop-hero{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;margin-bottom:40px;padding:70px 40px 60px;position:relative;overflow:hidden}.aurora-2{background:radial-gradient(circle,#ffd70038,#0000 70%);width:420px;height:420px;animation:20s ease-in-out infinite shopAuroraDrift2;top:-150px;right:-120px}@keyframes shopAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.15)}}@keyframes shopAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.1)}}.shop-hero-content{z-index:1;position:relative}.hero-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:22px;padding:9px 22px;font-size:12.5px;font-weight:700;display:inline-flex}.shop-title{letter-spacing:-2px;margin-bottom:10px;font-size:58px;font-weight:900;line-height:1.05}.shop-title-gradient{background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shimmer}.shop-subtitle{color:var(--text-secondary);margin-bottom:26px;font-size:16.5px}.shards-display{color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6c63ff1a;border:1px solid #6c63ff38;border-radius:50px;align-items:center;gap:10px;padding:11px 28px;font-size:14.5px;font-weight:600;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.shards-display:hover{background:#6c63ff29;border-color:#6c63ff52;transform:translateY(-2px)}.shards-icon{font-size:17px}.shards-display strong{color:var(--gold);font-size:19px;font-weight:800}.shop-alert{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;margin-bottom:18px;padding:14px 20px;font-weight:500;animation:.4s alertSlide}.shop-alert.error{color:#f87171;background:#ef44441f;border:1px solid #ef444433}.shop-alert.success{color:#34d399;background:#34d3991f;border:1px solid #34d39933}.shop-tabs{background:var(--glass);border:1px solid var(--border-soft);opacity:0;border-radius:16px;justify-content:center;gap:8px;max-width:460px;margin:0 auto 40px;padding:6px;transition:all 1s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(30px)}.shop-tabs.visible{opacity:1;transform:translateY(0)}.shop-tab-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex}.shop-tab-btn:hover{color:var(--text-secondary);background:var(--glass-hover)}.shop-tab-btn.active{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;box-shadow:0 8px 26px #6c63ff4d}.shop-tab-btn .tab-count{background:#ffffff26;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.shop-tab-btn.active .tab-count{background:#ffffff40}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.shop-item-card{background:var(--glass);border:1px solid var(--border-soft);opacity:0;border-radius:20px;transition:transform .5s cubic-bezier(.22,1,.36,1),background .5s,box-shadow .5s,border-color .5s;position:relative;overflow:hidden;transform:translateY(40px)}.shop-item-card.visible{opacity:1;transform:translateY(0)}.shop-item-card-border{-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#0000,#0000);border-radius:20px;padding:1px;transition:background .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.shop-item-card:hover .shop-item-card-border{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.shop-item-card:hover{background:var(--glass-hover);transform:translateY(-8px);box-shadow:0 20px 50px #00000059,0 0 0 1px #6c63ff14}.shop-item-card.owned{background:#34d39909;border-color:#34d39947}.shop-item-card.owned:hover{border-color:#34d39973}.shop-item-preview{background:#0006;width:100%;height:200px;position:relative;overflow:hidden}.shop-banner-preview{width:100%;height:100%;overflow:hidden}.shop-banner-img,.shop-photo-preview{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.shop-item-card:hover .shop-banner-img,.shop-item-card:hover .shop-photo-preview{transform:scale(1.08)}.shop-item-badge{text-transform:uppercase;letter-spacing:.7px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;border-radius:20px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;box-shadow:0 4px 15px #00000040}.shop-item-badge.exclusive{background:linear-gradient(135deg, #f7971e, var(--gold));color:#000;font-weight:800;top:12px;left:12px;box-shadow:0 4px 20px #ffd7004d}.shop-item-badge.limited{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);animation:2s ease-in-out infinite pulseBadge;top:12px;right:12px}@keyframes pulseBadge{0%,to{box-shadow:0 4px 15px #f59e0b4d}50%{box-shadow:0 4px 30px #f59e0b99}}.shop-item-badge.owned{color:#fff;background:#34d399e6;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-badge.expired{color:#fff;background:#ef4444d9;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-badge.coming{color:#fff;background:#6c63ffd9;border:1px solid #ffffff1a;top:12px;right:12px}.shop-item-timer-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;z-index:3;background:#000000bf;border:1px solid #ffffff14;border-radius:50px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.shop-item-timer-badge .timer-icon{font-size:14px}.shop-item-timer-badge .timer-text{color:#f59e0b;font-weight:700}.shop-item-timer-badge .timer-text.urgent{color:#ef4444;animation:1s ease-in-out infinite blinkUrgent}@keyframes blinkUrgent{0%,to{opacity:1}50%{opacity:.4}}.shop-item-info{z-index:1;padding:18px 20px 6px;position:relative}.shop-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:16.5px;font-weight:700;overflow:hidden}.shop-item-rarity{background:#ffffff0d;border-radius:50px;margin-bottom:4px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.shop-item-price{color:var(--gold);align-items:center;gap:5px;margin:6px 0 4px;font-size:18px;font-weight:700;display:flex}.shop-item-price .price-icon{font-size:16px}.shop-buy-btn{cursor:pointer;background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;letter-spacing:.3px;border:none;border-top:1px solid #ffffff0f;width:100%;margin-top:12px;padding:14px;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.shop-buy-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%}.shop-buy-btn:hover:not(:disabled):after{left:120%}.shop-buy-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a52d5,#4338ca)}.shop-buy-btn:active:not(:disabled){transform:scale(.97)}.shop-buy-btn:disabled{opacity:.55;cursor:not-allowed}.shop-buy-btn.owned{background:linear-gradient(135deg,#34d399,#10b981)}.shop-buy-btn.owned:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669)}.shop-buy-btn.cant-afford{background:linear-gradient(135deg,#4a4a5a,#3a3a4a)}.shop-buy-btn .btn-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.shop-empty{text-align:center;background:var(--glass);border:1px dashed var(--border-soft);opacity:0;border-radius:20px;padding:70px 20px;transition:all 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.shop-empty.visible{opacity:1;transform:translateY(0)}.shop-empty .empty-icon{margin-bottom:14px;font-size:56px;display:block}.shop-empty h3{color:var(--text-secondary);margin-bottom:6px;font-size:20px}.shop-empty p{color:var(--text-muted);font-size:14px}.shop-loading{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:60vh;display:flex}.shop-loader{border:3px solid #6c63ff1f;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.shop-loading p{color:var(--text-muted);font-size:14px}@media (width<=1024px){.shop-grid{grid-template-columns:repeat(2,1fr)}.aurora-1,.aurora-2{width:320px;height:320px}}@media (width<=768px){.shop-page{padding:12px 16px 40px}.shop-hero{border-radius:22px;padding:44px 20px 36px}.shop-title{font-size:34px}.shop-subtitle{font-size:14px}.shards-display{padding:8px 20px;font-size:13px}.shop-tabs{max-width:100%}.shop-tab-btn{padding:10px 14px;font-size:13px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:12px}.shop-item-preview{height:150px}.shop-item-info{padding:14px 14px 4px}.shop-item-name{font-size:14px}.shop-item-price{font-size:15px}.shop-buy-btn{padding:11px;font-size:13px}.shop-item-timer-badge{padding:4px 12px;font-size:10px}.aurora-1,.aurora-2{filter:blur(60px);width:220px;height:220px}}@media (width<=480px){.shop-hero{padding:34px 16px 28px}.shop-title{font-size:26px}.hero-badge{padding:5px 13px;font-size:10px}.shards-display{padding:6px 16px;font-size:11px}.shop-tab-btn{gap:4px;padding:8px 10px;font-size:11px}.shop-tab-btn .tab-count{padding:1px 6px;font-size:9px}.shop-grid{gap:10px}.shop-item-preview{height:120px}.shop-item-name{font-size:12.5px}.shop-item-rarity{padding:1px 8px;font-size:10px}.shop-item-price{font-size:13px}.shop-buy-btn{padding:9px;font-size:11.5px}.shop-item-badge{padding:2px 10px;font-size:8px}.shop-item-timer-badge{gap:4px;padding:3px 10px;font-size:8px}.shop-item-timer-badge .timer-icon{font-size:10px}}.referral-page{opacity:0;isolation:isolate;max-width:760px;min-height:80vh;margin:0 auto;padding:20px 40px 60px;transition:all 1.1s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(40px)}.referral-page.visible{opacity:1;transform:translateY(0)}.bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-grid{z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.referral-page-header{text-align:center;margin-bottom:40px}.referral-badge{color:var(--accent-2);letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 20px;font-size:12px;font-weight:700;display:inline-flex}.badge-dot{background:var(--accent-3);width:7px;height:7px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:1.8s ease-in-out infinite pulseDot}.referral-page-header h1{color:#fff;letter-spacing:-1px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:36px;font-weight:900}.referral-page-header p{color:var(--text-secondary);font-size:16px}.referral-page-header p strong{color:gold;-webkit-text-fill-color:gold}.referral-error{color:#ff8080;text-align:center;background:#ff5a5a1a;border:1px solid #ff5a5a40;border-radius:14px;margin-bottom:20px;padding:13px 20px;font-size:14px;font-weight:600}.referral-page-content{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:28px;padding:36px;position:relative;overflow:hidden}.aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.45;border-radius:50%;position:absolute}.aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:380px;height:380px;animation:16s ease-in-out infinite auroraDrift1;top:-180px;left:-100px}.aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:320px;height:320px;animation:20s ease-in-out infinite auroraDrift2;bottom:-150px;right:-100px}.referral-code-section,.share-section,.referral-stats,.how-it-works,.recent-referrals{z-index:1;margin-bottom:32px;position:relative}.referral-code-section label,.share-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.referral-code-box{background:var(--glass);border:1px dashed var(--border-accent);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.referral-code{letter-spacing:2px;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:900}.copy-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;padding:10px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 25px #6c63ff47}.copy-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #6c63ff66}.share-buttons{flex-wrap:wrap;gap:14px;display:flex}.share-btn{border:1px solid var(--border-soft);cursor:pointer;color:#fff;background:#ffffff0d;border-radius:14px;flex:1;min-width:160px;padding:14px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.share-btn:hover{background:#ffffff17;border-color:#ffffff2e;transform:translateY(-3px)}.share-btn.whatsapp{color:#25d366;background:#25d3661a;border-color:#25d36640}.share-btn.whatsapp:hover{background:#25d3662e;box-shadow:0 14px 40px #25d3662e}.share-btn.copy-link{color:var(--accent-3);background:#00d9c01a;border-color:#00d9c040}.share-btn.copy-link:hover{background:#00d9c02e;box-shadow:0 14px 40px #00d9c02e}.referral-stats h3,.how-it-works h3,.recent-referrals h3{color:#fff;margin-bottom:18px;font-size:18px;font-weight:800}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-card{background:var(--glass);border:1px solid var(--border-soft);text-align:center;border-radius:16px;padding:18px;transition:all .35s cubic-bezier(.22,1,.36,1)}.stat-card:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-4px)}.stat-value{color:#fff;margin-bottom:4px;font-size:24px;font-weight:900;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.steps{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.step{background:var(--glass);border:1px solid var(--border-soft);border-radius:14px;align-items:center;gap:16px;padding:14px 18px;transition:all .3s;display:flex}.step:hover{border-color:var(--border-accent);background:var(--glass-hover)}.step-number{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.step-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.step-text strong{color:gold}.total-reward{text-align:center;color:var(--text-secondary);background:#ffd7000f;border:1px solid #ffd70033;border-radius:14px;padding:16px;font-size:14px}.total-reward strong{color:gold}.referral-list{flex-direction:column;gap:8px;display:flex}.referral-item{background:var(--glass);border:1px solid var(--border-soft);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .3s;display:flex}.referral-item:hover{border-color:var(--border-accent)}.ref-username{color:#fff;font-size:14px;font-weight:600}.ref-status{font-size:13px;font-weight:600}.ref-status.completed{color:var(--accent-3)}.ref-status.registered{color:var(--accent-2)}.ref-status.pending{color:#ffd93d}.loading-container{min-height:300px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}@media (width<=768px){.referral-page{padding:12px 16px 40px}.referral-page-header h1{font-size:26px}.referral-page-content{border-radius:22px;padding:22px}.referral-code-box{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.referral-code{font-size:22px}.share-buttons{flex-direction:column}.share-btn{min-width:100%}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px}.stat-value{font-size:18px}.stat-label{font-size:10px}.step{gap:12px;padding:12px 14px}.step-text{font-size:13px}}@media (width<=480px){.referral-page-header h1{font-size:21px}.referral-code{letter-spacing:1px;font-size:18px}.stats-grid{grid-template-columns:1fr 1fr 1fr}.stat-value{font-size:15px}.referral-item{flex-direction:column;align-items:flex-start;gap:6px}}.card-modal-overlay{animation:.3s modalFadeIn;-webkit-backdrop-filter:blur(26px)saturate(170%)!important;z-index:999999!important;pointer-events:auto!important;box-sizing:border-box!important;background:#04040ad1!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:auto!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.card-modal{animation:.4s cubic-bezier(.25,.46,.45,.94) modalSlideUp;border:1px solid var(--border-soft)!important;pointer-events:auto!important;box-sizing:border-box!important;isolation:isolate!important;background:linear-gradient(165deg,#0c0c1af7,#121228fa)!important;border-radius:28px!important;flex-shrink:0!important;width:100%!important;max-width:500px!important;max-height:85vh!important;margin:auto!important;padding:2rem!important;position:relative!important;overflow-y:auto!important;box-shadow:0 40px 100px #0009,0 0 70px #6c63ff12!important}.card-modal:before{content:""!important;pointer-events:none!important;z-index:0!important;background:radial-gradient(circle,#6c63ff14,#0000 70%)!important;width:70%!important;height:100%!important;position:absolute!important;top:-40%!important;right:-30%!important}.card-modal::-webkit-scrollbar{width:4px}.card-modal::-webkit-scrollbar-track{background:0 0}.card-modal::-webkit-scrollbar-thumb{background:#6c63ff59;border-radius:10px}.modal-close{z-index:10!important;background:var(--glass)!important;border:1px solid var(--border-soft)!important;width:38px!important;height:38px!important;color:var(--text-muted)!important;cursor:pointer!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;font-size:1.2rem!important;transition:all .25s!important;display:flex!important;position:absolute!important;top:14px!important;right:16px!important}.modal-close:hover{color:#ff6b6b!important;background:#ff6b6b1a!important;border-color:#ff6b6b40!important;transform:rotate(90deg)!important}.modal-card-image{z-index:1!important;aspect-ratio:1!important;background:var(--glass)!important;border:2px solid #6c63ff1f!important;border-radius:18px!important;width:100%!important;max-height:280px!important;margin-bottom:1.5rem!important;position:relative!important;overflow:hidden!important}.modal-card-img{object-fit:cover!important;width:100%!important;height:100%!important}.modal-card-placeholder{color:#ffffff12!important;background:linear-gradient(135deg,#14142a,#1e1e3f)!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;font-size:5rem!important;font-weight:800!important;display:flex!important}.modal-card-badges{pointer-events:none!important;justify-content:space-between!important;display:flex!important;position:absolute!important;top:12px!important;left:12px!important;right:12px!important}.modal-element-badge{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid var(--border-soft)!important;background:#06070aa6!important;border-radius:12px!important;padding:6px 12px!important;font-size:1.2rem!important}.modal-level-badge{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:gold!important;background:#06070abf!important;border:1px solid #ffd70026!important;border-radius:12px!important;padding:6px 14px!important;font-size:.85rem!important;font-weight:700!important}.modal-card-info{z-index:1!important;text-align:center!important;margin-bottom:1.5rem!important;position:relative!important}.modal-card-name{color:#fff!important;letter-spacing:-.5px!important;margin-bottom:3px!important;font-size:1.8rem!important;font-weight:800!important}.modal-card-rarity{margin-bottom:6px!important;font-size:.95rem!important;font-weight:700!important}.modal-card-element{color:var(--text-muted)!important;font-size:.9rem!important}.element-label{margin-right:6px!important}.element-value{color:var(--text-secondary)!important;font-weight:500!important}.modal-stats{z-index:1!important;background:var(--glass)!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;grid-template-columns:repeat(4,1fr)!important;gap:.8rem!important;margin-bottom:1.5rem!important;padding:1.1rem!important;display:grid!important;position:relative!important}.modal-stat{text-align:center!important}.modal-stat .stat-label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:3px!important;font-size:.65rem!important;font-weight:600!important;display:block!important}.modal-stat .stat-value{color:#fff!important;font-size:1.1rem!important;font-weight:800!important;display:block!important}.modal-stat .stat-value.gems{color:gold!important}.modal-progress{z-index:1!important;background:var(--glass)!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;margin-bottom:1.5rem!important;padding:.9rem 1.1rem!important;position:relative!important}.progress-label{color:var(--text-muted)!important;justify-content:space-between!important;margin-bottom:6px!important;font-size:.8rem!important;font-weight:500!important;display:flex!important}.progress-bar{background:#ffffff0d!important;border-radius:4px!important;width:100%!important;height:6px!important;overflow:hidden!important}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-3))!important;border-radius:4px!important;height:100%!important;transition:width .5s cubic-bezier(.22,1,.36,1)!important;box-shadow:0 0 12px #6c63ff73!important}.modal-upgrade{z-index:1!important;background:var(--glass)!important;border:1px solid var(--border-soft)!important;border-radius:14px!important;margin-bottom:1rem!important;padding:1.3rem!important;position:relative!important}.upgrade-info{grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin-bottom:1.2rem!important;display:grid!important;position:relative!important}.upgrade-detail{text-align:center!important;padding:.6rem .4rem!important;position:relative!important}.upgrade-detail:not(:last-child):after{content:""!important;background:var(--border-soft)!important;width:1px!important;position:absolute!important;top:15%!important;bottom:15%!important;right:0!important}.upgrade-icon{opacity:.85!important;margin-bottom:4px!important;font-size:1.1rem!important}.upgrade-label{color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.6px!important;margin-bottom:4px!important;font-size:.62rem!important;font-weight:700!important;display:block!important}.upgrade-value{color:#fff!important;letter-spacing:-.5px!important;font-size:1.35rem!important;font-weight:800!important;display:block!important}.upgrade-value.power{color:var(--accent-2)!important}.upgrade-value.affordable{color:var(--accent-3)!important;text-shadow:0 0 16px #00d9c059!important}.upgrade-value.expensive{color:#ff6b6b!important}.upgrade-btn{letter-spacing:-.2px!important;cursor:pointer!important;border:none!important;border-radius:14px!important;width:100%!important;padding:1rem!important;font-size:1rem!important;font-weight:800!important;transition:all .35s cubic-bezier(.22,1,.36,1)!important;position:relative!important;overflow:hidden!important}.upgrade-btn.active{background:linear-gradient(135deg, var(--accent), #5a52d5)!important;color:#fff!important;box-shadow:0 10px 30px #6c63ff59!important}.upgrade-btn.active:after{content:""!important;background:linear-gradient(90deg,#0000,#ffffff2e,#0000)!important;width:100%!important;height:100%!important;transition:left .6s!important;position:absolute!important;top:0!important;left:-120%!important}.upgrade-btn.active:hover:after{left:120%!important}.upgrade-btn.active:hover{transform:translateY(-3px)!important;box-shadow:0 16px 44px #6c63ff80!important}.upgrade-btn.disabled{color:var(--text-muted)!important;border:1px solid var(--border-soft)!important;cursor:not-allowed!important;background:#ffffff08!important}.upgrade-btn:disabled{opacity:.6!important}.upgrade-hint{text-align:center!important;color:#ff9494!important;margin-top:.7rem!important;font-size:.82rem!important;font-weight:500!important}.upgrade-error{text-align:center!important;color:#ff9494!important;margin-top:.6rem!important;font-size:.85rem!important}.upgrade-success{text-align:center!important;color:var(--accent-3)!important;margin-top:.6rem!important;font-size:.85rem!important}.modal-max-level{z-index:1!important;text-align:center!important;background:#ffd7000d!important;border:1px solid #ffd70026!important;border-radius:14px!important;margin-bottom:1rem!important;padding:1.6rem!important;position:relative!important}.max-level-icon{filter:drop-shadow(0 0 20px #ffd70066)!important;margin-bottom:.5rem!important;font-size:3rem!important}.modal-max-level h3{color:gold!important;margin-bottom:.3rem!important;font-size:1.3rem!important;font-weight:800!important}.modal-max-level p{color:var(--text-muted)!important;font-size:.9rem!important}.modal-max-level .max-power{color:gold!important;margin-top:.6rem!important;font-size:1.2rem!important;font-weight:800!important}.modal-footer{z-index:1!important;justify-content:center!important;margin-top:.5rem!important;display:flex!important;position:relative!important}.modal-close-btn{background:var(--glass)!important;border:1px solid var(--border-soft)!important;color:var(--text-secondary)!important;cursor:pointer!important;border-radius:12px!important;padding:.75rem 2.6rem!important;font-size:.95rem!important;font-weight:500!important;transition:all .25s!important}.modal-close-btn:hover{background:var(--glass-hover)!important;border-color:var(--border-accent)!important;color:#fff!important}@media (width<=768px){.card-modal-overlay{padding:16px!important}.card-modal{border-radius:24px!important;max-width:460px!important;max-height:80vh!important;padding:1.5rem!important}.modal-card-image{max-height:220px!important}.modal-card-name{font-size:1.6rem!important}}@media (width<=600px){.card-modal-overlay{padding:12px!important}.card-modal{border-radius:20px!important;max-width:100%!important;max-height:80vh!important;padding:1.2rem!important}.modal-card-image{max-height:200px!important}.modal-card-name{font-size:1.4rem!important}.modal-stats{grid-template-columns:repeat(2,1fr)!important}}@media (width<=400px){.card-modal-overlay{padding:8px!important}.card-modal{border-radius:16px!important;max-height:75vh!important;padding:1rem!important}.modal-card-image{max-height:160px!important}.modal-card-name{font-size:1.2rem!important}}body.modal-open{width:100%!important;height:100%!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}.collection-container{isolation:isolate;max-width:1400px;min-height:100vh;margin:0 auto;padding:40px 40px 60px;position:relative;overflow:hidden}.collection-bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.collection-bg-grid{z-index:-3;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 50% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 50% at 50% 0,#000 20%,#0000 75%)}.collection-aurora{filter:blur(100px);z-index:-1;pointer-events:none;opacity:.35;border-radius:50%;position:fixed}.collection-aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:480px;height:480px;animation:18s ease-in-out infinite collAuroraDrift1;top:-180px;left:-160px}.collection-aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite collAuroraDrift2;top:30%;right:-160px}@keyframes collAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.1)}}@keyframes collAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,30px)scale(1.08)}}body.modal-open{width:100%;height:100%;position:fixed;overflow:hidden!important}.collection-header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);background:linear-gradient(#ffffff09,#ffffff02);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:2rem 2.5rem;animation:.7s cubic-bezier(.16,1,.3,1) collFadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}@keyframes collFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.collection-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff0f,#0000 70%);width:60%;height:200%;position:absolute;top:-60%;right:-20%}.collection-header-title{z-index:1;position:relative}.collection-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 18px;font-size:11px;font-weight:700;display:inline-flex}.collection-badge .badge-dot{background:var(--accent-3);width:6px;height:6px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:1.8s ease-in-out infinite collPulseDot}@keyframes collPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.collection-header h1{letter-spacing:-1px;background:linear-gradient(120deg, #fff 0%, var(--accent-2) 40%, var(--accent) 70%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.1rem;font-weight:900;animation:6s linear infinite collShimmer}@keyframes collShimmer{0%{background-position:0%}to{background-position:250%}}.collection-stats{z-index:1;gap:1rem;display:flex;position:relative}.stat-item{text-align:center;background:var(--glass);border:1px solid var(--border-soft);border-radius:14px;min-width:90px;padding:12px 20px;transition:all .35s cubic-bezier(.22,1,.36,1)}.stat-item:hover{border-color:var(--border-accent);background:var(--glass-hover);transform:translateY(-3px)}.stat-item .stat-value{color:gold;letter-spacing:-.5px;font-size:1.4rem;font-weight:800;display:block}.stat-item .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.68rem;font-weight:600;display:block}.stat-item.gems .stat-value{color:var(--accent-2)}.collection-alert{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;margin-bottom:1rem;padding:1rem 1.5rem;font-weight:500;animation:.4s collFadeInUp;position:relative}.collection-alert.error{color:#ff9494;background:#ff6b6b14;border:1px solid #ff6b6b33}.collection-alert.success{color:var(--accent-3);background:#00d9c014;border:1px solid #00d9c038}.collection-controls{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex;position:relative}.search-box{flex:1;min-width:220px;max-width:420px}.search-input{background:var(--glass);border:1px solid var(--border-soft);color:#fff;border-radius:14px;width:100%;padding:.85rem 1.3rem;font-size:.95rem;transition:all .3s}.search-input:focus{border-color:var(--accent);background:var(--glass-hover);outline:none;box-shadow:0 0 0 4px #6c63ff1f}.search-input::placeholder{color:var(--text-muted)}.filter-group{gap:.8rem;display:flex}.filter-select{background:var(--glass);border:1px solid var(--border-soft);color:var(--text-secondary);cursor:pointer;appearance:none;border-radius:14px;padding:.85rem 1.3rem;font-size:.9rem;font-weight:500;transition:all .3s}.filter-select:hover{border-color:var(--border-accent);background:var(--glass-hover)}.filter-select:focus{border-color:var(--accent);outline:none}.filter-select option{color:#fff;background:#12121f}.collection-empty{z-index:1;text-align:center;background:var(--glass);border:1px dashed var(--border-soft);border-radius:24px;padding:5rem 2rem;position:relative}.collection-empty .empty-icon{filter:drop-shadow(0 0 20px #6c63ff4d);margin-bottom:1rem;font-size:4rem}.collection-empty h3{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.collection-empty p{color:var(--text-muted);font-size:1rem}.collection-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid;position:relative}.collection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);cursor:pointer;background:linear-gradient(#ffffff08,#ffffff02);border-radius:20px;transition:all .45s cubic-bezier(.22,1,.36,1);animation:.5s cubic-bezier(.16,1,.3,1) backwards collFadeInUp;position:relative;overflow:hidden}.collection-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#0000,#0000);border-radius:20px;padding:1px;transition:background .45s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.collection-card:hover:before{background:linear-gradient(135deg, var(--accent), var(--accent-3))}.collection-card:hover{transform:translateY(-10px);box-shadow:0 24px 60px #00000073}.collection-card:hover .card-image{transform:scale(1.08)}.card-image-container{aspect-ratio:1;background:var(--glass);width:100%;position:relative;overflow:hidden}.card-image-container:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#06070a8c 100%);position:absolute;inset:0}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.card-placeholder{color:#ffffff12;background:linear-gradient(135deg,#14142a,#1e1e3f);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:800;display:flex}.card-level-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:gold;background:#06070ab8;border:1px solid #ffd70026;border-radius:12px;padding:3px 11px;font-size:.7rem;font-weight:700;position:absolute;top:10px;right:10px}.card-element-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-soft);background:#06070a99;border-radius:10px;padding:5px 9px;font-size:1rem;position:absolute;top:10px;left:10px}.card-details{z-index:1;padding:1.1rem;position:relative}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;margin-bottom:3px;font-size:1rem;font-weight:700;overflow:hidden}.card-rarity{letter-spacing:.2px;margin-bottom:10px;font-size:.75rem;font-weight:600}.card-stats{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.card-power{color:gold;font-size:1.1rem;font-weight:800}.card-level-text{color:var(--text-muted);font-size:.72rem;font-weight:500}.card-progress-bar{background:#ffffff0d;border-radius:6px;width:100%;height:5px;overflow:hidden}.card-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-3));border-radius:6px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 10px #6c63ff66}.collection-footer{z-index:1;background:var(--glass);border:1px solid var(--border-soft);color:var(--text-muted);border-radius:16px;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;font-size:.85rem;display:flex;position:relative}.collection-loading{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative}.collection-loading .loader{border:3px solid #6c63ff1f;border-top:3px solid var(--accent);border-radius:50%;width:52px;height:52px;animation:.9s linear infinite collSpin}.collection-loading p{color:var(--text-muted);margin-top:1.2rem;font-size:.95rem}@keyframes collSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.collection-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.collection-aurora-1,.collection-aurora-2{width:300px;height:300px}}@media (width<=768px){.collection-container{padding:20px 16px 40px}.collection-header{border-radius:20px;flex-direction:column;align-items:stretch;padding:1.5rem}.collection-header h1{text-align:center;font-size:1.5rem}.collection-badge{align-self:center}.collection-stats{justify-content:space-around;gap:.6rem}.stat-item{flex:1;min-width:0;padding:10px 12px}.stat-item .stat-value{font-size:1.15rem}.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}.stat-item .stat-value{font-size:1rem}.card-details{padding:.7rem}.card-name{font-size:.75rem}.card-rarity{font-size:.65rem}.card-power{font-size:.8rem}.card-level-text{font-size:.65rem}}:root{--bg-deep:#06070a;--accent:#6c63ff;--accent-2:#a89bff;--accent-3:#00d9c0;--glass:#ffffff06;--glass-hover:#ffffff0b;--border-soft:#ffffff0f;--border-accent:#6c63ff59;--text-primary:#fff;--text-secondary:#ffffff9e;--text-muted:#ffffff59}.legal-page{opacity:0;isolation:isolate;max-width:900px;margin:0 auto;padding:20px 40px 80px;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(60px)}.legal-page.visible{opacity:1;transform:translateY(0)}.legal-bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.legal-bg-grid{z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.legal-hero{text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-soft);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:32px;margin-bottom:50px;padding:80px 40px 64px;position:relative;overflow:hidden}.legal-hero .aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.legal-hero .aurora-1{background:radial-gradient(circle,#6c63ff80,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite legalAurora1;top:-180px;left:-100px}.legal-hero .aurora-2{background:radial-gradient(circle,#00d9c059,#0000 70%);width:360px;height:360px;animation:20s ease-in-out infinite legalAurora2;top:-120px;right:-100px}@keyframes legalAurora1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.15)}}@keyframes legalAurora2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-40px,25px)scale(1.1)}}.legal-hero-content{z-index:1;position:relative}.legal-badge{color:#c3baff;letter-spacing:.6px;text-transform:uppercase;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:9px 22px;font-size:12.5px;font-weight:700;display:inline-flex}.legal-badge-dot{background:var(--accent-3);width:7px;height:7px;box-shadow:0 0 10px var(--accent-3);border-radius:50%;animation:1.8s ease-in-out infinite legalPulseDot}@keyframes legalPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.legal-title{letter-spacing:-2px;margin-bottom:14px;font-size:52px;font-weight:900;line-height:1.05}.legal-title-gradient{background:linear-gradient(120deg, #fff 0%, var(--accent-2) 35%, var(--accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite legalShimmer}@keyframes legalShimmer{0%{background-position:0%}to{background-position:250%}}.legal-date{color:var(--text-muted);letter-spacing:.3px;font-size:13.5px;font-weight:600}.legal-sections{flex-direction:column;gap:18px;display:flex}.legal-section{background:var(--glass);border:1px solid var(--border-soft);border-radius:20px;padding:30px 32px;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.legal-section:before{content:"";background:linear-gradient(180deg, var(--accent), var(--accent-3));opacity:.25;width:3px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.legal-section:hover{background:var(--glass-hover);border-color:var(--border-accent);transform:translateY(-4px);box-shadow:0 16px 45px #0000004d}.legal-section:hover:before{opacity:1}.legal-section-number{color:var(--accent-2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.legal-section h2{color:#fff;letter-spacing:-.3px;margin-bottom:12px;font-size:19px;font-weight:700}.legal-section p{color:var(--text-secondary);font-size:15px;line-height:1.85}.legal-section ul{margin:.6rem 0 0;padding-left:1.3rem}.legal-section ul li{color:var(--text-secondary);margin-bottom:.4rem;font-size:15px;line-height:1.8}.legal-section ul li::marker{color:var(--accent)}.legal-section strong{color:#fff;font-weight:700}.legal-section a{color:var(--accent-2);border-bottom:1px solid #a89bff4d;font-weight:600;text-decoration:none;transition:color .3s}.legal-section a:hover{color:#fff;border-bottom-color:#fff}.contact-grid{grid-template-columns:1fr 1.5fr;gap:20px;display:grid}.contact-info-card{background:var(--glass);border:1px solid var(--border-soft);border-radius:20px;padding:30px 28px;transition:all .4s cubic-bezier(.22,1,.36,1)}.contact-info-card:hover{background:var(--glass-hover);border-color:var(--border-accent)}.contact-info-card h3{color:#fff;margin-bottom:18px;font-size:17px;font-weight:700}.contact-info-row{color:var(--text-secondary);margin-bottom:14px;font-size:14.5px;line-height:1.6}.contact-info-row strong{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.contact-info-row a{color:var(--accent-2);font-weight:600;text-decoration:none}.contact-info-row a:hover{color:#fff}.contact-form-card{background:var(--glass);border:1px solid var(--border-soft);border-radius:20px;flex-direction:column;gap:14px;padding:30px 32px;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex}.contact-form-card:hover{border-color:var(--border-accent)}.contact-form-card input,.contact-form-card textarea{border:1px solid var(--border-soft);color:#fff;background:#ffffff08;border-radius:14px;padding:14px 18px;font-family:Inter,sans-serif;font-size:14.5px;transition:all .3s}.contact-form-card input:focus,.contact-form-card textarea:focus{border-color:var(--border-accent);background:#ffffff0d;outline:none;box-shadow:0 0 20px #6c63ff14}.contact-form-card input::placeholder,.contact-form-card textarea::placeholder{color:var(--text-muted)}.contact-form-card textarea{resize:vertical;min-height:120px}.contact-submit-btn{background:linear-gradient(135deg, var(--accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:15px 34px;font-family:Inter,sans-serif;font-size:15.5px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 8px 30px #6c63ff4d}.contact-submit-btn:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 14px 45px #6c63ff73}.contact-submit-btn:active{transform:scale(.97)}.contact-status{color:var(--accent-3);text-align:center;margin-top:4px;font-size:13.5px;font-weight:600}@media (width<=768px){.legal-page{padding:12px 16px 60px}.legal-hero{border-radius:22px;padding:44px 20px 36px}.legal-title{letter-spacing:-1px;font-size:30px}.legal-section{border-radius:16px;padding:22px 20px}.legal-section h2{font-size:16px}.legal-section p,.legal-section ul li{font-size:13.5px}.contact-grid{grid-template-columns:1fr}.contact-info-card,.contact-form-card{padding:22px 20px}}@media (width<=480px){.legal-title{font-size:24px}.legal-badge{padding:6px 14px;font-size:10px}.legal-section{padding:18px 16px}}:root{--cc-accent:#6c63ff;--cc-accent-2:#a89bff;--cc-accent-3:#00d9c0;--cc-glass:#ffffff06;--cc-glass-hover:#ffffff0b;--cc-border-soft:#ffffff0f;--cc-border-accent:#6c63ff59;--cc-text-primary:#fff;--cc-text-secondary:#ffffff9e;--cc-text-muted:#ffffff59}.clan-chat{background:var(--cc-glass);border:1px solid var(--cc-border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;flex-direction:column;height:100%;min-height:500px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--cc-border-soft);background:#6c63ff0f;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.chat-header h3{color:#fff;letter-spacing:-.4px;margin:0;font-size:17px;font-weight:800}.member-badge{color:var(--cc-accent-2);background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:50px;padding:5px 16px;font-size:12.5px;font-weight:700}.chat-messages{flex:1;max-height:400px;padding:18px 22px;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff08}.chat-messages::-webkit-scrollbar-thumb{background:var(--cc-accent);border-radius:10px}.chat-error{color:#fca5a5;background:#f43f5e14;border:1px solid #f43f5e38;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 16px;font-size:13px;display:flex}.message-item{border:1px solid var(--cc-border-soft);background:#ffffff05;border-left:2px solid #6c63ff66;border-radius:12px;margin-bottom:14px;padding:12px 16px;transition:all .35s cubic-bezier(.22,1,.36,1);animation:.4s cubic-bezier(.16,1,.3,1) ccSlideIn}.message-item:hover{background:var(--cc-glass-hover)}.message-item.donation{background:#ff8fc70a;border-left-color:#ff8fc7}.message-item.request{border-left-color:var(--cc-accent-3);background:#00d9c00a}.message-item.system{background:#ffd66b0a;border-left-color:#ffd66b}@keyframes ccSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.message-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.message-icon{font-size:15px}.message-username{color:var(--cc-accent-2);font-size:13.5px;font-weight:700}.message-time{color:var(--cc-text-muted);margin-left:auto;font-size:11px}.message-content{color:var(--cc-text-secondary);word-wrap:break-word;font-size:14px;line-height:1.5}.message-diamond{color:var(--cc-accent-3);margin-top:6px;font-size:12.5px;font-weight:700}.empty-chat{text-align:center;color:var(--cc-text-muted);padding:60px 20px;font-size:14px}.chat-input-form{border-top:1px solid var(--cc-border-soft);background:#ffffff04;gap:10px;padding:16px 22px;display:flex}.chat-input-form input{border:1px solid var(--cc-border-soft);color:#fff;background:#ffffff08;border-radius:12px;flex:1;padding:12px 16px;font-size:14px;transition:all .3s}.chat-input-form input::placeholder{color:var(--cc-text-muted)}.chat-input-form input:focus{border-color:var(--cc-border-accent);background:#ffffff0b;outline:none}.chat-input-form input:disabled{opacity:.5;cursor:not-allowed}.chat-input-form button{background:linear-gradient(135deg, var(--cc-accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 6px 20px #6c63ff40}.chat-input-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6c63ff66}.chat-input-form button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.clan-chat-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex}.clan-chat-loading p{color:var(--cc-text-muted);font-size:13.5px}@keyframes ccSpin{to{transform:rotate(360deg)}}@media (width<=768px){.chat-header{padding:14px 16px}.chat-header h3{font-size:15px}.chat-messages{padding:14px 16px}.chat-input-form{padding:12px 16px}.chat-input-form button{padding:12px 18px}}:root{--cme-accent:#6c63ff;--cme-accent-2:#a89bff;--cme-accent-3:#00d9c0;--cme-glass:#ffffff06;--cme-glass-hover:#ffffff0b;--cme-border-soft:#ffffff0f;--cme-border-accent:#6c63ff59;--cme-text-secondary:#ffffff9e;--cme-text-muted:#ffffff59;--cme-danger:#f43f5e}.clan-members{flex-direction:column;height:100%;min-height:500px;display:flex}.members-header{border-bottom:1px solid var(--cme-border-soft);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.members-header h3{color:#fff;letter-spacing:-.4px;margin:0;font-size:17px;font-weight:800}.member-count{color:var(--cme-accent-2);background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:50px;padding:5px 16px;font-size:12.5px;font-weight:700}.members-list{flex:1;max-height:400px;padding:18px 22px;overflow-y:auto}.members-list::-webkit-scrollbar{width:6px}.members-list::-webkit-scrollbar-track{background:#ffffff08}.members-list::-webkit-scrollbar-thumb{background:var(--cme-accent);border-radius:10px}.member-item{background:var(--cme-glass);border:1px solid var(--cme-border-soft);border-radius:14px;margin-bottom:10px;padding:14px 18px;transition:all .35s cubic-bezier(.22,1,.36,1)}.member-item:hover{background:var(--cme-glass-hover);border-color:var(--cme-border-accent);transform:translate(5px)}.member-info{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.member-username{color:#fff;font-size:14.5px;font-weight:700}.member-role{color:var(--cme-text-secondary);border:1px solid var(--cme-border-soft);white-space:nowrap;background:#ffffff0d;border-radius:50px;padding:3px 12px;font-size:11.5px}.member-stats{gap:16px;font-size:12px;display:flex}.donation-stats{color:#ff8fc7}.request-stats{color:var(--cme-accent-3)}.members-actions{border-top:1px solid var(--cme-border-soft);padding:18px 22px}.leave-clan-btn{color:#fca5a5;cursor:pointer;background:#f43f5e14;border:1px solid #f43f5e40;border-radius:12px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.leave-clan-btn:hover{background:#f43f5e26;transform:translateY(-2px);box-shadow:0 8px 24px #f43f5e2e}.leave-confirm-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#06070abf;justify-content:center;align-items:center;padding:20px;animation:.35s cubic-bezier(.16,1,.3,1) cmeFadeIn;display:flex;position:fixed;inset:0}.leave-confirm-modal{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #f43f5e33;border-radius:24px;width:100%;max-width:400px;padding:34px;box-shadow:0 24px 70px #0000008c}.leave-confirm-modal h4{color:#fca5a5;letter-spacing:-.4px;margin-bottom:14px;font-size:22px;font-weight:800}.leave-confirm-modal p{color:var(--cme-text-secondary);margin-bottom:10px;font-size:14.5px;line-height:1.5}.warning-text{font-size:13.5px;font-weight:600;color:#ffd66b!important}.confirm-buttons{gap:10px;margin-top:22px;display:flex}.confirm-buttons button{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.cancel-btn{border:1px solid var(--cme-border-soft);color:#fff;background:#ffffff0f}.cancel-btn:hover:not(:disabled){background:#ffffff1a}.confirm-leave-btn{color:#fff;background:linear-gradient(135deg,#f43f5e,#dc2645)}.confirm-leave-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #f43f5e59}.confirm-buttons button:disabled{opacity:.5;cursor:not-allowed}.clan-members-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;display:flex}.clan-members-loading p{color:var(--cme-text-muted);font-size:13.5px}.loader{border:3px solid #6c63ff1f;border-top-color:var(--cme-accent);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite cmeSpin}@keyframes cmeSpin{to{transform:rotate(360deg)}}@keyframes cmeFadeIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.members-header,.members-list,.members-actions{padding:14px 16px}.leave-confirm-modal{border-radius:20px;padding:26px 22px}.leave-confirm-modal h4{font-size:19px}.confirm-buttons{flex-direction:column}}:root{--dm-accent:#6c63ff;--dm-accent-2:#a89bff;--dm-accent-3:#00d9c0;--dm-glass:#ffffff06;--dm-glass-hover:#ffffff0b;--dm-border-soft:#ffffff0f;--dm-border-accent:#6c63ff59;--dm-text-secondary:#ffffff9e;--dm-text-muted:#ffffff59}.donate-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#06070abf;justify-content:center;align-items:center;padding:20px;animation:.35s cubic-bezier(.16,1,.3,1) dmFadeIn;display:flex;position:fixed;inset:0}.donate-modal{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border:1px solid var(--dm-border-soft);isolation:isolate;background:linear-gradient(#ffffff0a,#ffffff03);border-radius:26px;width:100%;max-width:450px;padding:36px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000008c}.donate-modal-aurora{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(#00d9c033,#0000 70%);width:380px;height:260px;position:absolute;top:-140px;left:50%;transform:translate(-50%)}.donate-modal-close{border:1px solid var(--dm-border-soft);color:#fff;cursor:pointer;z-index:2;background:#ffffff0f;border-radius:10px;width:32px;height:32px;font-size:15px;transition:all .35s cubic-bezier(.22,1,.36,1);position:absolute;top:18px;right:20px}.donate-modal-close:hover{border-color:var(--dm-border-accent);color:var(--dm-accent-2);background:#6c63ff26;transform:rotate(90deg)}.donate-modal h3{z-index:1;color:#fff;text-align:center;letter-spacing:-.5px;margin-bottom:26px;font-size:23px;font-weight:800;position:relative}.donate-modal .form-group{z-index:1;margin-bottom:20px;position:relative}.donate-modal .form-group label{color:var(--dm-text-secondary);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.donate-modal .form-group select,.donate-modal .form-group input{border:1px solid var(--dm-border-soft);color:#fff;background:#ffffff08;border-radius:12px;width:100%;padding:13px 16px;font-family:inherit;font-size:15px;transition:all .3s}.donate-modal .form-group select:focus,.donate-modal .form-group input:focus{border-color:var(--dm-border-accent);background:#ffffff0d;outline:none}.donate-modal .form-group select option{color:#fff;background:#0d0e14}.donate-btn{z-index:1;background:linear-gradient(135deg, var(--dm-accent-3), #00a891);color:#06070a;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:8px;padding:15px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);position:relative;box-shadow:0 8px 30px #00d9c040}.donate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 42px #00d9c061}.donate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.error-message{z-index:1;color:#fca5a5;text-align:center;background:#f43f5e14;border:1px solid #f43f5e38;border-radius:12px;margin-bottom:16px;padding:12px;font-size:13.5px;position:relative}@keyframes dmFadeIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.donate-modal{border-radius:20px;padding:26px 22px}.donate-modal h3{font-size:19px}.donate-modal .form-group select,.donate-modal .form-group input{padding:12px 14px;font-size:14px}.donate-btn{padding:13px;font-size:15px}}:root{--cp-bg-deep:#06070a;--cp-accent:#6c63ff;--cp-accent-2:#a89bff;--cp-accent-3:#00d9c0;--cp-glass:#ffffff06;--cp-glass-hover:#ffffff0b;--cp-border-soft:#ffffff0f;--cp-border-accent:#6c63ff59;--cp-text-primary:#fff;--cp-text-secondary:#ffffff9e;--cp-text-muted:#ffffff59}.clan-page{opacity:0;isolation:isolate;max-width:900px;min-height:100vh;margin:0 auto;padding:20px 40px 60px;transition:all 1.4s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(60px)}.clan-page.visible{opacity:1;transform:translateY(0)}.clan-bg-noise{z-index:-2;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.clan-bg-grid{z-index:-3;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 0,#000 20%,#0000 75%)}.clan-page-header{border:1px solid var(--cp-border-soft);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);isolation:isolate;background:linear-gradient(#ffffff08,#ffffff01);border-radius:28px;margin-bottom:24px;padding:36px 34px;position:relative;overflow:hidden}.clan-aurora{filter:blur(90px);z-index:0;pointer-events:none;opacity:.5;border-radius:50%;position:absolute}.clan-aurora-1{background:radial-gradient(circle,#6c63ff73,#0000 70%);width:300px;height:300px;animation:16s ease-in-out infinite clanAuroraDrift1;top:-140px;left:-80px}.clan-aurora-2{background:radial-gradient(circle,#00d9c04d,#0000 70%);width:260px;height:260px;animation:20s ease-in-out infinite clanAuroraDrift2;top:-100px;right:-80px}@keyframes clanAuroraDrift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,25px)scale(1.1)}}@keyframes clanAuroraDrift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-35px,20px)scale(1.08)}}.clan-info{z-index:1;position:relative}.clan-name-clickable{cursor:pointer;letter-spacing:-1px;color:var(--cp-text-primary);align-items:center;gap:10px;margin:0;font-size:32px;font-weight:900;transition:transform .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.clan-name-gradient{background:linear-gradient(120deg, #fff 0%, var(--cp-accent-2) 35%, var(--cp-accent) 65%, #fff 100%);-webkit-text-fill-color:transparent;background-size:250%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite clanShimmer}@keyframes clanShimmer{0%{background-position:0%}to{background-position:250%}}.clan-name-clickable:hover{transform:translate(4px)}.clan-description{color:var(--cp-text-secondary);margin:12px 0 18px;font-size:15px;line-height:1.6}.clan-stats{gap:12px;display:flex}.clan-stat-pill{color:var(--cp-accent-2);background:#6c63ff14;border:1px solid #6c63ff2e;border-radius:50px;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.clan-page-tabs{background:var(--cp-glass);border:1px solid var(--cp-border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;gap:8px;margin-bottom:20px;padding:8px;display:flex}.tab-btn{color:var(--cp-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;padding:13px;font-size:14px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1)}.tab-btn:hover{background:var(--cp-glass-hover);color:#fff}.tab-btn.active{color:var(--cp-accent-2);background:#6c63ff1f;box-shadow:0 0 24px #6c63ff1f}.donate-btn-header{background:#00d9c01a;border:1px solid #00d9c033;color:var(--cp-accent-3)!important}.donate-btn-header:hover{box-shadow:0 0 24px #00d9c026;background:#00d9c02e!important}.clan-page-content{background:var(--cp-glass);border:1px solid var(--cp-border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;min-height:500px;padding:24px}.clan-page-loading,.clan-page-error{background:var(--cp-bg-deep);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.error-container{background:var(--cp-glass);border:1px solid var(--cp-border-soft);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;width:100%;max-width:400px;padding:44px;position:relative}.error-icon{margin-bottom:20px;font-size:56px;display:block}.error-container h2{color:#fff;letter-spacing:-.5px;margin-bottom:12px;font-size:26px;font-weight:800}.error-container p{color:var(--cp-text-secondary);margin-bottom:26px;font-size:15px;line-height:1.6}.error-container button{background:linear-gradient(135deg, var(--cp-accent), #5a52d5);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:14px 40px;font-size:15px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 30px #6c63ff4d}.error-container button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 14px 45px #6c63ff73}.clan-page-loading p{color:var(--cp-text-muted);margin-top:16px;font-size:14px}.loader{border:3px solid #6c63ff1f;border-top-color:var(--cp-accent);border-radius:50%;width:44px;height:44px;margin:0 auto;animation:.8s linear infinite clanSpin}@keyframes clanSpin{to{transform:rotate(360deg)}}@media (width<=768px){.clan-page{padding:12px 16px 40px}.clan-page-header{border-radius:22px;padding:26px 22px}.clan-name-clickable{font-size:24px}.clan-page-tabs{flex-direction:column}.error-container{border-radius:22px;padding:28px}.error-icon{font-size:40px}.error-container h2{font-size:21px}.clan-aurora-1,.clan-aurora-2{filter:blur(60px);width:180px;height:180px}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{color:#fff;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga", "calt";background:#09090b;min-height:100vh;margin:0;padding:0;font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 20%,#7267ff14,#0000 35%),radial-gradient(circle at 85% 10%,#00d4ff08,#0000 30%),radial-gradient(circle at 50% 90%,#ffffff06,#0000 35%),linear-gradient(#09090b,#0b0b12);position:fixed;inset:0}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:88px 24px 24px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}@keyframes fadeScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6c63ff26}50%{box-shadow:0 0 40px #6c63ff40,0 0 80px #6c63ff1a}}.fade-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards fadeInUp}.fade-scale{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards fadeScale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:linear-gradient(#6c63ff,#8b7fff);border-radius:10px}h1{letter-spacing:-.055em;color:#fff;margin:0 0 .6rem;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1.02}h2{letter-spacing:-.04em;color:#fff;margin:0 0 .5rem;font-size:clamp(2rem,4vw,3rem);font-weight:750;line-height:1.08}h3{letter-spacing:-.025em;color:#fff;margin:0 0 .4rem;font-size:1.35rem;font-weight:650;line-height:1.25}p{color:#ffffffb8;font-size:1rem;line-height:1.8}.glow-text{background:linear-gradient(135deg,#6c63ff,#a89bff,#6c63ff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite shimmer}.btn{letter-spacing:.02em;cursor:pointer;isolation:isolate;border:1px solid #ffffff0f;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-family:Geist,sans-serif;font-size:.92rem;font-weight:650;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,background .25s,border-color .25s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn:hover:after{left:100%}.btn:hover{border-color:#ffffff1f;transform:translateY(-3px)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#7267ff,#5f54ff);box-shadow:0 12px 30px #7267ff47}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 20px 50px #7267ff61}.btn-secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff14}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.btn-success{color:#fff;background:linear-gradient(135deg,#00b894,#00a381);box-shadow:0 4px 20px #00b89433}.btn-success:hover{box-shadow:0 8px 40px #00b8944d}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff6b6b,#e74c3c)}.btn-gold{color:#1a1a2e;background:linear-gradient(135deg,gold,#f59e0b);box-shadow:0 4px 20px #ffd70033}.btn-gold:hover{box-shadow:0 8px 40px #ffd7004d}.btn-sm{border-radius:8px;padding:8px 16px;font-size:.8rem}.btn-lg{border-radius:12px;padding:16px 36px;font-size:1rem}.btn-block{width:100%}.form-group{margin-bottom:1.25rem}.form-group label{color:#ffffffb3;letter-spacing:.02em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-control{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;width:100%;padding:14px 16px;font-family:Geist,sans-serif;font-size:.95rem;transition:all .25s cubic-bezier(.22,1,.36,1)}.form-control:focus{background:#ffffff0d;border-color:#7267ff;outline:none;box-shadow:0 0 0 4px #7267ff1a}.form-control::placeholder{color:#fff3}textarea.form-control{resize:vertical;min-height:100px}select.form-control{appearance:none;cursor:pointer}.card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff07;border:1px solid #ffffff0f;border-radius:20px;padding:26px;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s}.card:hover{border-color:#7267ff38;transform:translateY(-6px);box-shadow:0 24px 70px #00000059,0 0 40px #7267ff14}@media (width<=768px){.main-content{padding:80px 16px 16px}h1{font-size:2rem}h2{font-size:1.5rem}.btn{padding:10px 20px;font-size:.85rem}.card{padding:18px}}@media (width<=480px){.main-content{padding:76px 12px 12px}h1{font-size:1.6rem}h2{font-size:1.2rem}.btn{padding:8px 16px;font-size:.8rem}.card{padding:14px}.form-control{padding:10px 14px;font-size:.85rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0}:root{--font-family:"Geist", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#09090b;--bg-secondary:#111115;--bg-tertiary:#18181d;--surface-1:#ffffff06;--surface-2:#ffffff0b;--surface-3:#fff1;--text-primary:#fff;--text-secondary:#ffffffbd;--text-muted:#ffffff75;--text-disabled:#ffffff3d;--accent:#7267ff;--accent-hover:#8d84ff;--accent-light:#7267ff1f;--success:#00c48c;--warning:#ffb547;--danger:#ff5d73;--border:#ffffff12;--border-hover:#ffffff21;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 6px 20px #0000002e;--shadow-md:0 12px 32px #0000003d;--shadow-lg:0 20px 60px #00000052;--shadow-accent:0 0 40px #7267ff29;--transition-fast:.18s ease;--transition:.28s cubic-bezier(.22,1,.36,1);--transition-slow:.45s cubic-bezier(.22,1,.36,1)}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-secondary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern", "liga", "calt";min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.1}h1{letter-spacing:-.05em;font-size:clamp(3rem,6vw,5rem);font-weight:800}h2{letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.2rem);font-weight:750}h3{letter-spacing:-.02em;font-size:1.45rem;font-weight:650}h4{font-size:1.2rem;font-weight:650}p{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.8}small{color:var(--text-muted)}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:#fff}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{transition:var(--transition);background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}:focus-visible{outline-offset:2px;outline:2px solid #7267ffcc}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.accent{color:var(--accent)}.hidden{display:none!important}.no-select{-webkit-user-select:none;user-select:none}.pointer{cursor:pointer}@media (width<=1024px){html{font-size:15px}}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}