:root{--bg-main:#0b0f19;--bg-card:#172036b3;--bg-card-hover:#1e2945d9;--bg-input:#0f172acc;--border-color:#ffffff1a;--border-active:#6366f180;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--past-color:#f59e0b;--past-bg:#f59e0b26;--past-border:#f59e0b4d;--present-color:#06b6d4;--present-bg:#06b6d426;--present-border:#06b6d44d;--future-color:#8b5cf6;--future-bg:#8b5cf626;--future-border:#8b5cf64d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0000001a;--shadow-lg:0 10px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--shadow-glow:0 0 20px #6366f133;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 10%,#6366f114 0,#0000 50%),radial-gradient(at 90% 90%,#8b5cf614 0,#0000 50%);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s,border-color .2s,box-shadow .2s}.glass-card:hover{border-color:#ffffff2e}.glass-card-interactive:hover{box-shadow:var(--shadow-lg);border-color:var(--border-active);transform:translateY(-2px)}.app-container{max-width:1280px;margin:0 auto;padding:1.5rem}@media (width<=640px){.app-container{padding:1rem .75rem}}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);z-index:50;background:#0f172ad9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand-logo{color:var(--text-main);align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-primary), var(--future-color));border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.25rem;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.925rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff14}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f173}.btn-secondary{color:var(--text-main);border-color:var(--border-color);background:#ffffff14}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff40}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-full{width:100%}.btn-lg{padding:.85rem 1.5rem;font-size:1rem}.coin-badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.85rem;font-weight:700;display:inline-flex}.coin-past{background:var(--past-bg);color:var(--past-color);border:1px solid var(--past-border)}.coin-present{background:var(--present-bg);color:var(--present-color);border:1px solid var(--present-border)}.coin-future{background:var(--future-bg);color:var(--future-color);border:1px solid var(--future-border)}.division-pill{border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .65rem;font-size:.75rem;font-weight:800}.division-past{background:var(--past-bg);color:var(--past-color);border:1px solid var(--past-border)}.division-present{background:var(--present-bg);color:var(--present-color);border:1px solid var(--present-border)}.division-future{background:var(--future-bg);color:var(--future-color);border:1px solid var(--future-border)}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f133}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#020617d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-lg);background:#111827;max-height:90vh;padding:1.75rem;position:relative;overflow-y:auto}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;margin-bottom:.5rem;overflow-x:auto}.table-container .custom-table{min-width:640px}.custom-table{border-collapse:separate;border-spacing:0;width:100%}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-color);background:#0f172a99;padding:.85rem 1rem;font-size:.8rem;font-weight:700}.custom-table td{border-bottom:1px solid #ffffff0d;padding:1rem;font-size:.925rem}.custom-table tr:hover td{background:#ffffff05}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.mobile-menu-btn{border:1px solid var(--border-color);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:none}.mobile-menu-btn:hover{background:#ffffff26}.mobile-nav-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:49;background:#020617bf;flex-direction:column;display:flex;position:fixed;inset:70px 0 0}.mobile-nav-drawer{border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:#0f172a;max-height:calc(100vh - 70px);padding:1.25rem 1.5rem;overflow-y:auto}.mobile-nav-links{flex-direction:column;gap:.5rem;display:flex}.mobile-nav-links .nav-item{width:100%;padding:.75rem 1rem;font-size:1rem}@media (width<=768px){.desktop-nav,.desktop-logout{display:none!important}.mobile-menu-btn{display:flex!important}.user-profile-summary{display:block}.navbar{margin-bottom:1.25rem;padding:.85rem 1rem}.modal-content{max-width:95vw;padding:1.25rem}}@media (width<=640px){.user-profile-summary{display:none}.responsive-grid-stack{grid-template-columns:1fr!important}}.radar-circle{border:2px solid #8b5cf666;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:.5rem auto;display:flex;position:relative;box-shadow:0 0 20px #8b5cf640}.radar-sweep{border:2px solid var(--future-color);border-radius:50%;animation:1.8s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:0}@keyframes pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.physical-card-preview{aspect-ratio:1.586;text-align:left;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4c1d95 100%);border:1px solid #ffffff26;border-radius:14px;flex-direction:column;justify-content:space-between;max-width:340px;padding:1.25rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px -8px #4c1d9599}.preview-chip{background:linear-gradient(135deg,#fcd34d,#d97706);border:1px solid #0003;border-radius:4px;width:36px;height:26px;position:absolute;top:40%;right:1.25rem}.preview-top{letter-spacing:.08em;color:#fffc;justify-content:space-between;font-size:.72rem;font-weight:800;display:flex}.card-team-code{color:#f8fafc;font-family:monospace;font-size:1.35rem;font-weight:800;display:block}.card-team-name{color:#c7d2fe;font-size:1rem;font-weight:600}.preview-bottom{color:#fff9;letter-spacing:.05em;justify-content:space-between;font-size:.65rem;font-weight:600;display:flex}.card-nfc-symbol{color:#a5b4fc;font-weight:700}.writing-pulse-box{border:1px solid var(--future-border);border-radius:var(--radius-md);background:#8b5cf626;align-items:center;gap:1rem;padding:.85rem;display:flex}.pulse-spinner{border:3px solid #8b5cf64d;border-top-color:var(--future-color);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.success-banner{color:#34d399;border-radius:var(--radius-md);background:#10b98126;border:1px solid #10b98166;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;display:flex}.error-banner{color:#f87171;border-radius:var(--radius-md);background:#ef444426;border:1px solid #ef444466;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.82rem;font-weight:600;display:flex}.search-dropdown{border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:100;max-height:180px;box-shadow:var(--shadow-lg);background:#111827;padding:.35rem;list-style:none;position:absolute;top:105%;left:0;right:0;overflow-y:auto}.search-dropdown li{border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;padding:.5rem .65rem;font-size:.82rem;display:flex}.search-dropdown li:hover{background:#6366f133}.search-code{color:var(--accent-primary);background:#6366f126;border-radius:4px;padding:.1rem .3rem;font-family:monospace;font-size:.75rem;font-weight:700}.search-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0 .5rem;overflow:hidden}.search-coin{font-size:.78rem;font-weight:700}.rank-badge{width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:inline-flex}.rank-gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#b45309);border:1px solid #fbbf2480;box-shadow:0 4px 12px #f59e0b66}.rank-silver{color:#fff;background:linear-gradient(135deg,#94a3b8,#475569);border:1px solid #cbd5e180;box-shadow:0 4px 12px #94a3b84d}.rank-bronze{color:#fff;background:linear-gradient(135deg,#d97706,#78350f);border:1px solid #f59e0b66;box-shadow:0 4px 12px #d9770659}.rank-default{color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff14}.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}@media (width<=640px){.team-cards-grid{grid-template-columns:1fr}}.team-card-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;justify-content:space-between;padding:1.2rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.team-card-item:hover{box-shadow:var(--shadow-glow);background:#1a243cd9;border-color:#6366f180;transform:translateY(-3px)}.team-card-item:active{transform:translateY(-1px)}