@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Bungee&family=Poppins:wght@600;700;800;900&family=Sigmar+One&display=swap";.toast-container[data-v-4859be52]{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:400px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item[data-v-4859be52]{pointer-events:auto;-webkit-backdrop-filter:blur(16px);color:#fff;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;font-size:.9rem;font-weight:500;display:flex;box-shadow:0 10px 30px #00000080}.toast-success[data-v-4859be52]{background:#10b981e6;border-color:#34d39966}.toast-error[data-v-4859be52]{background:#dc2626eb;border-color:#f8717166}.toast-info[data-v-4859be52]{background:#1e1b4beb;border-color:#7c5cfc80}.toast-icon[data-v-4859be52]{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-content[data-v-4859be52]{flex:1;line-height:1.4}.toast-close[data-v-4859be52]{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color .15s;display:flex}.toast-close[data-v-4859be52]:hover{color:#fff}.toast-enter-active[data-v-4859be52],.toast-leave-active[data-v-4859be52]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.toast-enter-from[data-v-4859be52]{opacity:0;transform:translate(50px)scale(.9)}.toast-leave-to[data-v-4859be52]{opacity:0;transform:translate(30px)scale(.95)}@media (width<=640px){.toast-container[data-v-4859be52]{top:max(16px, env(safe-area-inset-top,16px));align-items:center;max-width:none;bottom:auto;left:14px;right:14px}.toast-item[data-v-4859be52]{box-sizing:border-box;width:100%;padding:11px 14px;font-size:.84rem;box-shadow:0 8px 24px #0009}.toast-enter-from[data-v-4859be52]{opacity:0;transform:translateY(-20px)scale(.95)}.toast-leave-to[data-v-4859be52]{opacity:0;transform:translateY(-10px)scale(.95)}}.confirm-overlay[data-v-0ecb0f18]{z-index:10000;background:#030408e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirm-card[data-v-0ecb0f18]{text-align:center;background:linear-gradient(#162035 0%,#0d1527 100%);border:1.5px solid #ffffff1f;border-radius:20px;width:100%;max-width:420px;padding:32px 28px 26px;position:relative;transform:translateZ(0);box-shadow:0 25px 60px #000000a6,0 0 40px #00000059}.confirm-card.type-danger[data-v-0ecb0f18]{border-color:#ef444459;box-shadow:0 25px 60px #000000b3,0 0 30px #ef444426}.confirm-card.type-warning[data-v-0ecb0f18]{border-color:#f59e0b59;box-shadow:0 25px 60px #000000b3,0 0 30px #f59e0b26}.confirm-close-btn[data-v-0ecb0f18]{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.confirm-close-btn[data-v-0ecb0f18]:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.confirm-icon-wrap[data-v-0ecb0f18]{justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;display:flex;position:relative}.confirm-icon-halo[data-v-0ecb0f18]{opacity:.5;filter:blur(8px);border-radius:50%;position:absolute;inset:-6px}.type-danger .confirm-icon-halo[data-v-0ecb0f18]{background:#ef444480}.type-warning .confirm-icon-halo[data-v-0ecb0f18]{background:#f59e0b80}.type-info .confirm-icon-halo[data-v-0ecb0f18]{background:#0ea5e980}.confirm-icon-inner[data-v-0ecb0f18]{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.type-danger .confirm-icon-inner[data-v-0ecb0f18]{color:#ef4444;background:linear-gradient(135deg,#ef444433,#b91c1c1a);border:1.5px solid #ef444480}.type-warning .confirm-icon-inner[data-v-0ecb0f18]{color:#f59e0b;background:linear-gradient(135deg,#f59e0b33,#b453091a);border:1.5px solid #f59e0b80}.type-info .confirm-icon-inner[data-v-0ecb0f18]{color:#38bdf8;background:linear-gradient(135deg,#0ea5e933,#0369a11a);border:1.5px solid #0ea5e980}.confirm-title[data-v-0ecb0f18]{color:#fff;letter-spacing:-.2px;margin:0 0 10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.35rem;font-weight:800}.confirm-message[data-v-0ecb0f18]{color:#cbd5e1;word-break:break-word;margin:0 0 24px;font-size:.95rem;line-height:1.55}.confirm-actions[data-v-0ecb0f18]{justify-content:center;gap:12px;display:flex}.btn-confirm-cancel[data-v-0ecb0f18],.btn-confirm-ok[data-v-0ecb0f18]{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 18px;font-family:Be Vietnam Pro,sans-serif;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-confirm-cancel[data-v-0ecb0f18]{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff24}.btn-confirm-cancel[data-v-0ecb0f18]:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40}.btn-confirm-ok.btn-danger[data-v-0ecb0f18]{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #f87171;box-shadow:0 4px 18px #ef444473}.btn-confirm-ok.btn-danger[data-v-0ecb0f18]:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-2px);box-shadow:0 6px 22px #ef444499}.btn-confirm-ok.btn-warning[data-v-0ecb0f18]{color:#0b0b10;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #fde047;box-shadow:0 4px 18px #f59e0b73}.btn-confirm-ok.btn-warning[data-v-0ecb0f18]:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 22px #f59e0b99}.btn-confirm-ok.btn-info[data-v-0ecb0f18]{color:#fff;background:linear-gradient(135deg,#0284c7,#0ea5e9);border:1px solid #38bdf8;box-shadow:0 4px 18px #0ea5e973}.btn-confirm-ok.btn-info[data-v-0ecb0f18]:hover{background:linear-gradient(135deg,#0ea5e9,#38bdf8);transform:translateY(-2px);box-shadow:0 6px 22px #0ea5e999}.confirm-fade-enter-active[data-v-0ecb0f18],.confirm-fade-leave-active[data-v-0ecb0f18]{transition:opacity .25s}.confirm-fade-enter-from[data-v-0ecb0f18],.confirm-fade-leave-to[data-v-0ecb0f18]{opacity:0}.confirm-fade-enter-active .confirm-card[data-v-0ecb0f18]{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.confirm-fade-leave-active .confirm-card[data-v-0ecb0f18]{transition:transform .2s cubic-bezier(.4,0,.2,1)}.confirm-fade-enter-from .confirm-card[data-v-0ecb0f18]{transform:scale(.9)translateY(10px)}.confirm-fade-leave-to .confirm-card[data-v-0ecb0f18]{transform:scale(.95)}@media (width<=480px){.confirm-card[data-v-0ecb0f18]{padding:24px 20px 20px}.confirm-actions[data-v-0ecb0f18]{flex-direction:column-reverse}}.app-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.brand-logo-img[data-v-ba57215f]{border-radius:10px;flex-shrink:0;width:44px;height:44px;display:block}.pending-order-pill[data-v-ba57215f]{color:#fcd34d;cursor:pointer;white-space:nowrap;background:#f59e0b26;border:1px solid #f59e0b73;border-radius:9999px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.pending-order-pill[data-v-ba57215f]:hover{color:#fff;background:#f59e0b47;border-color:#f59e0b}.pill-short-text[data-v-ba57215f]{display:none}.spin-slow[data-v-ba57215f]{animation:3s linear infinite spin-ba57215f}@keyframes spin-ba57215f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-profile-badge-group[data-v-ba57215f]{flex-shrink:0;align-items:center;gap:6px;display:flex}.btn-admin-portal-link[data-v-ba57215f]{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b66;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.btn-admin-portal-link[data-v-ba57215f]:hover{background:#f59e0b4d;transform:translateY(-1px)}.user-profile-badge[data-v-ba57215f]{cursor:pointer;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.mobile-drawer-overlay[data-v-ba57215f]{-webkit-backdrop-filter:blur(14px);z-index:10000;background:#05050ad9;flex-direction:column;display:flex;position:fixed;inset:58px 0 0}.mobile-drawer-content[data-v-ba57215f]{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 58px);padding:16px 14px calc(24px + env(safe-area-inset-bottom,0px));background:#0d0e17;border-bottom:2px solid #f59e0b59;flex-direction:column;gap:16px;display:flex;overflow-y:auto;box-shadow:0 20px 50px #000000f2}.mobile-nav-list[data-v-ba57215f]{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mobile-nav-item[data-v-ba57215f]{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item[data-v-ba57215f]:active,.mobile-nav-item.active[data-v-ba57215f]{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.item-icon-box[data-v-ba57215f]{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.item-icon-box.gold[data-v-ba57215f]{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.item-icon-box.blue[data-v-ba57215f]{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e94d}.item-icon-box.purple[data-v-ba57215f]{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.item-icon-box.green[data-v-ba57215f]{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.item-icon-box.amber[data-v-ba57215f]{color:#fb923c;background:#fb923c26;border:1px solid #fb923c4d}.item-text-box[data-v-ba57215f]{flex-direction:column;flex:1;display:flex}.item-title[data-v-ba57215f]{color:#f1f5f9;font-size:.95rem;font-weight:700}.item-desc[data-v-ba57215f]{color:#94a3b8;font-size:.75rem}.item-arrow[data-v-ba57215f]{color:#64748b}.mobile-drawer-footer[data-v-ba57215f]{border-top:1px solid #ffffff14;padding-top:14px}.drawer-user-card[data-v-ba57215f]{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:12px;padding:12px 14px;display:flex}.drawer-user-info[data-v-ba57215f]{align-items:center;gap:10px;display:flex}.drawer-user-meta[data-v-ba57215f]{flex:1;overflow:hidden}.drawer-user-email[data-v-ba57215f]{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;overflow:hidden}.drawer-role-badge[data-v-ba57215f]{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:4px;margin-top:2px;padding:1px 6px;font-size:.68rem;font-weight:800;display:inline-block}.drawer-user-actions[data-v-ba57215f]{flex-direction:column;gap:8px;display:flex}.btn-drawer-profile[data-v-ba57215f],.btn-drawer-admin[data-v-ba57215f],.btn-drawer-logout[data-v-ba57215f]{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-drawer-profile[data-v-ba57215f]{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid #f59e0b66}.btn-drawer-admin[data-v-ba57215f]{color:#c084fc;background:#a855f726;border:1px solid #a855f766}.btn-drawer-logout[data-v-ba57215f]{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.drawer-guest-card[data-v-ba57215f]{flex-direction:column;display:flex}.btn-drawer-login[data-v-ba57215f]{color:#0b0b10;cursor:pointer;background:linear-gradient(135deg,gold 0%,#f59e0b 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 15px #f59e0b59}.drawer-enter-active[data-v-ba57215f],.drawer-leave-active[data-v-ba57215f]{transition:opacity .25s}.drawer-enter-from[data-v-ba57215f],.drawer-leave-to[data-v-ba57215f]{opacity:0}.drawer-enter-active .mobile-drawer-content[data-v-ba57215f],.drawer-leave-active .mobile-drawer-content[data-v-ba57215f]{transition:transform .25s cubic-bezier(.16,1,.3,1)}.drawer-enter-from .mobile-drawer-content[data-v-ba57215f],.drawer-leave-to .mobile-drawer-content[data-v-ba57215f]{transform:translateY(-20px)}@media (width<=992px){.desktop-only[data-v-ba57215f]{display:none!important}}@media (width<=520px){.brand-logo-img[data-v-ba57215f]{border-radius:8px;width:36px;height:36px}.pill-full-text[data-v-ba57215f]{display:none}.pill-short-text[data-v-ba57215f]{display:inline}.btn-auth-text[data-v-ba57215f]{display:none}.btn-auth-login[data-v-ba57215f]{padding:7px 9px!important}}.footer[data-v-3e6e8fa1]{background:var(--bg-secondary,#0c1220);border-top:3px solid var(--border-color,#1e293b);z-index:10;padding:60px 0 30px;position:relative}.footer-content[data-v-3e6e8fa1]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-brand .logo[data-v-3e6e8fa1]{align-items:center;gap:12px;margin-bottom:18px;text-decoration:none;display:inline-flex}.footer-brand .logo-text[data-v-3e6e8fa1]{color:#fff;letter-spacing:1px;font-family:Supercell,sans-serif;font-size:1.5rem;font-weight:900}.footer-brand p[data-v-3e6e8fa1]{color:var(--text-secondary,#94a3b8);max-width:380px;font-size:.95rem;line-height:1.6}.footer-title[data-v-3e6e8fa1]{color:var(--gold-primary,#f59e0b);letter-spacing:.5px;margin-bottom:20px;font-family:Be Vietnam Pro,sans-serif;font-size:1.15rem;font-weight:800}.footer-links[data-v-3e6e8fa1]{margin:0;padding:0;list-style:none}.footer-links li[data-v-3e6e8fa1]{margin-bottom:12px}.footer-links a[data-v-3e6e8fa1]{color:var(--text-secondary,#94a3b8);font-size:.95rem;text-decoration:none;transition:all .2s;display:inline-block}.footer-links a[data-v-3e6e8fa1]:hover{color:var(--gold-primary,#f59e0b);transform:translate(4px)}.footer-bottom[data-v-3e6e8fa1]{text-align:center;border-top:1px solid var(--border-color,#ffffff14);color:var(--text-muted,#64748b);padding-top:30px;font-size:.9rem}@media (width<=768px){.footer[data-v-3e6e8fa1]{padding:40px 0 25px}.footer-content[data-v-3e6e8fa1]{grid-template-columns:1fr;gap:30px}}.floating-social[data-v-6b3d02e2]{z-index:999;flex-direction:column;align-items:center;gap:12px;display:flex;position:fixed;bottom:25px;right:25px}.social-speed-dial-list[data-v-6b3d02e2]{flex-direction:column;align-items:center;gap:12px;display:flex}.social-speed-dial-list .social-btn[data-v-6b3d02e2]:after{display:none!important}.zalo-label[data-v-6b3d02e2]{font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:900;line-height:1}.social-trigger-btn[data-v-6b3d02e2]{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#0284c7 0%,#0ea5e9 50%,#38bdf8 100%);border:2px solid #ffffff40;border-radius:50%;outline:none;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 24px #0284c780,0 2px 8px #0000004d}.social-trigger-btn[data-v-6b3d02e2]:hover{transform:scale(1.1);box-shadow:0 10px 30px #0ea5e9b3,0 4px 12px #0006}.social-trigger-btn[data-v-6b3d02e2]:active{transform:scale(.94)}.social-trigger-btn.is-open[data-v-6b3d02e2]{color:#f87171;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#ef444499;box-shadow:0 6px 20px #00000080}.social-trigger-btn.is-open[data-v-6b3d02e2]:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 8px 25px #ef444480}.trigger-icon-wrap[data-v-6b3d02e2]{pointer-events:none;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex}.trigger-icon-wrap[data-v-6b3d02e2] *{pointer-events:none}.social-trigger-btn.is-open .trigger-icon-wrap[data-v-6b3d02e2]{transform:rotate(90deg)}.online-indicator[data-v-6b3d02e2]{pointer-events:none;background:#22c55e;border:2.5px solid #0b1329;border-radius:50%;width:14px;height:14px;position:absolute;top:1px;right:1px;box-shadow:0 0 8px #22c55e}.ping-wave[data-v-6b3d02e2]{display:none}.social-trigger-btn[data-v-6b3d02e2]:before{content:attr(data-tooltip);background:var(--bg-card,#161f36);color:var(--text-primary,#fff);white-space:nowrap;opacity:0;visibility:hidden;border:2px solid var(--border-color,#ffffff1a);pointer-events:none;border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .3s;position:absolute;right:66px;transform:translate(10px);box-shadow:0 4px 15px #0006}.social-trigger-btn[data-v-6b3d02e2]:hover:before{opacity:1;visibility:visible;transform:translate(0)}.social-speed-dial-enter-active[data-v-6b3d02e2]{transition:all .35s cubic-bezier(.34,1.56,.64,1)}.social-speed-dial-leave-active[data-v-6b3d02e2]{transition:all .2s cubic-bezier(.4,0,.2,1)}.social-speed-dial-enter-from[data-v-6b3d02e2],.social-speed-dial-leave-to[data-v-6b3d02e2]{opacity:0;transform:translateY(20px)scale(.7)}@media (width<=768px){.floating-social[data-v-6b3d02e2]{gap:10px;bottom:15px;right:15px}.social-trigger-btn[data-v-6b3d02e2]{width:48px;height:48px}.social-trigger-btn[data-v-6b3d02e2]:before{display:none}}body.modal-open .particles-container{display:none!important}body.modal-open .particle{animation:none!important}.modal-backdrop[data-v-93a2d1f4]{z-index:999;will-change:opacity;background:#030307e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog[data-v-93a2d1f4]{background:var(--bg-modal,#12121d);border:1px solid var(--border-hover,#f59e0b66);will-change:transform, opacity;backface-visibility:hidden;border-radius:20px;flex-direction:column;width:100%;max-height:90vh;display:flex;overflow:hidden;transform:translate(0,0);box-shadow:0 16px 36px #000000d9}.modal-header[data-v-93a2d1f4]{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title[data-v-93a2d1f4]{color:#fff;letter-spacing:-.01em;font-family:Be Vietnam Pro,sans-serif;font-size:1.15rem;font-weight:700}.modal-close-btn[data-v-93a2d1f4]{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-close-btn[data-v-93a2d1f4]:hover{color:#fca5a5;background:#ef444433;border-color:#ef444480}.modal-body[data-v-93a2d1f4]{padding:24px;overflow-y:auto}.modal-footer[data-v-93a2d1f4]{background:#0003;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-enter-active[data-v-93a2d1f4],.modal-leave-active[data-v-93a2d1f4]{transition:opacity .2s ease-out}.modal-enter-from[data-v-93a2d1f4],.modal-leave-to[data-v-93a2d1f4]{opacity:0}.modal-enter-active .modal-dialog[data-v-93a2d1f4],.modal-leave-active .modal-dialog[data-v-93a2d1f4]{transition:transform .22s cubic-bezier(.16,1,.3,1),opacity .22s ease-out}.modal-enter-from .modal-dialog[data-v-93a2d1f4]{opacity:0;transform:translateY(10px)scale(.97)}.modal-leave-to .modal-dialog[data-v-93a2d1f4]{opacity:0;transform:translateY(6px)scale(.98)}@media (width<=480px){.modal-backdrop[data-v-93a2d1f4]{padding:10px}.modal-dialog[data-v-93a2d1f4]{border-radius:16px;max-height:94vh}.modal-header[data-v-93a2d1f4]{padding:14px 16px}.modal-title[data-v-93a2d1f4]{font-size:1.05rem}.modal-body[data-v-93a2d1f4]{padding:16px 14px}.modal-footer[data-v-93a2d1f4]{padding:12px 16px}}.form-tip[data-v-1b5ae5e3]{color:#fbbf24;margin:2px 0 0 2px;font-size:.76rem;font-weight:500}.turnstile-container[data-v-1b5ae5e3]{background:#ffffff05;border:1px dashed #f59e0b33;border-radius:8px;justify-content:center;align-items:center;min-height:65px;margin:6px 0;display:flex;position:relative}.turnstile-placeholder[data-v-1b5ae5e3]{color:#94a3b8;pointer-events:none;align-items:center;gap:8px;font-size:.82rem;display:flex;position:absolute}.turnstile-placeholder .text-gold[data-v-1b5ae5e3]{color:#fbbf24}.turnstile-widget[data-v-1b5ae5e3]{z-index:2;justify-content:center;min-width:300px;min-height:65px;display:flex;position:relative}.auth-tabs[data-v-1b5ae5e3]{background:#ffffff0a;border:1px solid #f59e0b40;border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.tab-btn[data-v-1b5ae5e3]{color:var(--text-muted);cursor:pointer;will-change:transform;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.tab-btn[data-v-1b5ae5e3]:hover:not(.active){color:#fbbf24;background:#ffd70014}.tab-btn.active[data-v-1b5ae5e3]{color:#0b0b10;background:linear-gradient(135deg,gold 0%,#ffab00 45%,#f59e0b 100%);font-weight:800;box-shadow:0 4px 15px #f59e0b73}.auth-form[data-v-1b5ae5e3]{flex-direction:column;gap:16px;display:flex}.auth-error-banner[data-v-1b5ae5e3]{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:.85rem;font-weight:600;animation:.2s ease-out fadeIn-1b5ae5e3;display:flex}.error-banner-icon[data-v-1b5ae5e3]{color:#f87171;flex-shrink:0}@keyframes fadeIn-1b5ae5e3{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group[data-v-1b5ae5e3]{flex-direction:column;gap:6px;display:flex}.form-label[data-v-1b5ae5e3]{color:#cbd5e1;font-size:.85rem;font-weight:600}.input-with-icon[data-v-1b5ae5e3]{align-items:center;display:flex;position:relative}.input-icon[data-v-1b5ae5e3]{color:var(--text-dim);pointer-events:none;transition:color .2s;position:absolute;left:14px}.form-input.with-icon[data-v-1b5ae5e3]{padding-left:42px}.form-input.has-eye[data-v-1b5ae5e3]{padding-right:44px}input[data-v-1b5ae5e3]::-ms-reveal{display:none!important}input[data-v-1b5ae5e3]::-ms-clear{display:none!important}.btn-toggle-pw[data-v-1b5ae5e3]{color:#fbbf24;cursor:pointer;opacity:.9;filter:drop-shadow(0 0 4px #f59e0b59);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;right:12px}.btn-toggle-pw[data-v-1b5ae5e3]:hover{opacity:1;color:#fff;filter:drop-shadow(0 0 8px #f59e0bcc);background:#f59e0b40;transform:scale(1.05)}.form-input[data-v-1b5ae5e3]:focus{background:#141420f2!important;border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b40!important}.input-with-icon:focus-within .input-icon[data-v-1b5ae5e3]{color:#fbbf24!important}.btn-block[data-v-1b5ae5e3]{width:100%;margin-top:8px;padding:13px;font-size:1rem}.btn-gold[data-v-1b5ae5e3]{cursor:pointer;will-change:transform;border-radius:10px;color:#0b0b10!important;background:linear-gradient(135deg,gold 0%,#ffab00 45%,#f59e0b 100%)!important;border:2px solid #fef08a!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important;transition:all .2s!important;box-shadow:0 4px 16px #f59e0b59!important}.btn-gold[data-v-1b5ae5e3]:hover:not(:disabled){color:#000!important;background:linear-gradient(135deg,#fff59d 0%,gold 40%,#d97706 100%)!important;transform:translateY(-1px)scale(1.005)!important;box-shadow:0 6px 20px #f59e0b73!important}.btn-gold[data-v-1b5ae5e3]:active:not(:disabled){transform:translateY(0)!important}.spin[data-v-1b5ae5e3]{animation:1s linear infinite spin-1b5ae5e3}@keyframes spin-1b5ae5e3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-helper-row[data-v-1b5ae5e3]{justify-content:flex-end;margin-top:-4px;margin-bottom:4px;display:flex}.btn-forgot-link[data-v-1b5ae5e3]{color:#fbbf24;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:2px 4px;font-size:.82rem;font-weight:600;text-decoration:underline;transition:all .2s}.btn-forgot-link[data-v-1b5ae5e3]:hover{color:#fff;text-shadow:0 0 8px #f59e0bcc}.forgot-header-wrap[data-v-1b5ae5e3]{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.btn-back-login[data-v-1b5ae5e3]{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .2s;display:flex}.btn-back-login[data-v-1b5ae5e3]:hover{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b66}.forgot-desc[data-v-1b5ae5e3]{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.5}.auth-success-card[data-v-1b5ae5e3]{text-align:center;background:#22c55e14;border:1px solid #22c55e59;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;animation:.3s fadeIn-1b5ae5e3;display:flex}.auth-success-card .text-green[data-v-1b5ae5e3]{color:#4ade80}.auth-success-card h4[data-v-1b5ae5e3]{color:#f1f5f9;margin:0;font-size:1.1rem;font-weight:700}.auth-success-card p[data-v-1b5ae5e3]{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.5}.btn-return-login[data-v-1b5ae5e3]{color:#0b0b10;cursor:pointer;background:linear-gradient(135deg,gold 0%,#ffab00 45%,#f59e0b 100%);border:none;border-radius:8px;margin-top:6px;padding:10px 24px;font-size:.88rem;font-weight:800;transition:all .2s}.btn-return-login[data-v-1b5ae5e3]:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b73}.copy-btn[data-v-bf5a29c2]{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.copy-btn[data-v-bf5a29c2]:hover{color:#fff;background:#7c5cfc33;border-color:#7c5cfc80;transform:translateY(-1px)}.copy-btn.is-copied[data-v-bf5a29c2]{color:#34d399;background:#10b98126;border-color:#10b98180}.text-green[data-v-bf5a29c2]{color:#34d399}.spin[data-v-7737c465]{animation:1s linear infinite spin-7737c465}@keyframes spin-7737c465{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.selected-pkg-card[data-v-7737c465]{background:linear-gradient(135deg,#14192df2,#0f1423e6);border:1.5px solid #ffd70059;border-radius:16px;margin-bottom:22px;padding:20px 24px;box-shadow:0 8px 32px #0006}.selected-pkg-card.tier-day[data-v-7737c465]{background:linear-gradient(135deg,#06b6d41f,#0f172ae6);border-color:#06b6d480}.selected-pkg-card.tier-day .pkg-icon-badge[data-v-7737c465]{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 16px #06b6d466}.selected-pkg-card.tier-month[data-v-7737c465]{background:linear-gradient(135deg,#f59e0b1f,#0f172ae6);border-color:#f59e0b80}.selected-pkg-card.tier-month .pkg-icon-badge[data-v-7737c465]{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b66}.selected-pkg-card.tier-lifetime[data-v-7737c465]{background:linear-gradient(135deg,#a855f71f,#0f172ae6);border-color:#a855f780}.selected-pkg-card.tier-lifetime .pkg-icon-badge[data-v-7737c465]{color:#fff;background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 16px #a855f766}.pkg-card-header[data-v-7737c465]{border-bottom:1px solid #ffffff14;align-items:center;gap:16px;padding-bottom:14px;display:flex}.pkg-icon-badge[data-v-7737c465]{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.pkg-info-col[data-v-7737c465]{flex:1}.pkg-subtitle-tag[data-v-7737c465]{letter-spacing:1px;color:var(--text-muted);margin-bottom:3px;font-size:.72rem;font-weight:700;display:block}.pkg-title[data-v-7737c465]{color:#fff;letter-spacing:.2px;margin:0;font-size:1.35rem;font-weight:800}.pkg-price-col[data-v-7737c465]{text-align:right;flex-shrink:0}.pkg-price-val[data-v-7737c465]{color:var(--gold-primary);letter-spacing:.3px;font-size:1.45rem;font-weight:800;line-height:1.1}.pkg-duration-val[data-v-7737c465]{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.pkg-features-summary[data-v-7737c465]{flex-direction:column;gap:8px;padding-top:12px;display:flex}.pkg-feature-item[data-v-7737c465]{color:var(--text-secondary);align-items:center;gap:9px;font-size:.88rem;display:flex}.pkg-feature-item .check-icon[data-v-7737c465]{color:var(--green-primary);flex-shrink:0}.hwid-label-row[data-v-7737c465]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hwid-required-badge[data-v-7737c465]{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.hwid-input-field[data-v-7737c465]{letter-spacing:.5px;font-family:monospace;font-size:.95rem;padding-right:90px!important}.paste-btn[data-v-7737c465]{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf866;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.paste-btn[data-v-7737c465]:hover{color:#fff;background:#38bdf840;border-color:#38bdf8}.hwid-helper-box[data-v-7737c465]{background:#0f172aa6;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;display:flex}.helper-bullet[data-v-7737c465]{font-size:1rem;line-height:1.3}.helper-text[data-v-7737c465]{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}.helper-text strong[data-v-7737c465]{color:#fff}.helper-text code[data-v-7737c465]{color:var(--gold-primary);background:#0006;border-radius:4px;padding:1px 5px;font-family:monospace}.dk-auth-banner[data-v-7737c465]{color:#fef08a;background:#f59e0b1f;border:1px solid #f59e0b59;border-radius:8px;justify-content:space-between;align-items:center;margin-top:14px;margin-bottom:12px;padding:8px 12px;font-size:.85rem;display:flex}.dk-auth-link-btn[data-v-7737c465]{color:#38bdf8;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700;text-decoration:underline;transition:color .2s}.dk-auth-link-btn[data-v-7737c465]:hover{color:#7dd3fc}.dk-confirm-btn[data-v-7737c465]{border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:18px;padding:15px 22px;font-size:1.05rem;font-weight:800;display:inline-flex}.success-screen-card[data-v-7737c465]{text-align:center;padding:4px}.success-icon-badge[data-v-7737c465]{color:#10b981;background:#10b9811f;border:1.5px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 12px;display:flex}.success-screen-title[data-v-7737c465]{color:#fff;margin-bottom:4px;font-size:1.4rem;font-weight:800}.success-screen-subtitle[data-v-7737c465]{color:var(--text-secondary);margin-bottom:14px;font-size:.9rem;line-height:1.45}.key-delivery-card[data-v-7737c465]{text-align:left;background:#0f172a;border:1px solid #fbbf2459;border-radius:10px;margin-bottom:14px;padding:12px 14px}.key-delivery-header[data-v-7737c465]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.key-delivery-label[data-v-7737c465]{color:#fbbf24;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.key-active-badge[data-v-7737c465]{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:6px;padding:2px 7px;font-size:.7rem;font-weight:700}.key-delivery-value-row[data-v-7737c465]{background:#0006;border:1px solid #ffffff0f;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.key-code-display[data-v-7737c465]{font-family:var(--font-mono,monospace);color:#67e8f9;letter-spacing:.04em;word-break:break-all;font-size:.98rem;font-weight:700}.success-guide-box[data-v-7737c465]{text-align:left;background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 14px;display:flex}.guide-item[data-v-7737c465]{color:var(--text-secondary);align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.45;display:flex}.guide-icon[data-v-7737c465]{flex-shrink:0;margin-top:2px}.guide-text strong[data-v-7737c465]{color:#fff;font-weight:600}.text-gold[data-v-7737c465]{color:#fbbf24}.text-blue[data-v-7737c465]{color:#38bdf8}.text-purple[data-v-7737c465]{color:#a78bfa}.text-email[data-v-7737c465]{color:#38bdf8}.success-actions-wrap[data-v-7737c465]{flex-direction:column;gap:8px;display:flex}.success-btn-profile[data-v-7737c465]{border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-secondary-ghost[data-v-7737c465]{width:100%;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.86rem;font-weight:600;transition:background .15s;display:inline-flex}.btn-secondary-ghost[data-v-7737c465]:hover{color:#fff;background:#ffffff14}@media (width<=520px){.selected-pkg-card[data-v-7737c465]{border-radius:12px;margin-bottom:16px;padding:14px 12px}.pkg-card-header[data-v-7737c465]{gap:10px;padding-bottom:10px}.pkg-icon-badge[data-v-7737c465]{border-radius:10px;width:40px;height:40px}.pkg-icon-badge svg[data-v-7737c465]{width:22px;height:22px}.pkg-subtitle-tag[data-v-7737c465]{font-size:.65rem}.pkg-title[data-v-7737c465]{font-size:1.1rem}.pkg-price-val[data-v-7737c465]{font-size:1.2rem}.pkg-duration-val[data-v-7737c465]{font-size:.75rem}.pkg-features-summary[data-v-7737c465]{gap:6px;margin-top:10px}.pkg-feature-item[data-v-7737c465]{gap:6px;font-size:.78rem}.hwid-input-field[data-v-7737c465]{font-size:16px!important}.hwid-helper-box[data-v-7737c465]{padding:8px 10px;font-size:.76rem}.dk-confirm-btn[data-v-7737c465]{padding:12px 16px;font-size:.92rem}.success-screen-title[data-v-7737c465]{font-size:1.25rem}.key-delivery-card[data-v-7737c465]{padding:10px 12px}.key-code-display[data-v-7737c465]{font-size:.85rem}.guide-item[data-v-7737c465]{font-size:.8rem}.success-btn-profile[data-v-7737c465]{padding:11px 14px;font-size:.88rem}}.coc-home-page[data-v-b33798e4]{min-height:100vh;position:relative}:root{--gold-primary:gold;--gold-secondary:orange;--gold-light:#ffe55c;--gold-dark:#c90;--purple-primary:#8b5cf6;--purple-secondary:#a855f7;--purple-dark:#6d28d9;--teal-primary:#14b8a6;--teal-secondary:#06b6d4;--teal-light:#2dd4bf;--green-primary:#22c55e;--green-secondary:#16a34a;--red-primary:#ef4444;--red-secondary:#dc2626;--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-card:#1a1a2ef2;--bg-card-hover:#1e1e3cfa;--text-primary:#fff;--text-secondary:#c4c4d4;--text-muted:#8888a0;--text-gold:gold;--glow-gold:0 0 20px #ffd70080, 0 0 40px #ffd7004d;--glow-purple:0 0 20px #8b5cf680, 0 0 40px #8b5cf64d;--glow-teal:0 0 20px #14b8a680, 0 0 40px #14b8a64d;--glow-green:0 0 20px #22c55e80, 0 0 40px #22c55e4d;--border-color:#ffd70033;--border-radius:20px;--border-radius-sm:12px;--border-radius-lg:30px;--shadow-card:0 10px 40px #00000080, inset 0 1px 0 #ffffff1a;--shadow-button:0 6px 20px #0006;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .4s cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;touch-action:manipulation;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.animated-bg{pointer-events:none;z-index:-1;background:radial-gradient(at 0 0,#8b5cf626 0%,#0000 50%),radial-gradient(at 100% 0,#ffd7001a 0%,#0000 50%),radial-gradient(at 0 100%,#14b8a61a 0%,#0000 50%),radial-gradient(at 100% 100%,#8b5cf61a 0%,#0000 50%);position:fixed;inset:0}.particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}@media (width<=992px){.particles{display:none!important}}.particle{background:var(--gold-primary);opacity:.3;border-radius:50%;width:6px;height:6px;animation:15s ease-in-out infinite float;position:absolute}.particle:first-child{animation-delay:0s;left:10%}.particle:nth-child(2){animation-delay:2s;left:20%}.particle:nth-child(3){animation-delay:4s;left:30%}.particle:nth-child(4){animation-delay:6s;left:40%}.particle:nth-child(5){animation-delay:8s;left:50%}.particle:nth-child(6){animation-delay:10s;left:60%}.particle:nth-child(7){animation-delay:12s;left:70%}.particle:nth-child(8){animation-delay:14s;left:80%}.particle:nth-child(9){animation-delay:1s;left:90%}.particle:nth-child(10){animation-delay:3s;left:95%}@keyframes float{0%,to{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{z-index:10001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:var(--transition);background:#0f0f1ae6;padding:15px 0;position:fixed;top:0;left:0;right:0}.header.scrolled{background:#0f0f1afa;padding:10px 0}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.logo{flex-shrink:0;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;box-shadow:0 4px 14px #ffd7004d}.logo-text{background:linear-gradient(135deg, var(--gold-primary), var(--gold-light));-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #ffd7004d;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-family:Be Vietnam Pro,sans-serif;font-size:1.8rem;font-weight:800}.nav-menu{flex-shrink:0;align-items:center;gap:18px;display:flex}.nav-links{flex-shrink:0;align-items:center;gap:18px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative;white-space:nowrap!important}.nav-link:hover{color:var(--gold-primary)}.nav-link:after{content:"";background:var(--gold-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}.lang-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:25px;padding:4px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600}.lang-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));color:var(--bg-primary);box-shadow:var(--glow-gold)}.lang-btn:hover:not(.active){color:var(--gold-primary)}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.mobile-menu-btn span{background:var(--gold-primary);width:25px;height:3px;transition:var(--transition);border-radius:3px}.hero-section{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:1;max-width:1050px}.hero-badge{border:2px solid var(--purple-primary);color:var(--purple-secondary);background:#8b5cf633;border-radius:50px;align-items:center;gap:8px;margin-bottom:25px;padding:10px 20px;font-size:.9rem;font-weight:600;animation:.6s ease-out bounce-in;display:inline-flex}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.hero-title{margin-bottom:20px;font-family:Be Vietnam Pro,sans-serif;font-size:4rem;font-weight:800;line-height:1.1;animation:.8s ease-out .2s both slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title .highlight{background:linear-gradient(135deg, var(--gold-primary), var(--gold-light), var(--gold-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2s infinite alternate glow-text;display:inline-block}@keyframes glow-text{0%{opacity:.9}to{opacity:1}}.hero-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem;animation:.8s ease-out .4s both slide-up}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;animation:.8s ease-out .6s both slide-up;display:flex}.hero-features{flex-wrap:nowrap;justify-content:center;gap:12px;margin-top:50px;animation:.8s ease-out .8s both slide-up;display:flex}@media (width<=900px){.hero-features{flex-wrap:wrap;gap:10px}}.hero-feature{color:#f1f5f9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#161622bf;border:1.5px solid #ffd7004d;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:8px 14px;font-size:.92rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 18px #0006,0 0 12px #ffd70014}.hero-feature:hover{border-color:var(--gold-primary);color:var(--gold-light);background:#ffd7001f;transform:translateY(-2px);box-shadow:0 6px 24px #ffd7004d}.hero-feature-icon{width:34px;height:34px;color:var(--gold-primary);background:linear-gradient(135deg,#ffd70040,#f59e0b66);border:1px solid #ffd70080;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 12px #ffd70059}.btn-hero-download,.btn-gold{color:#08080d!important;background:linear-gradient(135deg,gold 0%,#f59e0b 100%)!important;border:2px solid #fef08a!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #ffd70073,0 0 35px #f59e0b4d!important}.btn-hero-download:hover,.btn-gold:hover{color:#000!important;background:linear-gradient(135deg,#fef08a 0%,#d97706 100%)!important;transform:translateY(-3px)scale(1.03)!important;box-shadow:0 6px 28px #ffd700b3,0 0 50px #f59e0b73!important}.btn-diamond{color:#041326!important;background:linear-gradient(135deg,#00f2fe 0%,#38bdf8 45%,#0284c7 100%)!important;border:2px solid #a5f3fc!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:800!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #38bdf873,0 0 35px #06b6d44d!important}.btn-diamond:hover{color:#000!important;background:linear-gradient(135deg,#cffafe 0%,#38bdf8 40%,#0284c7 100%)!important;border-color:#fff!important;transform:translateY(-3px)scale(1.03)!important;box-shadow:0 6px 28px #38bdf8b3,0 0 50px #06b6d480!important}.btn-diamond:active{transform:translateY(-1px)scale(.99)!important;box-shadow:0 4px 15px #38bdf866!important}.btn{border-radius:var(--border-radius);cursor:pointer;transition:var(--transition-bounce);border:none;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));color:var(--bg-primary);box-shadow:var(--shadow-button), 0 0 20px #ffd7004d;border:3px solid var(--gold-light)}.btn-primary:hover{box-shadow:var(--shadow-button), var(--glow-gold);transform:translateY(-3px)scale(1.02)}.btn-secondary:hover{box-shadow:var(--glow-gold);background:#ffd7001a;transform:translateY(-3px)}.btn-download{background:linear-gradient(135deg, var(--green-primary), var(--green-secondary));color:#fff;box-shadow:var(--shadow-button), 0 0 20px #22c55e4d;border:3px solid #4ade80;padding:20px 40px;font-size:1.2rem}.btn-download:hover{box-shadow:var(--shadow-button), var(--glow-green);transform:translateY(-3px)scale(1.02)}.btn-purple{background:linear-gradient(135deg, var(--purple-primary), var(--purple-dark));color:#fff;box-shadow:var(--shadow-button), 0 0 20px #8b5cf64d;border:3px solid var(--purple-secondary)}.btn-purple:hover{box-shadow:var(--shadow-button), var(--glow-purple);transform:translateY(-3px)scale(1.02)}.btn.loading .btn-text{display:none}.btn.loading .btn-loader{display:block}.btn-loader{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:100px 0;position:relative}.section-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;margin-bottom:60px;display:flex}.section-badge{border:2px solid var(--gold-primary);color:var(--gold-primary);background:#ffd7001a;border-radius:50px;justify-content:center;align-items:center;gap:8px;margin:0 auto 15px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.section-title{color:var(--text-primary);width:100%;margin-bottom:15px;font-size:3rem;line-height:1.25;display:block;text-align:center!important;font-family:Be Vietnam Pro,sans-serif!important;font-weight:900!important}.section-title .highlight{background:linear-gradient(135deg, var(--gold-primary), var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto;font-size:1.1rem}.card{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-card);transition:var(--transition);padding:30px}.card:hover{border-color:var(--gold-primary);box-shadow:var(--shadow-card), var(--glow-gold);transform:translateY(-5px)}.card-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.card-icon{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex}.card-title{color:var(--gold-primary);font-family:Be Vietnam Pro,sans-serif;font-size:1.5rem;font-weight:800}#renewal-section{background:radial-gradient(#8b5cf61a 0%,#0000 70%)}.renewal-card{border-color:var(--purple-primary);max-width:600px;margin:0 auto}.renewal-card:hover{border-color:var(--purple-secondary);box-shadow:var(--shadow-card), var(--glow-purple)}.renewal-card .card-icon{background:linear-gradient(135deg, var(--purple-primary), var(--purple-dark))}.renewal-card .card-title{color:var(--purple-secondary)}.region-notice{border-radius:var(--border-radius-sm);color:var(--gold-primary);background:#ffb5471a;border:2px solid #ffb5474d;align-items:center;gap:12px;margin-bottom:25px;padding:14px 18px;font-size:.9rem;display:flex}.region-notice svg{color:var(--gold-primary);flex-shrink:0}.form-group{margin-bottom:25px}.form-label{color:var(--text-secondary);margin-bottom:10px;font-weight:600;display:block}.form-input{background:var(--bg-secondary);border:3px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);padding:16px 20px;font-family:inherit;font-size:1rem}.form-input:focus{border-color:var(--purple-primary);outline:none;box-shadow:0 0 0 4px #8b5cf633}.input-hint{color:var(--text-muted);align-items:center;gap:8px;margin-top:10px;font-size:.85rem;display:flex}.link-result{border:3px solid var(--green-primary);border-radius:var(--border-radius-sm);background:#22c55e1a;margin-top:25px;padding:25px;animation:.5s ease-out slide-up}.link-result.hidden{display:none}.link-result-header{color:var(--green-primary);align-items:center;gap:12px;margin-bottom:15px;display:flex}.link-result-header h3{font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:800}.link-description{color:var(--text-secondary);margin-bottom:20px}.link-container{gap:10px;margin-bottom:15px;display:flex}.link-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--teal-primary);flex:1;padding:14px;font-size:.9rem}.btn-copy{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:14px 18px}.btn-copy:hover{background:var(--bg-tertiary);border-color:var(--gold-primary);color:var(--gold-primary)}.expiry-info{border:2px solid var(--purple-primary);border-radius:var(--border-radius-sm);color:var(--purple-secondary);background:#8b5cf61a;align-items:center;gap:10px;margin-top:15px;padding:15px;display:flex}.expiry-info.expired{border-color:var(--red-primary);color:var(--red-primary);background:#ef44441a}.expiry-info.hidden{display:none}.remaining-info{border-top:2px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:10px;margin-top:15px;padding-top:15px;display:flex}.pending-info-box{border-radius:var(--border-radius-sm);text-align:center;background:#f59e0b1a;border:3px solid #f59e0b;margin-top:25px;padding:25px}.pending-info-box.hidden{display:none}.pending-header{color:#f59e0b;justify-content:center;align-items:center;gap:10px;margin-bottom:15px;font-weight:700;display:flex}.pending-time{color:var(--text-secondary);margin-bottom:10px}.pending-time strong{color:#f59e0b}.pending-remaining{color:var(--text-muted);font-size:.9rem}.pending-link-section{border-top:2px solid #f59e0b4d;margin-top:20px;padding-top:20px}.pending-link-label{color:var(--text-secondary);margin-bottom:10px;font-size:.9rem}.pending-link-row{align-items:center;gap:10px;display:flex}.pending-link-input{border-radius:var(--border-radius-sm);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);flex:1;padding:12px}.pending-open-btn{background:linear-gradient(135deg, var(--green-primary), var(--green-secondary));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition);align-items:center;gap:8px;padding:12px 20px;font-weight:600;text-decoration:none;display:flex}.pending-open-btn:hover{box-shadow:var(--glow-green);transform:translateY(-2px)}.pending-warning{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:15px;font-size:.85rem;display:flex}#download-section,#pricing-section,#features{scroll-margin-top:80px}#download-section{background:radial-gradient(#22c55e1a 0%,#0000 70%)}.download-content{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid}.download-info h3{color:var(--green-primary);margin-bottom:20px;font-family:Be Vietnam Pro,sans-serif;font-size:2rem;font-weight:800}.download-features{margin-bottom:30px;list-style:none}.download-features li{color:var(--text-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 0;display:flex}.download-features li:last-child{border-bottom:none}.download-features .icon{width:30px;height:30px;color:var(--green-primary);background:#22c55e33;border-radius:8px;justify-content:center;align-items:center;display:flex}.system-req{background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:2px solid var(--border-color);padding:20px}.system-req h4{color:var(--gold-primary);align-items:center;gap:10px;margin-bottom:15px;display:flex}.system-req ul{list-style:none}.system-req li{color:var(--text-secondary);align-items:center;gap:10px;padding:8px 0;display:flex}.download-card{text-align:center;border-color:var(--green-primary);padding:50px 30px}.download-card:hover{box-shadow:var(--shadow-card), var(--glow-green);border-color:#4ade80}.download-icon{justify-content:center;align-items:center;width:auto;height:auto;margin:-5px auto 5px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.download-icon .download-logo-img{object-fit:contain;filter:drop-shadow(0 12px 24px #0000008c)drop-shadow(0 0 26px #ffd70073);cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;width:200px;height:200px;transition:filter .3s;animation:2.4s cubic-bezier(.28,.84,.42,1) infinite iconHopJump;transform:translateZ(0)}.download-icon .download-logo-img:hover{filter:drop-shadow(0 16px 32px #000000a6)drop-shadow(0 0 40px #ffd700cc)}@keyframes iconHopJump{0%,to{transform:translate(0,0)scale(1)}15%{transform:translateY(4px)scale(1.06,.94)}40%{transform:translateY(-24px)scale(.96,1.06)}60%{transform:translateY(-16px)scale(1.02,.98)}80%{transform:translateY(3px)scale(1.04,.96)}90%{transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){.download-icon .download-logo-img{animation:none}}.download-card h3{color:var(--green-primary);margin-bottom:15px;font-family:Be Vietnam Pro,sans-serif;font-size:1.8rem;font-weight:800}.download-card p{color:var(--text-secondary);margin-bottom:25px}.download-actions{flex-direction:column;gap:14px;width:100%;margin-top:8px;display:flex}.dl-action-btn{border-radius:var(--border-radius);cursor:pointer;width:100%;min-height:56px;transition:var(--transition-bounce);letter-spacing:normal;box-sizing:border-box;justify-content:center;align-items:center;gap:12px;padding:16px 26px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.dl-action-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.dl-action-btn:hover:before{left:100%}.dl-action-btn.btn-tool{background:linear-gradient(135deg, var(--green-primary), var(--green-secondary));min-height:58px;box-shadow:var(--shadow-button), 0 0 20px #22c55e59;text-shadow:0 1px 2px #0000004d;border:3px solid #4ade80;font-size:1.05rem;font-weight:700;color:#fff!important}.dl-action-btn.btn-tool:hover{box-shadow:var(--shadow-button), var(--glow-green), 0 10px 25px #22c55e73;background:linear-gradient(135deg,#2ade70 0%,#1db954 100%);border-color:#86efac;transform:translateY(-3px)scale(1.02)}.dl-action-btn.btn-tool:active{transform:translateY(0)scale(.99);box-shadow:0 4px 14px #22c55e66}.dl-action-btn.btn-tool i{stroke-width:2.5px;filter:drop-shadow(0 2px 4px #0000004d);width:22px;height:22px;transition:transform .25s}.dl-action-btn.btn-tool:hover i{transform:translateY(2px)}.dl-action-btn.btn-video{background:linear-gradient(135deg, var(--purple-primary), var(--purple-dark));border:3px solid var(--purple-secondary);box-shadow:var(--shadow-button), 0 0 20px #8b5cf659;text-shadow:0 1px 2px #00000040;font-size:1.02rem;font-weight:700;color:#fff!important}.dl-action-btn.btn-video:hover{background:linear-gradient(135deg, #9d74f8 0%, var(--purple-primary) 100%);box-shadow:var(--shadow-button), var(--glow-purple), 0 10px 25px #8b5cf673;border-color:#c084fc;transform:translateY(-3px)scale(1.02);color:#fff!important}.dl-action-btn.btn-video:active{transform:translateY(0)scale(.99)}.dl-action-btn.btn-video i{color:#38bdf8;stroke-width:2.3px;filter:drop-shadow(0 0 8px #38bdf899);width:22px;height:22px;transition:transform .25s}.dl-action-btn.btn-video:hover i{transform:scale(1.15)}.dl-action-btn.btn-game{box-shadow:var(--shadow-button), 0 0 20px #f59e0b59;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#f59e0b 0%,#d97706 55%,#b45309 100%);border:3px solid #fde047;font-size:1.02rem;font-weight:700;color:#fff!important}.dl-action-btn.btn-game:hover{box-shadow:var(--shadow-button), var(--glow-gold), 0 10px 25px #f59e0b73;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 55%,#d97706 100%);border-color:#fef08a;transform:translateY(-3px)scale(1.02);color:#fff!important}.dl-action-btn.btn-game:active{transform:translateY(0)scale(.99)}.dl-action-btn.btn-game i{color:#fef08a;stroke-width:2.3px;filter:drop-shadow(0 0 6px #fef08a99);width:22px;height:22px;transition:transform .25s}.dl-action-btn.btn-game:hover i{transform:scale(1.15)rotate(-5deg)}.btn-game-update-cta{background:linear-gradient(135deg,#f59e0b1f 0%,#d977060a 100%);border:1px solid #f59e0b52;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;text-decoration:none;transition:all .28s;display:inline-flex;color:#fef3c7!important}@media (width<=768px){.dl-action-btn{min-height:50px;padding:12px 16px;font-size:.92rem}.dl-action-btn.btn-tool{min-height:52px;font-size:.98rem}}.download-guide-apk-link:hover{color:#6ee7b7!important;text-decoration:underline!important}#guide-section{background:radial-gradient(#14b8a61a 0%,#0000 70%)}.guide-tabs{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.guide-tab{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:14px 28px;font-weight:600}.guide-tab:hover{border-color:var(--teal-primary);color:var(--teal-primary)}.guide-tab.active{background:linear-gradient(135deg, var(--teal-primary), var(--teal-secondary));color:#fff;border-color:var(--teal-light);box-shadow:var(--glow-teal)}.guide-content{animation:.5s fadeIn;display:none}.guide-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;display:grid}.video-card{border-color:var(--teal-primary)}.video-card:hover{box-shadow:var(--shadow-card), var(--glow-teal)}.video-wrapper{border-radius:var(--border-radius-sm);height:0;margin-bottom:20px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.video-card h3{color:var(--teal-primary);margin-bottom:10px;font-family:Be Vietnam Pro,sans-serif;font-weight:800}.video-card p{color:var(--text-secondary);font-size:.95rem}.quick-guide{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.guide-step{text-align:center;padding:30px}.guide-step:hover{border-color:var(--teal-primary);box-shadow:var(--shadow-card), var(--glow-teal)}.step-number{background:linear-gradient(135deg, var(--teal-primary), var(--teal-secondary));color:#fff;width:60px;height:60px;box-shadow:var(--glow-teal);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-family:Be Vietnam Pro,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.guide-step h4{color:var(--teal-primary);margin-bottom:12px;font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:800}.guide-step p{color:var(--text-secondary);font-size:.95rem}#pricing-section{background:radial-gradient(#ffd7001a 0%,#0000 70%)}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:25px;max-width:1200px;margin:0 auto;display:grid}@media (width<=1024px){.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));max-width:900px}}@media (width<=768px){.pricing-grid{grid-template-columns:1fr;max-width:420px}}.pricing-card{text-align:center;background:linear-gradient(#131d33 0%,#0c1224 100%);border:1.5px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;padding:38px 24px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:0 10px 30px #0006}.pricing-card:hover{transform:translateY(-6px)}.pricing-card.tier-day:hover{border-color:#0ea5e980;box-shadow:0 14px 35px #0ea5e933}.pricing-card.tier-month{border-color:#f59e0b59;box-shadow:0 10px 30px #f59e0b1f}.pricing-card.tier-month:hover{border-color:#f59e0b;box-shadow:0 14px 40px #f59e0b40}.pricing-card.tier-lifetime{border-color:#a855f766;box-shadow:0 10px 30px #a855f726}.pricing-card.tier-lifetime:hover{border-color:#a855f7;box-shadow:0 14px 45px #a855f74d}.pricing-badge{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;z-index:10;border-radius:20px;padding:6px 18px;font-size:.78rem;font-weight:800;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricing-badge.badge-day,.pricing-badge.trial-badge{color:#fff;background:linear-gradient(135deg,#06b6d4,#0284c7);border:1px solid #fff3;box-shadow:0 4px 15px #06b6d466}.pricing-badge.badge-month{color:#0b0b10;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #ffffff40;box-shadow:0 4px 15px #f59e0b66}.pricing-badge.badge-lifetime,.pricing-badge.purple{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);border:1px solid #ffffff40;box-shadow:0 4px 18px #8b5cf680}.pricing-icon{border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:32px;transition:transform .3s;display:flex}.pricing-card:hover .pricing-icon{transform:scale(1.08)}.pricing-icon.icon-day,.pricing-icon.day-icon{color:#38bdf8;background:linear-gradient(135deg,#0ea5e92e,#06b6d414);border:1.5px solid #0ea5e959;box-shadow:0 0 20px #0ea5e933}.pricing-icon.icon-month{color:#fbbf24;background:linear-gradient(135deg,#f59e0b2e,#d9770614);border:1.5px solid #f59e0b66;box-shadow:0 0 20px #f59e0b40}.pricing-icon.icon-lifetime{color:#c084fc;background:linear-gradient(135deg,#a855f72e,#d946ef14);border:1.5px solid #a855f766;box-shadow:0 0 25px #a855f74d}.pricing-name{color:#fff;margin-bottom:6px;font-family:Be Vietnam Pro,sans-serif;font-size:1.65rem;font-weight:800}.pricing-desc{color:#94a3b8;justify-content:center;align-items:center;min-height:38px;margin-bottom:16px;font-size:.88rem;line-height:1.45;display:flex}.pricing-price{color:#fff;justify-content:center;align-items:baseline;gap:6px;min-height:44px;margin-bottom:16px;font-family:Be Vietnam Pro,sans-serif;font-size:2.2rem;font-weight:800;display:flex}.pricing-price .price-val{color:gold;text-shadow:0 0 20px #ffd70059}.pricing-price .price-period{color:#94a3b8;font-size:.92rem;font-weight:600}.pricing-contact{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:10px 20px;font-size:1.05rem;font-weight:700;line-height:1.35;transition:all .25s;display:inline-flex}.tier-month .pricing-contact{color:#fbbf24;background:#f59e0b1f;border:1px dashed #f59e0b73}.tier-month .pricing-contact:hover{background:#f59e0b38;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b4d}.tier-lifetime .pricing-contact{color:#fff;text-shadow:0 0 10px #a855f780;background:#a855f72e;border:1px dashed #a855f780}.tier-lifetime .pricing-contact:hover{background:#a855f74d;border-color:#c084fc;transform:translateY(-2px);box-shadow:0 4px 18px #a855f766}.pricing-period{color:var(--text-muted);margin-bottom:20px}.pricing-features{text-align:left;flex-direction:column;flex:auto;gap:8px;margin:0 0 24px;padding:0;list-style:none;display:flex}.pricing-features li{color:#cbd5e1;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:10px 0;font-size:.92rem;font-weight:500;display:flex}.pricing-features li:last-child{border-bottom:none}.pricing-features .check{color:#22c55e;background:#22c55e26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.tier-month .pricing-features .check{color:#f59e0b;background:#f59e0b26}.tier-lifetime .pricing-features .check{color:#c084fc;background:#a855f72e}.pricing-card-btn{letter-spacing:.3px;border-radius:var(--border-radius);cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:16px 24px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;color:#0b0b10!important;background:linear-gradient(135deg,gold 0%,#ffab00 45%,#f59e0b 100%)!important;border:2px solid #fef08a!important;font-family:Be Vietnam Pro,sans-serif!important;font-size:1.05rem!important;font-weight:800!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #ffd70073,0 0 35px #f59e0b4d!important}.pricing-card-btn:hover:not(:disabled){color:#000!important;background:linear-gradient(135deg,#fff59d 0%,gold 40%,#d97706 100%)!important;border-color:#fff!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 8px 30px #ffd700b3,0 0 50px #f59e0b80!important}.pricing-card-btn:active:not(:disabled){transform:translateY(-1px)scale(.99)!important;box-shadow:0 4px 15px #ffd70066!important}.pricing-card-btn:disabled{opacity:.6;cursor:not-allowed;color:#6b7280!important;box-shadow:none!important;background:#1f2937!important;border:1px solid #374151!important;transform:none!important}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;opacity:1;visibility:visible;transition:var(--transition);background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:var(--bg-card);border:3px solid var(--gold-primary);border-radius:var(--border-radius-lg);text-align:center;width:90%;max-width:500px;transition:var(--transition);box-shadow:var(--shadow-card), var(--glow-gold);padding:40px;transform:scale(1)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;right:20px}.modal-close:hover{color:var(--red-primary)}.modal-icon{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));width:80px;height:80px;box-shadow:var(--glow-gold);border-radius:25px;justify-content:center;align-items:center;margin:0 auto 25px;font-size:36px;display:flex}.modal-title{color:var(--gold-primary);margin-bottom:15px;font-family:Be Vietnam Pro,sans-serif;font-size:2rem;font-weight:800}.modal-subtitle{color:var(--text-secondary);margin-bottom:30px}.download-guide-content{max-width:640px;padding:28px;position:relative}.download-guide-title{margin-bottom:10px;font-size:1.6rem}.download-guide-subtitle{margin-bottom:14px}.download-guide-password{color:var(--text-secondary);background:#ffd70014;border:1px solid #ffd7004d;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 16px;display:inline-flex}.download-guide-password strong{color:var(--gold-primary);font-size:1.2rem}.download-guide-gif{object-fit:contain;border:2px solid var(--border-color);border-radius:12px;width:100%;max-height:360px;margin-bottom:20px;display:block}.download-guide-continue{width:100%}.support-links{flex-direction:column;gap:15px;display:flex}.support-link{border-radius:var(--border-radius-sm);transition:var(--transition);border:3px solid #0000;justify-content:center;align-items:center;gap:12px;padding:18px 25px;font-size:1.1rem;font-weight:600;text-decoration:none;display:flex}.support-link.telegram{color:#fff;background:linear-gradient(135deg,#08c,#0af)}.support-link.zalo{color:#fff;background:linear-gradient(135deg,#0068ff,#08f)}.support-link.facebook{color:#fff;background:linear-gradient(135deg,#1877f2,#42a5f5)}.support-link:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.footer{background:var(--bg-secondary);border-top:3px solid var(--border-color);padding:60px 0 30px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px;display:grid}.footer-brand .logo{margin-bottom:20px}.footer-brand p{color:var(--text-secondary);font-size:.95rem}.footer-title{color:var(--gold-primary);margin-bottom:20px;font-family:Be Vietnam Pro,sans-serif;font-size:1.2rem;font-weight:800}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:var(--text-secondary);transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--gold-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);padding-top:30px;font-size:.9rem}.toast{background:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-card);z-index:3000;align-items:center;gap:12px;padding:18px 28px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;position:fixed;bottom:30px;right:30px;transform:translate(150%)}.toast.show{transform:translate(0)}.toast.hidden{display:none}.toast.success{border-color:var(--green-primary);background:#22c55e1a}.toast.error{border-color:var(--red-primary);background:#ef44441a}.toast.warning{background:#f59e0b1a;border-color:#f59e0b}.info-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.info-card{text-align:center;padding:25px}.info-card:hover{border-color:var(--teal-primary);box-shadow:var(--shadow-card), var(--glow-teal)}.info-icon{width:60px;height:60px;color:var(--teal-primary);background:linear-gradient(135deg,#14b8a633,#06b6d433);border-radius:15px;justify-content:center;align-items:center;margin:0 auto 15px;font-size:24px;display:flex}.info-title{color:var(--teal-primary);margin-bottom:10px;font-family:Be Vietnam Pro,sans-serif;font-weight:800}.info-desc{color:var(--text-secondary);font-size:.9rem}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.slide-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-50px)}.slide-left.visible{opacity:1;transform:translate(0)}.slide-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(50px)}.slide-right.visible{opacity:1;transform:translate(0)}@media (width<=1200px){.header-content{padding:0 16px}.logo-text{font-size:1.5rem}.nav-menu,.nav-links{gap:12px}.nav-link{padding:4px 2px;font-size:.86rem}.lang-btn{padding:6px 10px;font-size:.8rem}}@media (width<=992px){.download-content{grid-template-columns:1fr}.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.pricing-grid{grid-template-columns:1fr}.pricing-card{transform:none!important}.nav-links{display:none}.mobile-menu-btn{display:flex}}@media (width<=768px){.hero-section{padding:100px 20px 60px}.hero-title{font-size:2.5rem}.hero-features{flex-direction:column;gap:20px}.section{padding:60px 0}.section-title{font-size:2rem}.video-grid,.info-grid{grid-template-columns:1fr}.footer-content{text-align:center;grid-template-columns:1fr}.card{padding:20px}.btn{padding:14px 24px}.modal-content{padding:30px 20px}.download-guide-content{padding:24px 16px}.download-guide-title{font-size:1.35rem}}@media (width<=480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.pricing-card{padding:30px 20px}.pricing-price{font-size:2.5rem}.pricing-price.pricing-contact{margin-bottom:20px;padding:10px 14px;font-size:1.15rem}}.btn-shine{position:relative;overflow:hidden}.btn-shine:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff40 50%,#0000 100%);width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0;transform:translate(-120%)}.btn-shine:hover:after{transform:translate(120%)}.floating-social{z-index:999;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:25px;right:25px}.social-btn{color:#fff;width:50px;height:50px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;box-shadow:0 4px 15px #0000004d}.social-btn:hover{transform:scale(1.15);box-shadow:0 6px 25px #0006}.social-btn.telegram{background:linear-gradient(135deg,#08c,#0af)}.social-btn.telegram:hover{box-shadow:0 6px 25px #0088cc80}.social-btn.zalo{background:linear-gradient(135deg,#0068ff,#09f)}.social-btn.zalo:hover{box-shadow:0 6px 25px #0068ff80}.social-btn.facebook{background:linear-gradient(135deg,#1877f2,#42a5f5)}.social-btn.facebook:hover{box-shadow:0 6px 25px #1877f280}.social-btn:before{content:attr(data-tooltip);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;border:2px solid var(--border-color);border-radius:8px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .3s;position:absolute;right:60px;transform:translate(10px)}.social-btn:hover:before{opacity:1;visibility:visible;transform:translate(0)}.social-btn:after{content:"";z-index:-1;border-radius:50%;width:100%;height:100%;animation:2s infinite social-pulse;position:absolute}.social-btn.telegram:after{background:#08c6}.social-btn.zalo:after{background:#0068ff66}.social-btn.facebook:after{background:#1877f266}@keyframes social-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.3)}}@media (width<=992px){.header-content{padding:0 14px}.nav-menu{gap:6px}.nav-links{display:none!important}.mobile-menu-btn{cursor:pointer;z-index:1002;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;transition:all .2s;display:flex}.mobile-menu-btn:hover{background:#f59e0b26;border-color:#f59e0b66}.mobile-menu-btn span{background:var(--gold-primary);border-radius:2px;width:20px;height:2px;transition:all .25s}.mobile-menu-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.lang-toggle{border-radius:20px;flex-shrink:0;margin-right:0;padding:2px;display:flex;position:static}.lang-btn{padding:5px 9px;font-size:.74rem}.header{z-index:1001}}@media (width<=768px){.header-content{padding:0 12px}.floating-social{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:10px}.social-btn{width:44px;height:44px}.social-btn:before{display:none}}@media (width<=480px){.header-content{padding:0 10px}.logo{gap:8px}.logo-text{font-size:1.25rem!important}.lang-btn{padding:4px 7px;font-size:.7rem}}#bills-section{background:radial-gradient(#ffd7000d 0%,#0000 70%)}.bills-carousel-wrapper{box-sizing:border-box;justify-content:center;align-items:center;gap:16px;width:100%;max-width:1100px;margin:0 auto 24px;padding:0 16px;display:flex;position:relative}.bills-carousel{border-radius:var(--border-radius);width:100%;max-width:900px;overflow:hidden}.bills-track{gap:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.bill-slide{border-radius:var(--border-radius);cursor:pointer;min-width:calc(33.333% - 14px);transition:var(--transition);background:var(--bg-card);border:3px solid var(--border-color);box-sizing:border-box;flex:0 0 calc(33.333% - 14px);position:relative;overflow:hidden}.bill-slide:hover{border-color:var(--gold-primary);box-shadow:var(--glow-gold);transform:scale(1.03)}.bill-slide img{object-fit:cover;width:100%;height:280px;transition:var(--transition);display:block}.bill-slide:hover img{transform:scale(1.05)}.bill-slide:after{content:"";pointer-events:none;background:linear-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.bill-overlay{z-index:1;opacity:0;transition:var(--transition);justify-content:center;align-items:center;padding:15px;display:flex;position:absolute;bottom:0;left:0;right:0}.bill-slide:hover .bill-overlay{opacity:1}.bill-overlay-icon{width:50px;height:50px;color:var(--bg-primary);transition:var(--transition-bounce);background:#ffd700e6;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(0)}.bill-slide:hover .bill-overlay-icon{transform:scale(1)}.carousel-btn{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));border:2px solid var(--gold-light);width:46px;height:46px;color:var(--bg-primary);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-button);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.carousel-btn:hover{box-shadow:var(--glow-gold);transform:scale(1.08)}.carousel-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.carousel-indicators{justify-content:center;gap:8px;margin-bottom:30px;display:flex}.carousel-indicator{background:var(--border-color);cursor:pointer;width:10px;height:10px;transition:var(--transition);border:2px solid #0000;border-radius:50%}.carousel-indicator.active{background:var(--gold-primary);border-color:var(--gold-light);box-shadow:var(--glow-gold);transform:scale(1.2)}.carousel-indicator:hover:not(.active){background:#ffd70080}.bills-stats{flex-wrap:wrap;justify-content:center;gap:30px;padding:0 16px;display:flex}.bills-stat{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition);box-sizing:border-box;align-items:center;gap:15px;padding:18px 24px;display:flex}.bills-stat:hover{border-color:var(--gold-primary);box-shadow:var(--glow-gold);transform:translateY(-3px)}.stat-icon{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));width:48px;height:48px;color:var(--bg-primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-info{flex-direction:column;display:flex}.stat-number{color:var(--gold-primary);font-family:Be Vietnam Pro,sans-serif;font-size:1.6rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.85rem}@media (width<=900px){.bill-slide{flex:0 0 calc(50% - 10px);min-width:calc(50% - 10px)}.bills-stats{gap:16px}}@media (width<=600px){.bills-carousel-wrapper{gap:8px;padding:0 8px}.carousel-btn{width:36px;height:36px}.carousel-btn svg{width:20px;height:20px}.bills-track{gap:14px}.bill-slide{flex:0 0 100%!important;min-width:100%!important}.bill-slide img{height:220px}.bills-stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 10px;display:grid}.bills-stat{text-align:center;flex-direction:column;gap:8px;padding:12px 10px}.stat-icon{border-radius:10px;width:36px;height:36px}.stat-number{font-size:1.3rem}.stat-label{margin-top:2px;font-size:.75rem}}.image-modal{z-index:9999;opacity:0;background:#000000f2;justify-content:center;align-items:center;padding:20px;transition:opacity .3s;display:none;position:fixed;inset:0}.image-modal.active{opacity:1;display:flex}.image-modal img{object-fit:contain;border-radius:var(--border-radius);max-width:90%;max-height:90vh;animation:.3s modal-zoom;box-shadow:0 20px 60px #00000080}@keyframes modal-zoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:#fff;cursor:pointer;width:50px;height:50px;transition:var(--transition);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:#fff3;transform:rotate(90deg)}.bills-loading{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:60px 20px;display:flex}.bills-loading-spinner{border:4px solid var(--border-color);border-top-color:var(--gold-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@media (width<=900px){.bill-slide{flex:0 0 calc(50% - 10px);min-width:calc(50% - 10px)}.bill-slide img{height:240px}.bills-stats{gap:20px}.bills-stat{padding:15px 20px}}@media (width<=600px){.bill-slide{flex:0 0 100%;min-width:100%}.bill-slide img{height:300px}.bills-carousel-wrapper{padding:0 10px}.carousel-btn{width:40px;height:40px}.bills-stats{flex-direction:column;align-items:center;gap:15px}.bills-stat{justify-content:center;width:100%;max-width:280px}}.maintenance-box{border-radius:var(--border-radius-sm);text-align:center;background:#f59e0b14;border:3px solid #f59e0b66;margin-top:25px;padding:30px 25px;animation:.5s ease-out slide-up}.maintenance-box.hidden{display:none}.maintenance-icon{margin-bottom:12px;font-size:3rem;animation:2s ease-in-out infinite maintenance-pulse}@keyframes maintenance-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)rotate(10deg)}}.maintenance-title{color:#f59e0b;margin-bottom:10px;font-family:Be Vietnam Pro,sans-serif;font-size:1.3rem;font-weight:800}.maintenance-message{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.user-auth-widget{flex-shrink:0;align-items:center;margin-left:8px;display:inline-flex}.btn-auth-login{border:1px solid var(--gold-primary);color:var(--gold-primary);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#ffd70026,#8b5cf633);border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #0003}.btn-auth-login:hover{background:linear-gradient(135deg, var(--gold-primary), var(--gold-secondary));color:#1a1a2e;box-shadow:var(--glow-gold);transform:translateY(-1px)}.user-profile-badge{background:#1a1a2ed9;border:1px solid #ffd70059;border-radius:24px;flex-shrink:0;align-items:center;gap:8px;padding:4px 10px;display:inline-flex;box-shadow:0 4px 15px #0000004d}.user-avatar-circle{background:linear-gradient(135deg, var(--purple-primary), var(--purple-secondary));color:#fff;width:28px;height:28px;box-shadow:var(--glow-purple);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-email-display{text-overflow:ellipsis;white-space:nowrap;max-width:110px;color:var(--gold-light);font-size:.85rem;font-weight:600;display:inline-block;overflow:hidden}.btn-auth-logout{width:26px;height:26px;color:var(--red-primary);cursor:pointer;transition:var(--transition);background:#ef444426;border:1px solid #ef444466;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.btn-auth-logout:hover{background:var(--red-primary);color:#fff;box-shadow:0 0 10px #ef444499}.pricing-card.day-key-card{background:linear-gradient(#14b8a614 0%,#1a1a2ef5 35%);border-color:#14b8a673;position:relative;overflow:visible}.pricing-card.day-key-card:hover{border-color:var(--teal-primary);box-shadow:var(--shadow-card), var(--glow-teal)}.pricing-badge.trial-badge{background:linear-gradient(135deg, var(--teal-primary), var(--teal-secondary));box-shadow:var(--glow-teal);color:#fff;white-space:nowrap;z-index:10;padding:7px 18px;font-size:.8rem}.pricing-icon.day-icon{color:var(--teal-light);box-shadow:0 0 25px #14b8a659}.pricing-price.day-price{justify-content:center;align-items:baseline;gap:4px;margin:15px 0 20px;display:flex}.pricing-price.day-price .price-val{color:var(--gold-primary);text-shadow:var(--glow-gold);font-family:Be Vietnam Pro,sans-serif;font-size:2.2rem;font-weight:900}.pricing-price.day-price .price-period{color:var(--text-muted);font-size:1rem;font-weight:500}.day-key-stock-wrap{border-radius:var(--border-radius-sm);background:#0f172ab3;border:1px solid #14b8a640;margin-bottom:20px;padding:10px 14px}.stock-indicator{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;display:flex}.stock-dot-wrap{align-items:center;gap:6px;display:inline-flex}.stock-dot{background-color:var(--green-primary);width:8px;height:8px;box-shadow:0 0 8px var(--green-primary);border-radius:50%;animation:2s ease-in-out infinite pulseDot}.stock-dot.low{background-color:var(--gold-primary);box-shadow:0 0 8px var(--gold-primary)}.stock-dot.empty{background-color:var(--red-primary);box-shadow:0 0 8px var(--red-primary)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.stock-progress-bar{background:#ffffff1a;border-radius:3px;width:100%;height:6px;overflow:hidden}.stock-progress-fill{background:linear-gradient(90deg, var(--teal-primary), var(--green-primary));border-radius:3px;height:100%;transition:width .5s}.stock-progress-fill.empty{background:var(--red-primary)}.dk-modal-overlay{z-index:3000;opacity:1;visibility:visible;background:#0a0a14e6;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.dk-modal-overlay.active{opacity:1;visibility:visible}.dk-modal-card{background:var(--bg-card);border-radius:var(--border-radius-lg);border:1.5px solid #ffd70059;width:100%;max-width:780px;max-height:94vh;padding:26px 28px;transition:transform .2s;position:relative;overflow-y:auto;transform:scale(1);box-shadow:0 16px 48px #000000bf}.dk-modal-card::-webkit-scrollbar{width:6px}.dk-modal-card::-webkit-scrollbar-track{background:0 0}.dk-modal-card::-webkit-scrollbar-thumb{background:#ffd70040;border-radius:3px}.dk-modal-overlay.active .dk-modal-card{transform:scale(1)}.dk-modal-close{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:18px;right:20px}.dk-modal-close:hover{color:var(--red-primary);transform:rotate(90deg)}.auth-tabs{border-bottom:2px solid #ffffff1a;margin-bottom:24px;display:flex}.auth-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex:1;padding:12px;font-family:Be Vietnam Pro,sans-serif;font-size:1rem;font-weight:700;position:relative}.auth-tab-btn.active{color:var(--gold-primary)}.auth-tab-btn.active:after{content:"";background:linear-gradient(90deg, var(--gold-primary), var(--gold-secondary));width:100%;height:3px;box-shadow:var(--glow-gold);border-radius:3px;position:absolute;bottom:-2px;left:0}.dk-form-group{text-align:left;margin-bottom:18px}.dk-form-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:600;display:flex}.dk-input-wrap{align-items:center;display:flex;position:relative}.dk-input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.dk-form-input{border-radius:var(--border-radius-sm);color:#fff;width:100%;transition:var(--transition);background:#0f172acc;border:1px solid #ffd70040;padding:12px 14px 12px 42px;font-family:inherit;font-size:.95rem}.dk-form-input:focus{border-color:var(--gold-primary);background:#0f172af2;outline:none;box-shadow:0 0 12px #ffd70059}.dk-input-action-btn{color:var(--gold-primary);cursor:pointer;transition:var(--transition);background:#ffd70026;border:1px solid #ffd7004d;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;font-weight:600;display:flex;position:absolute;right:8px}.dk-input-action-btn:hover{background:var(--gold-primary);color:#1a1a2e}.dk-alert{border-radius:var(--border-radius-sm);text-align:left;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:.9rem;line-height:1.4;display:flex}.dk-alert.error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444466}.dk-alert.warning{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b66}.dk-alert.success{color:#86efac;background:#22c55e1f;border:1px solid #22c55e66}.dk-alert.info{color:#bae6fd;background:#38bdf81f;border:1px solid #38bdf866}.order-pending-card{text-align:center;padding:4px 0}.pending-order-header{text-align:center;margin-bottom:20px}.pending-modal-title{color:var(--gold-primary);letter-spacing:.5px;margin-bottom:8px;font-size:1.55rem;font-weight:800}.pending-header-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.order-badge-code{border:1px dashed var(--gold-primary);color:var(--gold-primary);letter-spacing:1px;background:#ffd7001a;border-radius:20px;padding:5px 16px;font-family:monospace;font-size:1.05rem;font-weight:700;display:inline-block}.order-badge-timer{color:#fde68a;background:#f59e0b26;border:1px solid #f59e0b73;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:.88rem;font-weight:600;display:inline-flex}.order-badge-timer strong{color:#fbbf24;font-family:monospace;font-size:.98rem}.pending-order-body{text-align:left;align-items:stretch;gap:24px;display:flex}.pending-qr-col{flex-direction:column;flex:0 0 270px;justify-content:center;align-items:center;max-width:270px;display:flex}.qr-container{text-align:center;background:#fff;border:2px solid #ffd70073;border-radius:16px;justify-content:center;align-items:center;width:260px;height:260px;margin:0 auto 10px;padding:10px;display:flex;overflow:hidden;box-shadow:0 10px 32px #0009,0 0 24px #ffd70040}.qr-image{object-fit:contain;border-radius:8px;width:100%;height:100%;display:block}.qr-loading-box{color:var(--text-muted);text-align:center;padding:30px 10px;font-size:.85rem}.qr-caption-hint{color:var(--text-secondary);white-space:nowrap;text-align:center;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:4px;font-size:.85rem;display:flex}.qr-caption-hint i,.qr-caption-hint svg{width:15px;height:15px;color:var(--gold-primary);flex-shrink:0}.pending-details-col{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.transfer-info-card{text-align:left;background:#0f172af2;border:1px solid #ffd7004d;border-radius:14px;margin-bottom:12px;padding:12px 18px}.transfer-info-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 0;font-size:.92rem;display:flex}.transfer-info-row:last-child{border-bottom:none;padding-bottom:0}.transfer-info-label{color:var(--text-muted);white-space:nowrap;min-width:100px;font-size:.88rem}.transfer-info-value-wrap{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.transfer-info-val{color:#fff;text-align:right;font-size:.92rem;font-weight:700}.transfer-info-val.font-mono{color:var(--gold-light);white-space:nowrap;letter-spacing:.5px;font-family:monospace;font-size:1.05rem}.transfer-info-val.amount{color:var(--green-primary);font-size:1.15rem;font-weight:800}.transfer-memo-block{background:#38bdf814;border:1px dashed #38bdf873;border-radius:10px;margin-top:10px;padding:10px 14px}.transfer-memo-header{margin-bottom:6px}.transfer-memo-label{color:#38bdf8;letter-spacing:.5px;font-size:.78rem;font-weight:800;display:block}.transfer-memo-content{background:#0f172ad9;border:1px solid #38bdf84d;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.transfer-memo-code{color:#38bdf8;letter-spacing:.8px;-webkit-user-select:all;user-select:all;word-break:break-all;font-family:Consolas,Monaco,monospace;font-size:1.05rem;font-weight:800}.btn-mini-copy{color:var(--gold-primary);cursor:pointer;transition:var(--transition);background:#ffd70026;border:1px solid #ffd70059;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:.75rem;font-weight:700;display:inline-flex}.btn-mini-copy:hover{background:var(--gold-primary);color:#1a1a2e}.btn-mini-copy.copied{background:var(--green-primary);color:#fff;border-color:var(--green-primary)}.order-action-buttons{flex-direction:column;gap:8px;margin-top:4px;display:flex}.btn-cancel-order{border:1px solid var(--red-primary);border-radius:var(--border-radius-sm);color:#fca5a5;cursor:pointer;width:100%;transition:var(--transition);background:#ef444426;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:700;display:flex}.btn-cancel-order:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-1px);box-shadow:0 0 16px #ef444499}.btn-cancel-order:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-payos-checkout{border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;width:100%;transition:var(--transition);background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:Be Vietnam Pro,sans-serif;font-size:.92rem;font-weight:800;text-decoration:none;display:flex;box-shadow:0 4px 15px #10b98159}.btn-payos-checkout:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 0 20px #10b98199}.transfer-memo-warning{color:var(--text-muted);text-align:center;margin-top:8px;font-size:.78rem;line-height:1.35}@media (width<=720px){#dayKeyOrderModal .dk-modal-card,.dk-modal-card{max-height:92vh;padding:18px 16px}.pending-order-body{flex-direction:column;gap:16px}.pending-qr-col{flex:none;max-width:260px;margin:0 auto}.transfer-info-val.memo,.transfer-info-val.font-mono{white-space:normal;word-break:break-all}}@media (width<=1200px){.user-email-display{max-width:90px;font-size:.8rem}}@media (width<=992px){.user-auth-widget{margin-left:6px}.user-email-display{max-width:80px}.btn-auth-login span{display:none}.btn-auth-login{padding:8px 10px}}:root{--tracker-bg:#0b0f19;--tracker-card-bg:#121929bf;--tracker-card-border:#ffffff14;--tracker-card-hover:#1a243ce6;--tracker-gold:#f59e0b;--tracker-gold-glow:#f59e0b40;--tracker-elixir:#d946ef;--tracker-elixir-glow:#d946ef40;--tracker-dark-elixir:#06b6d4;--tracker-dark-elixir-glow:#06b6d440;--tracker-primary:#3b82f6;--tracker-primary-glow:#3b82f659;--tracker-success:#10b981;--tracker-warning:#f59e0b;--tracker-danger:#ef4444;--tracker-text:#f8fafc;--tracker-text-muted:#94a3b8;--tracker-radius:16px;--tracker-radius-sm:10px}.tracker-container{max-width:1280px;color:var(--tracker-text);min-height:100vh;margin:0 auto;padding:100px 20px 80px}.tracker-header{text-align:center;margin-bottom:40px;position:relative}.tracker-badge{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 0 20px #3b82f633}.tracker-title{background:linear-gradient(135deg,#fff 0%,#cbd5e1 50%,#93c5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:2.75rem;font-weight:800;line-height:1.2}.tracker-subtitle{color:var(--tracker-text-muted);max-width:720px;margin:0 auto 24px;font-size:1.125rem;line-height:1.6}.guide-accordion{border-radius:var(--tracker-radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121929b3;border:1px solid #3b82f640;max-width:900px;margin:0 auto 36px;transition:border-color .3s;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.guide-accordion:hover{border-color:#3b82f666}.guide-accordion-header{cursor:pointer;color:#bfdbfe;-webkit-user-select:none;user-select:none;background:#1e293b66;justify-content:space-between;align-items:center;padding:16px 24px;font-weight:600;transition:all .2s;display:flex}.guide-accordion-header:hover{color:#fff;background:#3b82f61f}.guide-accordion-body{color:var(--tracker-text-muted);border-top:1px solid #ffffff0f;padding:0 20px 20px;font-size:.9rem;line-height:1.6;display:none}.guide-accordion-body.open{padding-top:18px;display:block}.guide-steps{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:6px;display:grid}.guide-step-item{background:#0f172a99;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;padding:16px 14px;transition:all .25s;display:flex;position:relative}.guide-step-item:hover{background:#1e293bb3;border-color:#3b82f64d;transform:translateY(-2px)}.guide-step-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.guide-step-badge{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 0 10px #3b82f666}.guide-step-icon{color:#94a3b8;opacity:.8;width:18px;height:18px}.guide-step-title{color:#60a5fa;margin-bottom:6px;font-size:.95rem;font-weight:700}.guide-step-desc{color:#cbd5e1;font-size:.85rem;line-height:1.5}.guide-step-desc strong{color:#fff}@media (width<=820px){.guide-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.guide-steps{grid-template-columns:1fr}}.tracker-input-card{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:40px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #00000080}.tracker-input-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f6,#d946ef,#f59e0b,#0000);height:2px;position:absolute;top:0;left:0;right:0}.input-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.input-label-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.input-actions-quick{align-items:center;gap:10px;display:flex}.btn-quick{color:#e2e8f0;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-quick:hover{color:#fff;background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-quick:active{background:#ffffff2e;transform:translateY(0)}.btn-quick#btnPaste:hover{color:#93c5fd;background:#3b82f62e;border-color:#3b82f666}.btn-quick#btnUploadFile:hover{color:#d8b4fe;background:#a855f72e;border-color:#a855f766}.btn-quick#btnClear:hover{color:#fca5a5;background:#ef444426;border-color:#ef444459}.tracker-textarea{border-radius:var(--tracker-radius-sm);color:#f1f5f9;resize:vertical;box-sizing:border-box;background:#0b0f19cc;border:1px solid #ffffff1a;width:100%;height:140px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.tracker-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.tracker-cta-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;display:flex}.btn-analyze{border-radius:var(--tracker-radius-sm);color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px -4px #3b82f680}.btn-analyze:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-2px);box-shadow:0 12px 28px -4px #3b82f6b3}.btn-analyze:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:none}.btn-analyze.loading .spinner{display:inline-block}.btn-analyze.loading .btn-text{opacity:.8}.recent-searches-wrap{border-top:1px dashed #ffffff1a;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;animation:.3s fadeIn;display:flex}.recent-searches-header{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.recent-title{color:#94a3b8;align-items:center;gap:6px;font-weight:700;display:flex}.recent-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.76rem;font-weight:600;transition:all .2s;display:flex}.recent-clear-btn:hover{color:#ef4444;background:#ef44441f}.recent-chips-list{flex-wrap:wrap;gap:8px;display:flex}.recent-player-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#1e293bd9;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:5px 12px 5px 8px;font-size:.84rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #00000040}.recent-player-chip:hover{background:#3b82f633;border-color:#60a5fa80;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.recent-th-img{object-fit:contain;width:20px;height:20px}.recent-th-badge{color:#0f172a;letter-spacing:.5px;background:#f59e0b;border-radius:4px;padding:1px 5px;font-size:.68rem;font-weight:800}.recent-player-name{color:#f1f5f9;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:700;overflow:hidden}.recent-player-tag{color:#94a3b8;font-family:monospace;font-size:.78rem}.recent-remove-one{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:2px;transition:all .15s;display:flex}.recent-remove-one:hover{color:#ef4444;background:#ef444440}.tracker-error-banner{border-radius:var(--tracker-radius-sm);color:#fca5a5;background:#ef444426;border:1px solid #ef444466;align-items:center;gap:10px;margin-top:16px;padding:14px 20px;font-size:.95rem;display:none}.tracker-results{animation:.4s ease-out forwards fadeIn;display:none}.village-top-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.village-top-controls-row .village-mode-switcher{margin-bottom:0}.village-top-controls-row .max-mode-control-row{margin-top:0}.village-mode-switcher{background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;gap:10px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.mode-switch-btn{color:var(--tracker-text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:700;transition:all .25s;display:inline-flex}.mode-switch-btn:hover{color:#fff;background:#ffffff0d}.mode-switch-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f633 0%,#2563eb4d 100%);border-color:#3b82f680;box-shadow:0 4px 15px #2563eb40}.mode-switch-btn.active#btnModeBuilder{color:#fff;background:linear-gradient(135deg,#a855f733 0%,#9333ea4d 100%);border-color:#a855f780;box-shadow:0 4px 15px #a855f740}.mode-th-pill{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:800}.mode-th-pill.bb-pill{color:#c084fc;background:#a855f733;border-color:#a855f766}.village-profile-bar{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:26px;padding:22px 28px;display:block}.th-avatar-container{align-items:center;gap:20px;width:100%;display:flex}.th-info-wrapper{flex-direction:column;flex-grow:1;gap:8px;display:flex}.player-badges-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.village-stats-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.vstat-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:5px 14px;font-size:.88rem;display:inline-flex}.vstat-item.vstat-upgrading{background:#ef44440f;border-color:#ef444440}.vstat-item.vstat-maxed{background:#10b9810f;border-color:#10b98140}.vstat-dot{border-radius:9999px;width:8px;height:8px;display:inline-block}.dot-upgrading{background:#f87171;box-shadow:0 0 8px #f87171}.dot-maxed{background:#34d399;box-shadow:0 0 8px #34d399}.vstat-label{color:var(--tracker-text-muted);font-weight:600}.vstat-val{font-size:.95rem;font-weight:800}.vstat-upgrading .vstat-val{color:#f87171}.vstat-maxed .vstat-val{color:#34d399}.th-image{object-fit:contain;filter:drop-shadow(0 8px 16px #0009);flex-shrink:0;width:84px;height:84px;transition:transform .3s}.th-image:hover{transform:scale(1.08)}.th-meta-title{align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.th-badge{color:#000;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;padding:2px 10px;font-size:.875rem;font-weight:800}.player-tag-pill{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-family:monospace;font-size:.9rem;transition:all .2s;display:inline-flex}.player-tag-pill:hover{color:#fff;background:#ffffff1f}.clan-badge-pill{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f640;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.league-badge-pill{color:#7dd3fc;background:#38bdf81f;border:1px solid #38bdf840;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.trophy-badge-pill{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.warstar-badge-pill{color:#fca5a5;background:#ef44441f;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.exp-badge-pill{color:#93c5fd;background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:8px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.units-showcase-card{border-radius:var(--tracker-radius);contain:layout style;background:#121826f2;border:1px solid #3b82f640;margin-bottom:24px;padding:20px 24px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 25px -5px #0006}.units-showcase-card:before{content:"";background:linear-gradient(90deg,#0000,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#0000);height:2px;position:absolute;top:0;left:0;right:0}.units-showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.units-showcase-title{color:#f8fafc;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.units-count-badge{color:#93c5fd;cursor:pointer;-webkit-user-select:none;user-select:none;background:#3b82f633;border:1px solid #3b82f659;border-radius:9999px;padding:2px 10px;font-size:.82rem;font-weight:700}.units-overall-progress-badge{color:#34d399;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#10b98133,#38bdf833);border:1px solid #34d39966;border-radius:9999px;align-items:center;padding:2px 10px;font-size:.82rem;font-weight:800;display:inline-flex;box-shadow:0 0 8px #34d39933}.units-overall-progress-badge.is-complete{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#eab30840);border-color:#f59e0b80;box-shadow:0 0 10px #f59e0b59}.units-subgroup-pill{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}.units-subgroup-progress-pill{color:#38bdf8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#38bdf81f;border:1px solid #38bdf840;border-radius:9999px;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.unit-showcase-item.unit-hero{background:linear-gradient(145deg,#78350f,#2d1303)!important;border:1.5px solid #f59e0b!important;box-shadow:0 0 10px #f59e0b59,inset 0 0 8px #f59e0b33!important}.unit-showcase-item.unit-hero:hover{border-color:#fbbf24!important;box-shadow:0 0 16px #f59e0bb3,inset 0 0 12px #f59e0b59!important}.unit-showcase-item.unit-hero.is-maxed{background:linear-gradient(145deg,#92400e,#451a03)!important;border:2px solid #fbbf24!important;box-shadow:0 0 14px #fbbf24a6,inset 0 0 10px #f59e0b59!important}.unit-showcase-item.unit-hero.is-maxed:hover{border-color:#fde68a!important;box-shadow:0 0 20px #fbbf24d9,inset 0 0 14px #f59e0b80!important}.unit-showcase-item.unit-pet{background:linear-gradient(145deg,#0d5a54,#062b28)!important;border:1.5px solid #14b8a6!important;box-shadow:0 0 10px #14b8a659,inset 0 0 8px #14b8a633!important}.unit-showcase-item.unit-pet:hover{border-color:#2dd4bf!important;box-shadow:0 0 16px #14b8a6b3,inset 0 0 12px #14b8a659!important}.unit-showcase-item.unit-pet.is-maxed{background:linear-gradient(145deg,#0f766e,#083330)!important;border:2px solid #2dd4bf!important;box-shadow:0 0 14px #2dd4bfa6,inset 0 0 10px #14b8a659!important}.unit-showcase-item.unit-pet.is-maxed:hover{border-color:#99f6e4!important;box-shadow:0 0 20px #2dd4bfd9,inset 0 0 14px #14b8a680!important}.unit-showcase-item.unit-troop{background:linear-gradient(145deg,#334155,#0f172a)!important;border:1.5px solid #64748b!important;box-shadow:0 0 8px #64748b4d,inset 0 0 6px #64748b26!important}.unit-showcase-item.unit-troop:hover{border-color:#94a3b8!important;box-shadow:0 0 14px #94a3b899,inset 0 0 10px #94a3b84d!important}.unit-showcase-item.unit-troop.is-maxed{background:linear-gradient(145deg,#475569,#1e293b)!important;border:2px solid #fbbf24!important;box-shadow:0 0 12px #fbbf2480,inset 0 0 8px #64748b40!important}.unit-showcase-item.unit-troop.is-maxed:hover{border-color:#fde68a!important;box-shadow:0 0 18px #fbbf24bf,inset 0 0 12px #fbbf2466!important}.unit-showcase-item.unit-spell{background:linear-gradient(145deg,#312e81,#131133)!important;border:1.5px solid #818cf8!important;box-shadow:0 0 10px #818cf859,inset 0 0 8px #818cf833!important}.unit-showcase-item.unit-spell:hover{border-color:#a5b4fc!important;box-shadow:0 0 16px #818cf8b3,inset 0 0 12px #818cf859!important}.unit-showcase-item.unit-spell.is-maxed{background:linear-gradient(145deg,#3730a3,#1e1b4b)!important;border:2px solid #a5b4fc!important;box-shadow:0 0 14px #a5b4fca6,inset 0 0 10px #818cf859!important}.unit-showcase-item.unit-spell.is-maxed:hover{border-color:#e0e7ff!important;box-shadow:0 0 20px #a5b4fcd9,inset 0 0 14px #818cf880!important}.unit-showcase-item.unit-siege{background:linear-gradient(145deg,#7c2d12,#300f04)!important;border:1.5px solid #ea580c!important;box-shadow:0 0 10px #ea580c59,inset 0 0 8px #ea580c33!important}.unit-showcase-item.unit-siege:hover{border-color:#fb923c!important;box-shadow:0 0 16px #ea580cb3,inset 0 0 12px #ea580c59!important}.unit-showcase-item.unit-siege.is-maxed{background:linear-gradient(145deg,#9a3412,#431407)!important;border:2px solid #fb923c!important;box-shadow:0 0 14px #fb923ca6,inset 0 0 10px #ea580c59!important}.unit-showcase-item.unit-siege.is-maxed:hover{border-color:#ffedd5!important;box-shadow:0 0 20px #fb923cd9,inset 0 0 14px #ea580c80!important}.units-category-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.units-cat-btn{color:var(--tracker-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:4px 12px;font-size:.78rem;font-weight:600;transition:all .2s}.units-cat-btn:hover{color:#fff;background:#3b82f626;border-color:#3b82f666}.units-cat-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#60a5fa;box-shadow:0 0 10px #3b82f666}.units-subgroup{margin-bottom:16px}.units-subgroup:last-child{margin-bottom:0}.units-subgroup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.units-subgroup-title{color:#f1f5f9;letter-spacing:.3px;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.units-subgroup-pill{color:#cbd5e1;background:#ffffff14;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:700}.units-subgroup-progress-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840;border-radius:9999px;align-items:center;padding:1px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.units-subgroup-progress-pill.is-complete{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.units-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;width:100%;display:grid}.unit-showcase-item{text-align:center;contain:layout style;background:#0f172af2;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:transform .18s ease-out,border-color .18s ease-out;display:flex;position:relative;transform:translateZ(0);box-shadow:0 2px 5px #0000004d}.unit-showcase-item:hover{border-color:#60a5fa99;transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000080}.unit-showcase-item.is-maxed{background:linear-gradient(145deg,#26190cf2,#16121ef2);border-color:#f59e0bbf;box-shadow:0 0 8px #f59e0b4d}.unit-showcase-item.is-maxed:hover{border-color:#fbbf24;box-shadow:0 0 12px #f59e0b80}.unit-showcase-item.equipment-common{background:linear-gradient(145deg,#1e40af,#0f2744)!important;border:1.5px solid #38bdf8!important;box-shadow:0 0 10px #38bdf866,inset 0 0 8px #38bdf840!important}.unit-showcase-item.equipment-common:hover{border-color:#7dd3fc!important;box-shadow:0 0 16px #38bdf8b3,inset 0 0 12px #38bdf866!important}.unit-showcase-item.equipment-common.is-maxed{background:linear-gradient(145deg,#1d4ed8,#0e2e5c)!important;border:2px solid #38bdf8!important;box-shadow:0 0 12px #38bdf899,inset 0 0 10px #38bdf84d!important}.unit-showcase-item.equipment-common.is-maxed:hover{border-color:#93c5fd!important;box-shadow:0 0 18px #38bdf8cc,inset 0 0 14px #38bdf880!important}.unit-showcase-item.equipment-epic{background:linear-gradient(145deg,#7e22ce,#3b0764)!important;border:1.5px solid #d946ef!important;box-shadow:0 0 12px #d946ef73,inset 0 0 8px #d946ef4d!important}.unit-showcase-item.equipment-epic:hover{border-color:#f0abfc!important;box-shadow:0 0 18px #d946efbf,inset 0 0 12px #d946ef73!important}.unit-showcase-item.equipment-epic.is-maxed{background:linear-gradient(145deg,#86198f,#4a044e)!important;border:2px solid #e879f9!important;box-shadow:0 0 14px #e879f9a6,inset 0 0 10px #e879f959!important}.unit-showcase-item.equipment-epic.is-maxed:hover{border-color:#f5d0fe!important;box-shadow:0 0 20px #e879f9d9,inset 0 0 14px #e879f980!important}.unit-img-wrap{justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:0;display:flex;position:relative}.unit-img-wrap picture,.item-card-top picture,.upgrading-card picture{display:contents}.unit-img{object-fit:contain;width:40px;height:40px;transition:transform .18s ease-out}.unit-showcase-item:hover .unit-img{transform:scale(1.06)}.unit-lvl-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1.5px solid #0f172a;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0006}.unit-lvl-badge.lvl-max{color:#0f172a;background:linear-gradient(135deg,#f59e0b,#eab308);border-color:#fff;box-shadow:0 0 6px #f59e0bcc}.units-empty{color:var(--tracker-text-muted);text-align:center;padding:12px 0;font-size:.85rem}.equipment-showcase-card{border-radius:var(--tracker-radius);contain:layout style;background:#121826f2;border:1px solid #a855f740;margin-bottom:28px;padding:20px 24px;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 10px 25px -5px #0006}.equipment-showcase-card:before{content:"";background:linear-gradient(90deg,#0000,#a855f7,#ec4899,#f59e0b,#0000);height:2px;position:absolute;top:0;left:0;right:0}.equipment-showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.equipment-showcase-title{color:#f8fafc;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.equipment-count-badge{color:#d8b4fe;background:#a855f733;border:1px solid #a855f759;border-radius:9999px;padding:2px 10px;font-size:.82rem;font-weight:700}.equipment-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;width:100%;display:grid}.equipment-card{text-align:center;contain:layout style;background:#0f172af2;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:transform .18s ease-out,border-color .18s ease-out;display:flex;position:relative;transform:translateZ(0);box-shadow:0 2px 5px #0000004d}.equipment-card:hover{border-color:#a855f799;transform:translateY(-2px);box-shadow:0 6px 12px -2px #00000080}.equipment-card.is-maxed{background:linear-gradient(145deg,#26190cf2,#16121ef2);border-color:#f59e0bbf;box-shadow:0 0 8px #f59e0b4d}.equipment-card.is-maxed:hover{border-color:#fbbf24;box-shadow:0 0 12px #f59e0b80}.eq-image-wrapper{justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:0;display:flex;position:relative}.eq-img{object-fit:contain;width:40px;height:40px;transition:transform .18s ease-out}.equipment-card:hover .eq-img{transform:scale(1.06)}.eq-lvl-circle{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1.5px solid #0f172a;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 3px;font-size:.65rem;font-weight:800;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0006}.eq-lvl-circle.eq-lvl-max{color:#0f172a;background:linear-gradient(135deg,#f59e0b,#eab308);border-color:#fff;box-shadow:0 0 6px #f59e0bcc}.eq-name{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:62px;font-size:.68rem;font-weight:600;line-height:1.15;overflow:hidden}.resource-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:36px;display:grid}.res-card{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:18px;padding:20px 24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.res-card:hover{transform:translateY(-2px)}.res-card.gold-card{border-left:4px solid var(--tracker-gold)}.res-card.gold-card:hover{box-shadow:0 8px 24px var(--tracker-gold-glow)}.res-card.elixir-card{border-left:4px solid var(--tracker-elixir)}.res-card.elixir-card:hover{box-shadow:0 8px 24px var(--tracker-elixir-glow)}.res-card.dark-elixir-card{border-left:4px solid var(--tracker-dark-elixir)}.res-card.dark-elixir-card:hover{box-shadow:0 8px 24px var(--tracker-dark-elixir-glow)}.res-card.stats-card{border-left:4px solid var(--tracker-success)}.res-icon-wrapper{background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.res-icon-img{object-fit:contain;width:36px;height:36px}.res-card-label{color:var(--tracker-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.85rem;font-weight:600}.res-card-val{color:#fff;font-size:1.6rem;font-weight:800}.res-card-sub{color:var(--tracker-text-muted);font-size:.8rem}.upgrading-section{margin-bottom:40px}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.upgrading-section .section-title,.section-title-row .section-title{align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.upgrading-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.upgrading-card{border-radius:var(--tracker-radius);background:#121929d9;border:1px solid #ef44444d;align-items:center;gap:16px;padding:16px 20px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #ef44441a}.upgrading-card:hover{border-color:#ef444499;transform:translateY(-2px)}.upgrading-thumb{object-fit:contain;background:#0003;border-radius:10px;flex-shrink:0;width:58px;height:58px;padding:4px}.upgrading-info{flex-grow:1;min-width:0}.upgrading-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.upgrading-levels{color:var(--tracker-text-muted);margin-top:2px;font-size:.85rem}.upgrading-timer-badge{color:#fca5a5!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;width:auto!important;height:auto!important;box-shadow:none!important;background:#ef444426!important;border:1px solid #ef444459!important;border-radius:6px!important;align-items:center!important;gap:6px!important;margin-top:6px!important;padding:4px 10px!important;font-size:.82rem!important;font-weight:700!important;display:inline-flex!important}.upgrading-timer-badge.live-pulse,.upgrading-timer-badge.timer-pulse{width:auto!important;height:auto!important;box-shadow:none!important;background:#ef444426!important;border-radius:6px!important;animation:2s infinite pulseTimer!important;display:inline-flex!important}@keyframes pulseTimer{0%,to{opacity:1}50%{opacity:.7}}.tag-helper{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.7rem;font-weight:700}.tag-gearup{color:#000;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:.7rem;font-weight:800}.tracker-tabs-wrapper{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:6px;margin-bottom:24px;padding:8px;display:flex;overflow-x:auto}.tracker-tab-btn{border-radius:var(--tracker-radius-sm);min-width:140px;color:var(--tracker-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.tracker-tab-btn:hover{color:#fff;background:#ffffff0d}.tracker-tab-btn.active{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;box-shadow:0 0 15px #3b82f626}.filter-search-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-input-wrapper{flex-grow:1;max-width:380px;position:relative}.search-input{border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius-sm);color:#fff;box-sizing:border-box;background:#121929cc;width:100%;padding:10px 16px 10px 40px;font-size:.9rem}.search-input:focus{border-color:#3b82f6;outline:none}.search-icon{color:var(--tracker-text-muted);width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.status-filter-group{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:var(--tracker-text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.filter-chip:hover{color:#fff;background:#ffffff14}.filter-chip.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.items-grid,.tab-items-grid{gap:16px;margin-bottom:40px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;display:grid!important}.item-card{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);contain:layout style;content-visibility:auto;contain-intrinsic-size:140px;will-change:transform;flex-direction:column;padding:16px 18px;transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out;display:flex;position:relative;transform:translateZ(0)}.item-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 12px 24px -8px #00000080}.item-card.is-maxed{background:#10b98108;border-color:#10b98133}.item-card.is-upgrading{border-color:#ef444459;box-shadow:0 0 15px #ef44441a}.item-card-top{align-items:center;gap:14px;margin-bottom:12px;display:flex}.item-card-thumb{object-fit:contain;background:#0000004d;border-radius:10px;flex-shrink:0;width:54px;height:54px;padding:4px}.item-card-meta{flex-grow:1;min-width:0}.item-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;overflow:hidden}.item-card-count{color:var(--tracker-text-muted);font-size:.8rem}.item-lvl-progress-wrap{margin-bottom:12px}.item-lvl-labels{justify-content:space-between;margin-bottom:4px;font-size:.825rem;font-weight:700;display:flex}.item-lvl-curr{color:#60a5fa}.item-lvl-max{color:var(--tracker-text-muted)}.item-progress-bar-bg{background:#ffffff14;border-radius:9999px;width:100%;height:6px;overflow:hidden}.item-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:9999px;height:100%;transition:width .3s}.item-progress-fill.maxed-fill{background:linear-gradient(90deg,#10b981,#34d399)}.item-upgrade-details{background:#00000040;border-radius:8px;margin-top:auto;padding:10px 12px;font-size:.85rem}.upgrade-cost-row{justify-content:space-between;align-items:center;display:flex}.cost-resource-badge{color:#fff;align-items:center;gap:6px;font-weight:700;display:flex}.cost-icon-tiny{object-fit:contain;width:18px;height:18px}.upgrade-time-badge{color:var(--tracker-text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.maxed-badge{color:#34d399;justify-content:center;align-items:center;gap:6px;padding:6px;font-weight:700;display:flex}.wall-summary-card{background:var(--tracker-card-bg);border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin-bottom:24px;padding:24px}.wall-tier-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.wall-tier-card{border:1px solid var(--tracker-card-border);border-radius:var(--tracker-radius-sm);background:#121929b3;align-items:center;gap:16px;padding:16px;display:flex}.wall-tier-thumb{object-fit:contain;width:60px;height:60px}.empty-tab-state{text-align:center;color:var(--tracker-text-muted);grid-column:1/-1;padding:60px 20px}.empty-tab-icon{opacity:.4;width:48px;height:48px;margin-bottom:12px}@media (width<=768px){.tracker-title{font-size:1.85rem}.tracker-input-card{border-radius:14px;margin-bottom:24px;padding:18px 14px}.input-label-row{flex-direction:column;align-items:stretch;gap:12px}.input-actions-quick{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.btn-quick{box-sizing:border-box;gap:5px;width:100%;min-height:40px;padding:9px 4px;font-size:.84rem}.tracker-textarea{border-radius:10px;height:110px;padding:12px;font-size:.875rem}.tracker-cta-row{width:100%;margin-top:12px}.btn-analyze{border-radius:10px;justify-content:center;width:100%;padding:13px 18px;font-size:1rem}.village-mode-switcher{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding:4px;display:grid}.mode-switch-btn{justify-content:center;gap:5px;padding:9px 6px;font-size:.84rem}.village-profile-bar{text-align:center;grid-template-columns:1fr}.th-avatar-container{flex-direction:column;justify-content:center}.tracker-tabs-wrapper{justify-content:flex-start}.filter-search-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:100%}}.planner-banner-card{border-radius:var(--tracker-radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293bd9 0%,#0f172af2 100%);border:1px solid #3b82f659;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:18px 24px;display:flex;box-shadow:0 10px 30px -10px #2563eb33}.planner-banner-left{flex:1;align-items:center;gap:16px;min-width:280px;display:flex}.planner-banner-icon{background:#3b82f626;border:1px solid #3b82f666;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 0 15px #3b82f640}.planner-banner-title{color:#fff;flex-wrap:wrap;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.planner-badge{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:600}.planner-banner-desc{color:var(--tracker-text-muted);margin-top:4px;font-size:.85rem;line-height:1.4}.planner-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-planner{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-planner.primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 15px #3b82f659}.btn-planner.primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f673}.btn-planner.secondary{color:#cbd5e1;background:#1e293bcc;border:1px solid #ffffff1a}.btn-planner.secondary:hover{color:#fff;background:#334155e6;border-color:#3b82f666}.btn-card-priority{cursor:pointer;color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-card-priority:hover{color:#fff;background:#3b82f640;border-color:#60a5fa}.btn-card-priority.in-planner{color:#4ade80;background:#22c55e2e;border-color:#22c55e80}.planner-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:999999;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:20px;display:none;position:fixed;inset:0}.planner-modal-backdrop.show,.planner-modal-backdrop.active{display:flex}.planner-modal-dialog{background:#0b1329;border:1px solid #3b82f666;border-radius:20px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;animation:.25s ease-out modalFadeIn;display:flex;overflow:hidden;box-shadow:0 30px 70px -15px #000000e6,0 0 50px #3b82f640;margin:auto!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.filter-chip.highlight-chip{color:#93c5fd;background:#3b82f61f;border-color:#3b82f659;align-items:center;gap:5px;display:inline-flex}.filter-chip.highlight-chip:hover{color:#fff;background:#3b82f640;border-color:#60a5fa}.filter-chip.highlight-chip.active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb59}.smart-preset-btn{color:#fcd34d!important;background:linear-gradient(135deg,#f59e0b26,#d9770633)!important;border-color:#f59e0b66!important}.smart-preset-btn:hover{color:#fff!important;background:linear-gradient(135deg,#f59e0b40,#d9770659)!important;border-color:#f59e0b!important}.priority-tag-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;align-items:center;gap:4px;margin-top:2px;padding:2px 7px;font-size:.72rem;font-weight:800;display:inline-flex}.priority-tag-badge.tier-s{color:#f472b6;background:#ec489933;border:1px solid #ec489966}.priority-tag-badge.tier-a{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.priority-tag-badge.tier-b{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f666}.priority-tag-badge.tier-c{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b866}.priority-tag-badge.tier-next-th{color:#34d399;background:#10b98133;border:1px solid #10b98166}.planner-modal-header{background:#1e293b99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.planner-modal-title{color:#fff;letter-spacing:-.2px;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;display:flex}.planner-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:7px;transition:all .2s;display:flex}.planner-modal-close:hover{color:#fff;background:#ef444433;border-color:#ef444466}.planner-modal-body{flex-direction:column;flex:1;gap:18px;padding:24px 28px;display:flex;overflow-y:auto}.planner-tabs-bar{border-bottom:1px solid #ffffff14;gap:10px;padding-bottom:10px;display:flex}.planner-tab-chip{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.planner-tab-chip:hover{color:#fff;background:#ffffff14}.planner-tab-chip.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f680;box-shadow:0 4px 14px #3b82f626}.p-count-pill{background:#ffffff1f;border-radius:9999px;padding:2px 9px;font-size:.8rem;font-weight:700}.planner-tab-chip.active .p-count-pill{color:#fff;background:#3b82f6}.planner-list-wrap{flex-direction:column;gap:8px;min-height:220px;max-height:380px;padding-right:6px;display:flex;overflow-y:auto}.p-item-row{cursor:grab;-webkit-user-select:none;user-select:none;background:#1e293ba6;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:transform .15s,background .15s,border-color .15s,opacity .15s;display:flex}.p-item-row:hover{background:#334155cc;border-color:#3b82f659;transform:translate(2px)}.p-item-row.dragging{opacity:.35;cursor:grabbing;transform:scale(.99);background:#3b82f626!important;border:1px dashed #3b82f6!important}.p-item-row.drag-over{transform:scale(1.01);box-shadow:0 4px 18px #3b82f659;background:#1e3a8a80!important;border-color:#60a5fa!important}.p-drag-handle{color:#64748b;cursor:grab;flex-shrink:0;width:18px;height:18px;transition:color .15s}.p-item-row:hover .p-drag-handle{color:#93c5fd}.p-item-left{flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.p-item-index{color:#93c5fd;background:#3b82f640;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:800;display:flex}.p-item-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:inline-flex;overflow:hidden}.p-pet-tag{color:#c084fc;letter-spacing:.3px;background:#c084fc29;border:1px solid #c084fc59;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.68rem;font-weight:800}.p-item-cost{color:#fcd34d;white-space:nowrap;background:#fcd34d1a;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.p-cost-icon{object-fit:contain;width:16px;height:16px}.p-item-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.p-count-btn{color:#f1f5f9;cursor:pointer;background:#ffffff17;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:800;transition:all .15s;display:flex}.p-count-btn:hover{color:#fff;background:#3b82f666;border-color:#3b82f699}.p-count-val{text-align:center;color:#93c5fd;min-width:30px;font-size:.92rem;font-weight:800}.p-btn-icon{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.p-btn-icon:hover{color:#fff;background:#ffffff1f}.p-btn-icon.del:hover{color:#fca5a5;background:#ef444440;border-color:#ef444480}.p-empty-list{text-align:center;color:var(--tracker-text-muted);padding:50px 20px;font-size:.95rem}.planner-quick-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-p-action{color:#e2e8f0;cursor:pointer;background:#1e293bb3;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-p-action:hover{color:#fff;background:#334155e6;border-color:#3b82f666}.btn-p-action.danger:hover{color:#fca5a5;background:#ef444433;border-color:#ef444480}.quick-add-dropdown{z-index:20;background:#0f172af7;border:1px solid #3b82f659;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;animation:.15s ease-out dropdownSlideUp;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 -8px 24px #0006}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quick-add-option{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 14px;font-size:.85rem;font-weight:600;transition:background .12s;display:flex}.quick-add-option:hover{color:#60a5fa;background:#3b82f626}.share-code-card{background:#0f172ad9;border:1px solid #3b82f659;border-radius:14px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.share-code-top{justify-content:space-between;align-items:center;display:flex}.share-code-title{color:#fff;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.share-code-tag{color:#93c5fd;letter-spacing:.5px;background:#3b82f640;border-radius:6px;padding:3px 10px;font-size:.78rem;font-weight:800}.share-code-actions{gap:10px;display:flex}.btn-share-act{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:.96rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-share-act.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 16px #2563eb66}.btn-share-act.primary:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-share-act.secondary{color:#93c5fd;background:#1e293be6;border:1px solid #3b82f666}.btn-share-act.secondary:hover{color:#fff;background:#3b82f633;border-color:#60a5fa}.share-code-import-box{background:#0a0f1eb3;border:1px solid #3b82f640;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:12px;animation:.15s ease-out dropdownSlideUp;display:flex}.import-code-textarea{color:#fff;resize:vertical;background:#0f172ad9;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px;font-family:monospace;font-size:.85rem;transition:border-color .2s}.import-code-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.import-box-actions{justify-content:flex-end;gap:8px;display:flex}.btn-p-action.primary-solid{color:#fff;background:#2563eb;border-color:#3b82f6}.btn-p-action.primary-solid:hover{background:#1d4ed8;border-color:#60a5fa}.clan-hero-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0f172af2,#1e293bd9);border:1px solid #3b82f640;border-radius:16px;margin-bottom:20px;padding:24px;box-shadow:0 10px 30px -5px #00000080,inset 0 1px #ffffff1a}.clan-hero-main{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.clan-badge-wrap{background:radial-gradient(circle,#3b82f633 0%,#0f172a99 80%);border:1px solid #3b82f64d;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;padding:6px;display:flex;box-shadow:0 0 20px #3b82f640}.clan-badge-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0006);width:100%;height:100%}.clan-hero-info{flex:1;min-width:260px}.clan-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.clan-name{color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#93c5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.clan-level-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #60a5fa80;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:800;box-shadow:0 0 10px #2563eb66}.clan-type-badge{color:#cbd5e1;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:700}.clan-type-badge.open{color:#34d399;background:#10b98126;border-color:#34d39966}.clan-type-badge.inviteOnly{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.clan-type-badge.closed{color:#f87171;background:#ef444426;border-color:#ef444466}.clan-tags-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.clan-tag-pill{color:#94a3b8;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:3px 10px;font-family:monospace;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.clan-tag-pill:hover{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.clan-meta-pill{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.clan-description{color:#94a3b8;white-space:pre-line;max-width:800px;margin:0;font-size:.85rem;line-height:1.5}.clan-stats-grid{border-top:1px solid #ffffff14;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;padding-top:18px;display:grid}.clan-stat-item{background:#0f172a99;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.clan-stat-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:700}.clan-stat-val{letter-spacing:-.3px;font-size:1.1rem;font-weight:800}.text-blue{color:#38bdf8!important}.text-amber{color:#fbbf24!important}.text-teal{color:#2dd4bf!important}.text-rose{color:#fb7185!important}.text-slate{color:#e2e8f0!important}.clan-tabs-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.clan-tabs-nav{flex-wrap:wrap;gap:8px;display:flex}.clan-tab-btn{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f172acc;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.clan-tab-btn:hover{color:#f1f5f9;background:#1e293be6;border-color:#3b82f666}.clan-tab-btn.active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#60a5fa;box-shadow:0 0 14px #2563eb73}.clan-tab-pill{color:#fff;background:#0000004d;border-radius:9999px;padding:1px 7px;font-size:.72rem;font-weight:800}.clan-live-indicator{color:#fff;letter-spacing:.5px;vertical-align:middle;background:#ef4444;border-radius:9999px;padding:2px 7px;font-size:.68rem;font-weight:800;display:inline-block}.clan-live-indicator.prep{color:#fff;background:#f59e0b}.clan-members-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.clan-search-box{background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:flex}.clan-search-box input{color:#fff;background:0 0;border:none;outline:none;width:150px;font-size:.82rem}.clan-search-box input::placeholder{color:#64748b}.clan-sort-box{color:#94a3b8;align-items:center;gap:6px;font-size:.8rem;display:flex}.clan-sort-box select{color:#f1f5f9;cursor:pointer;background:#0f172ad9;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:6px 10px;font-size:.8rem}.clan-members-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;display:grid}.clan-member-card{cursor:pointer;background:linear-gradient(145deg,#0f172ae6,#1e293bb3);border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;transition:all .2s ease-out;display:flex;position:relative;overflow:hidden}.clan-member-card:hover{background:linear-gradient(145deg,#14203af2,#1e293bd9);border-color:#3b82f699;transform:translateY(-3px);box-shadow:0 8px 20px -4px #0009,0 0 12px #3b82f64d}.clan-member-card-top{align-items:center;gap:10px;display:flex}.clan-member-rank{color:#64748b;min-width:24px;font-size:.85rem;font-weight:900}.clan-member-rank.top-1{color:#fbbf24;font-size:.95rem}.clan-member-rank.top-2{color:#cbd5e1;font-size:.9rem}.clan-member-rank.top-3{color:#f97316;font-size:.9rem}.clan-member-th-wrap{flex-shrink:0;width:40px;height:40px;position:relative}.clan-member-th-img{object-fit:contain;width:100%;height:100%}.clan-member-th-badge{color:#f1f5f9;background:#0f172a;border:1px solid #ffffff4d;border-radius:9999px;padding:0 4px;font-size:.62rem;font-weight:800;position:absolute;bottom:-2px;right:-2px}.clan-member-meta{flex:1;min-width:0}.clan-member-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.clan-member-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.92rem;font-weight:800;overflow:hidden}.clan-member-tag{color:#64748b;font-family:monospace;font-size:.72rem}.clan-role-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.clan-role-badge.leader{color:#fbbf24;background:linear-gradient(135deg,#f59e0b40,#eab30840);border:1px solid #f59e0b80}.clan-role-badge.coLeader{color:#c084fc;background:linear-gradient(135deg,#a855f740,#9333ea40);border:1px solid #a855f780}.clan-role-badge.admin{color:#38bdf8;background:linear-gradient(135deg,#38bdf833,#2563eb33);border:1px solid #38bdf866}.clan-role-badge.member{color:#94a3b8;background:#ffffff0f;border:1px solid #ffffff1a}.clan-member-card-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:8px;font-size:.76rem;display:flex}.clan-member-trophies{color:#fbbf24;align-items:center;gap:5px;font-weight:800;display:flex}.clan-member-donations{align-items:center;gap:8px;display:flex}.don-item{align-items:center;gap:3px;font-weight:700;display:inline-flex}.don-give{color:#34d399}.don-recv{color:#f97316}.clan-war-scoreboard{background:linear-gradient(145deg,#0f172af2,#1e293bd9);border:1px solid #ef44444d;border-radius:16px;margin-bottom:20px;padding:20px;box-shadow:0 0 20px #ef444426}.war-state-banner{text-align:center;text-transform:uppercase;letter-spacing:1px;border-radius:9999px;margin:0 auto 16px;padding:6px 14px;font-size:.85rem;font-weight:800;display:inline-block}.war-state-inWar{color:#f87171;background:#ef444433;border:1px solid #ef444466}.war-state-preparation{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b66}.war-state-warEnded{color:#cbd5e1;background:#64748b33;border:1px solid #64748b66}.war-matchup-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.war-clan-col{flex:1;align-items:center;gap:14px;min-width:200px;display:flex}.war-clan-col.opponent{text-align:right;flex-direction:row-reverse}.war-clan-badge{object-fit:contain;width:54px;height:54px}.war-clan-name{color:#fff;font-size:1.15rem;font-weight:800}.war-clan-stats{color:#94a3b8;font-size:.85rem}.war-score-center{flex-direction:column;align-items:center;gap:4px;padding:0 16px;display:flex}.war-stars-score{color:#fbbf24;letter-spacing:2px;font-size:2rem;font-weight:900}.war-destruct-score{color:#94a3b8;font-size:.85rem;font-weight:700}.war-members-card{background:#0f172ad9;border:1px solid #ffffff14;border-radius:14px;padding:16px}.war-members-table{border-collapse:collapse;width:100%;font-size:.85rem}.war-members-table th{text-align:left;color:#64748b;border-bottom:1px solid #ffffff14;padding:10px 12px;font-weight:700}.war-members-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0a;padding:10px 12px}.war-member-row:hover td{background:#ffffff08}.attack-pill-remaining{color:#f87171;background:#ef444433;border:1px solid #ef444459;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:800}.attack-pill-done{color:#34d399;background:#10b98133;border:1px solid #34d39959;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:800}.clan-raids-card{background:linear-gradient(145deg,#0f172af2,#1e293bd9);border:1px solid #14b8a64d;border-radius:16px;padding:20px}.raids-summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.raids-stat-item{background:#0f172ab3;border:1px solid #14b8a633;border-radius:12px;padding:12px 16px}.tracker-loading-overlay{z-index:999999;-webkit-backdrop-filter:blur(8px);pointer-events:all;-webkit-user-select:none;user-select:none;background:#0a0f1ec7;justify-content:center;align-items:center;animation:.2s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.loading-modal-card{text-align:center;background:linear-gradient(145deg,#0f172af2,#1e293beb);border:1px solid #3b82f666;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:90%;max-width:380px;padding:32px 36px;animation:.25s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;transform:translateZ(0);box-shadow:0 20px 50px #000c,0 0 30px #3b82f640}@keyframes modalPopIn{0%{opacity:0;transform:scale(.92)translateZ(0)}to{opacity:1;transform:scale(1)translateZ(0)}}.loading-spinner-ring{filter:drop-shadow(0 0 10px #38bdf880);will-change:transform;border:3px solid #38bdf8;border-color:#38bdf8 #60a5fa #38bdf82e #38bdf82e;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;animation:.85s cubic-bezier(.45,.05,.55,.95) infinite spinnerRotate;display:flex;position:relative;transform:translateZ(0)}@keyframes spinnerRotate{0%{transform:rotate(0)translateZ(0)}to{transform:rotate(360deg)translateZ(0)}}.loading-inner-core{will-change:transform, opacity;background:linear-gradient(135deg,#38bdf8,#818cf8);border-radius:50%;width:14px;height:14px;animation:1.2s ease-in-out infinite alternate pulseCore;transform:translateZ(0);box-shadow:0 0 12px #38bdf8,0 0 24px #38bdf899}@keyframes pulseCore{0%{opacity:.6;transform:scale(.7)translateZ(0)}to{opacity:1;transform:scale(1.25)translateZ(0)}}.loading-modal-title{color:#f8fafc;letter-spacing:-.3px;margin:0;font-size:1.15rem;font-weight:800}.loading-modal-subtitle{color:#94a3b8;margin:0;font-size:.88rem;line-height:1.4}.max-mode-control-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a73;border:1px solid #ffffff14;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:0;margin-bottom:20px;padding:10px 16px;display:flex}.max-mode-toggle-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172abf;border:1px solid #3b82f640;border-radius:9999px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 2px 4px #0006}.btn-max-mode{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-max-mode:hover{color:#f1f5f9;background:#ffffff0d}.btn-max-mode.active{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb66,inset 0 1px 1px #ffffff4d}.btn-max-mode.active#btnMaxModeGame{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b66,inset 0 1px 1px #ffffff4d}.max-mode-hint{color:#94a3b8;background:#1e293b80;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.maxed-badge.th-maxed{color:#34d399;background:linear-gradient(135deg,#10b98133,#06b6d440);border:1px solid #10b98173}.next-th-unlock-hint{color:#60a5fa;text-align:center;background:#3b82f61a;border:1px dashed #3b82f64d;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin-top:6px;padding:5px 8px;font-size:.75rem;font-weight:600;display:flex}:root{--bg-app:#08080d;--bg-surface:#0f0f17;--bg-card:#13131ebf;--bg-card-hover:#1a1a2ad9;--bg-modal:#12121d;--border-subtle:#ffffff0f;--border-card:#f59e0b2e;--border-hover:#f59e0b73;--border-focus:#f59e0b;--primary:#f59e0b;--primary-hover:#fbbf24;--primary-glow:#f59e0b59;--primary-gradient:linear-gradient(135deg, gold 0%, #f59e0b 100%);--gold-gradient:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--card-gradient:linear-gradient(180deg, #1e1b3c66 0%, #0f0f1799 100%);--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--success:#10b981;--success-glow:#10b98140;--warning:#f59e0b;--danger:#ef4444;--danger-hover:#dc2626;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b1f 0%,#ffd7000a 50%,#0000 80%);width:900px;height:450px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);box-shadow:0 10px 30px -10px #00000080, 0 0 20px -5px var(--primary-glow);transition:all var(--transition-normal);border-radius:16px}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 15px 35px -10px #0009, 0 0 25px -3px var(--primary-glow);transform:translateY(-2px)}.btn{cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#0b0b10;box-shadow:0 4px 15px var(--primary-glow);font-family:Be Vietnam Pro,sans-serif;font-weight:800}.btn-primary:hover:not(:disabled){color:#000;background:linear-gradient(135deg,#fff59d 0%,#d97706 100%);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b80}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-gold{background:var(--gold-gradient);color:#0b0b10;font-weight:700;box-shadow:0 4px 15px #f59e0b4d}.btn-gold:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.btn-secondary{color:var(--text-main);border:1px solid var(--border-subtle);background:#ffffff12}.btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.btn-danger{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){color:#fff;background:#ef444440;border-color:#ef4444}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-main);background:#ffffff0d}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-purple{color:#c4b5fd;background:#7c5cfc2e;border:1px solid #7c5cfc59}.badge-gold{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b59}.badge-green{color:#6ee7b7;background:#10b98126;border:1px solid #10b98159}.badge-red{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.form-input{border:1px solid var(--border-subtle);width:100%;color:var(--text-main);transition:all var(--transition-fast);background:#0f0f18cc;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem}.form-input:focus{border-color:var(--primary);background:#141420f2;box-shadow:0 0 0 3px #7c5cfc40}.form-input::placeholder{color:var(--text-dim)}.app-container{z-index:1;max-width:1240px;margin:0 auto;padding:0 20px;position:relative}@keyframes pulse-dot{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}.live-pulse:not(.upgrading-timer-badge){background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);border-radius:50%;animation:1.8s ease-in-out infinite pulse-dot;display:inline-block}.text-center{text-align:center!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.justify-center{justify-content:center!important}.align-center{align-items:center!important}.mb-2{margin-bottom:.5rem!important}.py-4{padding-top:2rem!important;padding-bottom:2rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}html,body{-webkit-tap-highlight-color:transparent;max-width:100vw;overflow-x:hidden!important}@media (width<=768px){input,select,textarea{font-size:16px!important}.app-container{padding:0 14px}}