:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6e6e7f;--accent-gold: #f5b800;--accent-gold-light: #ffd54f;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-orange: #ff8c00;--accent-purple: #8b5cf6;--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(245,184,0,.03) 0%,transparent 50%);color:var(--text-primary);line-height:1.6;min-height:100vh}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.animate-fadeIn{animation:fadeIn .4s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.navbar{position:sticky;top:0;z-index:100;background:#0a0a0ff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(245,184,0,.2)}.navbar-container{max-width:100%;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px;gap:16px}.navbar-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.navbar-logo-img{width:36px;height:36px;border-radius:10px;object-fit:cover;transition:transform .2s}.navbar-logo:hover .navbar-logo-img{transform:scale(1.05)}.navbar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#f5b800,#ff8c00);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.navbar-logo:hover .navbar-logo-icon{transform:scale(1.05)}.navbar-logo-icon svg{color:#0a0a0f}.navbar-logo-text{display:flex;flex-direction:column}.navbar-logo-title{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,#f5b800,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-logo-subtitle{font-size:.65rem;color:#ffffff80;margin-top:-2px}.navbar-nav{display:flex;align-items:center;gap:2px}.nav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;text-decoration:none;font-size:.8rem;font-weight:500;color:#9ca3af;transition:all .2s;background:none;border:none;cursor:pointer;white-space:nowrap}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:#f5b800;background:#f5b80026}.nav-link svg{width:16px;height:16px;flex-shrink:0}.navbar-user{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:12px;border-left:1px solid rgba(255,255,255,.1);flex-shrink:0}.user-info{display:flex;align-items:center;gap:8px}.user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(245,184,0,.5)}.user-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#f5b800,#ffd54f);color:#0a0a0f;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.user-name{font-size:13px;font-weight:500;color:#f0f0f5}.btn-logout{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444433;border-color:#ef444480}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:8px;min-width:200px;background:#16161ffa;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;box-shadow:0 20px 40px #00000080}.nav-dropdown-item{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:.875rem;color:#9ca3af;transition:all .2s}.nav-dropdown-item:hover{color:#fff;background:#ffffff0d}.nav-dropdown-item.active{color:#f5b800;background:#f5b80026}.mobile-menu-btn{display:none;padding:8px;background:none;border:none;color:#9ca3af;cursor:pointer}.mobile-nav{display:none;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.mobile-nav.open{display:block}.mobile-nav .nav-link{width:100%;justify-content:flex-start;padding:12px 16px;margin-bottom:4px}@media(max-width:768px){.navbar-nav{display:none}.mobile-menu-btn{display:block}.navbar-logo-text{display:none}}.main-content{max-width:100%;margin:0 auto;padding:2rem 3rem}.modal-open-expand{min-height:100vh;padding-bottom:200px}.page-header{margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.page-header-left{flex:1}.page-title{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;color:#fff;margin-bottom:8px}.page-title svg{color:#f5b800;width:36px;height:36px}.page-subtitle{font-size:1.125rem;color:#9ca3af}.page-header-right{display:flex;align-items:center;gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.stat-card{display:block;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);border-color:#f5b8004d;box-shadow:0 10px 40px #0000004d}.stat-card-content{display:flex;justify-content:space-between;align-items:flex-start}.stat-card-label{font-size:.875rem;color:#9ca3af;margin-bottom:8px}.stat-card-value{font-size:2.5rem;font-weight:700;color:#fff}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px;color:#fff}.stat-card-link{display:flex;align-items:center;gap:4px;margin-top:16px;font-size:.875rem;color:#f5b800;opacity:0;transform:translate(-10px);transition:all .3s}.stat-card:hover .stat-card-link{opacity:1;transform:translate(0)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.card-title{display:flex;align-items:center;gap:10px;font-size:1.125rem;font-weight:600;color:#fff}.card-title svg{color:#f5b800;width:20px;height:20px}.card-link{display:flex;align-items:center;gap:4px;font-size:.875rem;color:#f5b800;text-decoration:none;transition:gap .2s}.card-link:hover{gap:8px}.card-body{padding:1.5rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}}.clan-list{display:flex;flex-direction:column;gap:12px}.clan-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .2s}.clan-item:hover{background:#ffffff0d;transform:translate(4px)}.clan-item-clickable{cursor:pointer}.clan-item-clickable:hover{border-color:var(--accent-gold);background:#f5b80014}.clan-item-left{display:flex;align-items:center;gap:16px}.clan-icon{width:56px;height:56px;background:linear-gradient(135deg,#f5b800,#ff8c00);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clan-icon svg{width:28px;height:28px;color:#0a0a0f}.clan-badge{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clan-badge img{width:100%;height:100%;object-fit:contain}.clan-badge svg{width:28px;height:28px;color:#f5b800}.clan-info h3{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:4px}.clan-info-row{display:flex;align-items:center;gap:12px}.clan-tag{font-size:.875rem;color:#6e6e7f}.clan-level{font-size:.75rem;padding:2px 10px;background:#f5b80026;color:#f5b800;border-radius:20px}.clan-league{font-size:.75rem;padding:2px 10px;background:#a855f726;color:#a855f7;border-radius:20px;font-weight:600}.clan-members{text-align:right}.clan-members-count{font-size:1.5rem;font-weight:700;color:#fff}.clan-members-label{font-size:.75rem;color:#6e6e7f}.quick-links{display:flex;flex-direction:column;gap:12px}.quick-link{display:flex;align-items:center;gap:16px;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-decoration:none;transition:all .2s}.quick-link:hover{background:#ffffff0d;transform:translate(4px)}.quick-link-icon{width:44px;height:44px;background:#f5b80026;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-icon svg{width:20px;height:20px;color:#f5b800}.quick-link-content{flex:1;min-width:0}.quick-link-title{font-size:.9375rem;font-weight:500;color:#fff;margin-bottom:2px;transition:color .2s}.quick-link:hover .quick-link-title{color:#f5b800}.quick-link-desc{font-size:.8125rem;color:#6e6e7f}.quick-link-arrow{color:#4b5563;transition:all .2s;flex-shrink:0}.quick-link-arrow svg{width:20px;height:20px}.quick-link:hover .quick-link-arrow{color:#f5b800;transform:translate(4px)}.cwl-banner{background:linear-gradient(135deg,#f5b80026,#ff8c0026);border:1px solid rgba(245,184,0,.3);border-radius:16px;padding:1.5rem;position:relative;overflow:hidden}.cwl-banner:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(245,184,0,.1) 0%,transparent 70%);pointer-events:none}.cwl-banner-content{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative}@media(max-width:768px){.cwl-banner-content{flex-direction:column;align-items:flex-start}}.cwl-banner-left{display:flex;align-items:center;gap:1rem}.cwl-banner-icon{width:64px;height:64px;background:#f5b80033;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cwl-banner-icon svg{width:32px;height:32px;color:#f5b800}.cwl-banner-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:4px}.cwl-banner-subtitle{font-size:1rem;color:#d1d5db}.cwl-banner-count{color:#f5b800;font-weight:700;font-size:1.25rem}.cwl-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,#f5b800,#ff8c00);color:#0a0a0f;font-weight:600;font-size:.9375rem;border:none;border-radius:12px;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.cwl-banner-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px #f5b8004d}thead{background:#0000004d}th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}th.sortable{cursor:pointer;transition:color .2s}th.sortable:hover{color:#f5b800}tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}tbody tr:hover{background:#ffffff08}td{padding:14px 20px;font-size:.9375rem}.table-footer{padding:14px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05);font-size:.875rem;color:#9ca3af}.table-footer strong{color:#fff}.th-badge{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:10px;font-weight:700;font-size:.875rem;color:#fff}.th-badge-small{padding:6px 14px;border-radius:8px;font-size:.8125rem}.th-17{background:linear-gradient(135deg,#9333ea,#ec4899);box-shadow:0 4px 15px #9333ea4d}.th-16{background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 4px 15px #3b82f64d}.th-15{background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 4px 15px #22c55e4d}.th-14{background:linear-gradient(135deg,#f5b800,#ff8c00);box-shadow:0 4px 15px #f5b8004d}.th-13{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.th-12{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f64d}.th-11{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b4d}.th-10{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec48994d}.icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.icon-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.icon-gold{background:linear-gradient(135deg,#f5b800,#ff8c00)}.icon-green{background:linear-gradient(135deg,#22c55e,#16a34a)}.filters{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.filters-row{display:flex;gap:1rem;flex-wrap:wrap}.search-input{flex:1;min-width:250px;position:relative}.search-input svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6e6e7f;pointer-events:none;width:20px;height:20px}.search-input input{width:100%;padding:12px 16px 12px 48px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;font-size:.9375rem;color:#fff;transition:all .2s}.search-input input::placeholder{color:#6e6e7f}.search-input input:focus{outline:none;border-color:#f5b80080;box-shadow:0 0 0 3px #f5b8001a}select{padding:12px 40px 12px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:12px;font-size:.9375rem;color:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}select:focus{outline:none;border-color:#f5b80080}select option{background:#16161f;color:#fff}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:64px;height:64px;position:relative}.loading-spinner:before{content:"";position:absolute;inset:0;border:4px solid rgba(245,184,0,.2);border-radius:50%}.loading-spinner:after{content:"";position:absolute;inset:0;border:4px solid transparent;border-top-color:#f5b800;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#9ca3af;animation:pulse 2s ease-in-out infinite}.empty-state{padding:4rem 2rem;text-align:center}.empty-state-icon{width:64px;height:64px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.empty-state-icon svg{width:32px;height:32px;color:#4b5563}.empty-state-title{font-size:1.125rem;color:#9ca3af;margin-bottom:4px}.empty-state-desc{font-size:.875rem;color:#6e6e7f}.player-cell{display:flex;align-items:center;gap:12px}.player-name{font-weight:500;color:#fff}.player-tag{font-family:monospace;font-size:.8125rem;color:#6e6e7f}.player-extra-badge{font-size:.75rem;padding:2px 8px;background:#f5b80026;color:#f5b800;border-radius:20px;margin-left:8px}.trophies{display:flex;align-items:center;gap:6px;color:#f5b800;font-weight:600}.trophies svg{width:16px;height:16px}.th-distribution{display:flex;flex-wrap:wrap;gap:12px}.th-dist-item{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:600;color:#fff}.th-dist-count{background:#fff3;padding:2px 10px;border-radius:8px;font-size:.875rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:.9375rem;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#f5b800,#ff8c00);color:#0a0a0f}.btn-primary:hover{transform:scale(1.05);box-shadow:0 10px 30px #f5b8004d}.btn-secondary{background:#ffffff0d;border:1px solid var(--border-color);color:#9ca3af}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0a0a0f}.btn-warning:hover{transform:scale(1.05);box-shadow:0 10px 30px #f59e0b4d}.btn-accent{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff}.btn-accent:hover{transform:scale(1.05);box-shadow:0 10px 30px #a855f74d}.btn-icon{padding:12px}.date-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0d;border-radius:12px;font-size:.875rem;color:#d1d5db}.date-badge svg{color:#f5b800;width:16px;height:16px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:.8125rem;font-weight:500}.status-badge.success{background:#22c55e26;color:#22c55e}.status-badge svg{width:14px;height:14px}.footer{border-top:1px solid var(--border-color);padding:1.5rem;margin-top:3rem;text-align:center}.footer p{font-size:.875rem;color:#6e6e7f}.clans-list{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.clan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.clan-card:hover{border-color:#f5b80066;transform:translateY(-2px);box-shadow:0 10px 40px #0000004d}.clan-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-color)}.clan-info{display:flex;align-items:center;gap:1rem}.clan-badge{width:64px;height:64px;border-radius:12px;object-fit:contain}.clan-badge-placeholder{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#f5b800,#ff8c00);display:flex;align-items:center;justify-content:center;font-size:2rem}.clan-info h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.clan-tag{font-size:.875rem;color:var(--text-muted);font-family:monospace}.clan-badges{display:flex;gap:.5rem;flex-wrap:wrap}.clan-description{padding:1rem 1.5rem;background:#ffffff05;border-bottom:1px solid var(--border-color)}.clan-description p{color:var(--text-secondary);font-style:italic;font-size:.9375rem}.clan-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.5rem}@media(max-width:768px){.clan-stats-grid{grid-template-columns:repeat(2,1fr)}}.clan-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem;background:#ffffff08;border-radius:12px}.clan-stat-icon{font-size:1.5rem;margin-bottom:.5rem}.clan-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.clan-stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.war-record-section{padding:0 1.5rem 1rem}.war-record-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.war-record-bar{height:8px;background:#ef44444d;border-radius:4px;overflow:hidden;display:flex}.war-record-wins{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:4px 0 0 4px}.war-record-ties{height:100%;background:#facc15}.clan-footer{padding:1rem 1.5rem;background:#0003;border-top:1px solid var(--border-color)}.clan-linked-info{font-size:.8125rem;color:var(--text-muted)}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state code{background:#f5b80033;padding:4px 8px;border-radius:6px;color:#f5b800;font-family:monospace}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem}.error-container p{color:var(--text-secondary);margin-bottom:1.5rem}.linked-accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.user-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.user-card:hover{border-color:#3b82f666;box-shadow:0 10px 30px #0003}.user-header{padding:1.25rem;display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid var(--border-color)}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.user-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.user-accounts-count{font-size:.8125rem;color:var(--text-muted)}.user-accounts{padding:.5rem}.account-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;transition:background .2s}.account-row:hover{background:#ffffff08}.account-info{flex:1;min-width:0}.account-name{display:block;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-tag{font-size:.75rem;color:var(--text-muted);font-family:monospace}.account-clan{font-size:.75rem;color:var(--accent-gold);background:#f5b8001a;padding:4px 8px;border-radius:6px;white-space:nowrap}.search-section{margin-top:1rem}.search-container{position:relative;max-width:400px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.5}.search-input{width:100%;padding:14px 44px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f5b80026}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;width:24px;height:24px;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem}.search-clear:hover{background:#fff3}.db-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.db-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.9375rem}.db-tab:hover{background:#ffffff0d;border-color:#fff3}.db-tab.active{background:linear-gradient(135deg,#f5b80033,#ff8c0033);border-color:var(--accent-gold);color:var(--text-primary)}.db-tab-name{font-weight:500}.db-tab-count{background:#ffffff1a;padding:2px 8px;border-radius:12px;font-size:.75rem;color:var(--text-muted)}.db-tab.active .db-tab-count{background:#f5b8004d;color:var(--accent-gold)}.db-info{display:flex;align-items:center;gap:1rem;padding:1rem 0;flex-wrap:wrap}.db-info-table{font-weight:600;color:var(--text-primary);font-size:1.125rem}.db-info-rows,.db-info-cols{font-size:.875rem;color:var(--text-muted);background:#ffffff0d;padding:4px 12px;border-radius:6px}.btn-small{padding:8px 16px;font-size:.8125rem}.db-table-wrapper{overflow-x:auto;margin-top:1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-card)}.db-table{width:100%;border-collapse:collapse;font-size:.875rem}.db-table th{background:#ffffff08;padding:12px 16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;position:sticky;top:0}.db-table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-table tr:hover td{background:#ffffff05}.db-table tr:last-child td{border-bottom:none}.db-row-num{color:var(--text-muted);font-size:.75rem;width:40px;text-align:center}.db-cell{font-family:Monaco,Consolas,monospace;font-size:.8125rem}.db-null{color:var(--text-muted);font-style:italic;opacity:.6}.db-schema{margin-top:2rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.db-schema h3{font-size:1rem;color:var(--text-primary);margin-bottom:1rem}.db-schema-list{display:flex;gap:.5rem;flex-wrap:wrap}.db-schema-col{background:#3b82f626;color:var(--accent-blue);padding:4px 12px;border-radius:6px;font-size:.8125rem;font-family:monospace}.db-tables-explorer{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;min-height:600px}.db-tables-sidebar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.db-tables-sidebar h3{padding:1rem;margin:0;font-size:.9rem;color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.db-tables-list{flex:1;overflow-y:auto;padding:.5rem}.db-table-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.6rem .75rem;margin-bottom:.25rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left}.db-table-btn:hover{background:var(--bg-secondary);border-color:var(--border-color)}.db-table-btn.active{background:#3b82f626;border-color:var(--accent-blue);color:var(--accent-blue)}.db-table-btn .table-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-table-btn .table-count{font-size:.75rem;background:var(--bg-primary);padding:.2rem .5rem;border-radius:4px;font-weight:600}.db-table-btn.active .table-count{background:var(--accent-blue);color:#fff}.db-table-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.db-table-empty,.db-table-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted)}.db-table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.db-table-info h3{margin:0;font-size:1rem;color:var(--text-primary)}.db-table-meta{font-size:.8rem;color:var(--text-muted)}.db-table-search{display:flex;align-items:center;gap:.5rem;background:var(--bg-primary);padding:.5rem .75rem;border-radius:8px;border:1px solid var(--border-color)}.db-table-search input{background:transparent;border:none;outline:none;color:var(--text-primary);width:180px}.db-table-search svg{color:var(--text-muted)}.db-table-wrapper{flex:1;overflow:auto;max-height:500px}.db-data-table{width:100%;border-collapse:collapse;font-size:.8rem}.db-data-table th,.db-data-table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border-color);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-data-table th{background:var(--bg-primary);color:var(--text-secondary);font-weight:600;position:sticky;top:0;z-index:1}.db-data-table th .pk-badge{font-size:.6rem;background:var(--accent-gold);color:#000;padding:.1rem .3rem;border-radius:3px;margin-left:.35rem;font-weight:700}.db-data-table td{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.75rem}.db-data-table tr:hover td{background:var(--bg-secondary)}.db-data-table .null-value{color:var(--text-muted);font-style:italic}.db-table-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.db-table-pagination .pagination-info{margin:0 1rem;font-size:.85rem;color:var(--text-secondary)}.btn-sm{padding:.4rem .6rem;font-size:.8rem}@media(max-width:900px){.db-tables-explorer{grid-template-columns:1fr}.db-tables-sidebar{max-height:200px}}.btn-danger{background:linear-gradient(135deg,var(--accent-red),#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.db-actions{width:80px;text-align:center}.db-actions .btn-small{padding:6px 12px;font-size:.75rem}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:3rem 2rem;overflow-y:auto}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;max-width:450px;width:90%;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease-out;margin:auto;max-height:calc(100vh - 4rem);overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{font-size:1.5rem;color:var(--accent-red);margin-bottom:1rem}.modal-content p{color:var(--text-secondary);margin-bottom:1.5rem}.delete-info{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem;font-family:monospace;font-size:.875rem;color:var(--text-primary)}.delete-info strong{color:var(--accent-red)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions .btn{padding:10px 20px}.clan-members-modal{max-width:700px;width:95%}.clan-modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.clan-modal-badge{width:64px;height:64px;object-fit:contain}.clan-modal-header h2{color:var(--text-primary);margin-bottom:.25rem}.clan-modal-tag{color:var(--text-muted);font-size:.875rem}.clan-modal-body{max-height:60vh;overflow-y:auto}.clan-members-list table{width:100%}.clan-members-list th{text-align:left;padding:.5rem;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color)}.clan-members-list td{padding:.5rem;font-size:.875rem}.clan-members-list tr:hover{background:#ffffff08}.loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-muted)}.role-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.role-leader{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.role-coleader{background:#f5b80026;color:#f5b800;border:1px solid rgba(245,184,0,.3)}.role-elder{background:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.role-member{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.leadertools-card{margin-top:0}.dashboard-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.dashboard-main-grid .leadertools-card{margin-top:0;height:fit-content}.dashboard-main-grid .leadertools-grid{grid-template-columns:1fr}@media(max-width:1200px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-main-grid .leadertools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-main-grid .leadertools-grid{grid-template-columns:1fr}}.leadertools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.leadertools-btn{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.leadertools-btn:hover:not(:disabled){background:#f5b8001a;border-color:var(--accent-gold);transform:translateY(-2px)}.leadertools-btn:disabled{opacity:.5;cursor:not-allowed}.leadertools-btn.disabled{opacity:.4}.leadertools-btn-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border-radius:10px;color:var(--bg-primary);flex-shrink:0}.leadertools-btn.disabled .leadertools-btn-icon{background:#ffffff1a;color:var(--text-muted)}.leadertools-btn-content{display:flex;flex-direction:column;gap:.25rem}.leadertools-btn-title{font-weight:600;color:var(--text-primary);font-size:.9375rem}.leadertools-btn-desc{font-size:.8125rem;color:var(--text-muted)}.leadertools-result{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500}.leadertools-result.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:var(--accent-green)}.leadertools-result.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:var(--accent-red)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cwl-clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.cwl-clan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.cwl-clan-card:hover{border-color:var(--accent-gold);transform:translateY(-4px);box-shadow:0 10px 30px #f5b8001a}.cwl-clan-card.selected{border-color:var(--accent-gold);background:#f5b8000d}.cwl-clan-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.cwl-clan-badge{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cwl-clan-badge img{width:100%;height:100%;object-fit:contain}.cwl-clan-info{flex:1;min-width:0}.cwl-clan-info h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwl-clan-tag{font-size:.8125rem;color:var(--text-muted);font-family:monospace}.cwl-league-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;border:1px solid;font-size:.8125rem;font-weight:600;flex-shrink:0}.cwl-league-badge.small{padding:.25rem .5rem;font-size:.75rem}.cwl-clan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding-top:1rem;border-top:1px solid var(--border-color)}.cwl-stat{text-align:center}.cwl-stat-icon{color:var(--accent-gold);margin-bottom:.25rem;display:flex;justify-content:center}.cwl-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.cwl-stat-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.cwl-clan-expand{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--text-muted);transition:transform .2s}.cwl-history-section{margin-top:2rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.cwl-history-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.cwl-history-table{width:100%;border-collapse:collapse}.cwl-history-table th{background:#ffffff08;padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.cwl-history-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-primary)}.cwl-history-table tr:last-child td{border-bottom:none}.cwl-history-table tr:hover td{background:#ffffff05}.cwl-season-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-weight:500}.cwl-season-cell svg{color:var(--accent-gold)}.cwl-placement{font-weight:700;padding:.25rem .5rem;border-radius:6px;background:#ffffff0d}.cwl-placement.top{background:#22c55e33;color:var(--accent-green)}.cwl-placement.bottom{background:#ef444433;color:var(--accent-red)}.cwl-stars{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent-gold);font-weight:600}.cwl-wins{color:var(--accent-green);font-weight:600}.cwl-losses{color:var(--accent-red);font-weight:600}.cwl-info-box{background:var(--bg-card);border:1px dashed var(--border-color);border-radius:16px;padding:3rem;text-align:center;margin-top:2rem}.cwl-info-icon{width:64px;height:64px;background:#f5b8001a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--accent-gold)}.cwl-info-box h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.cwl-info-box p{color:var(--text-muted)}.cwl-note{margin-top:2rem;padding:1rem 1.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:12px}.cwl-note p{color:var(--text-secondary);font-size:.875rem;margin:0}.cwl-note strong{color:var(--accent-blue)}.fetch-result{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500}.fetch-result.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.fetch-result.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.page-header-actions{display:flex;gap:.75rem}.spinning{animation:spin 1s linear infinite}.cwl-no-data{padding:3rem;text-align:center;color:var(--text-muted)}.cwl-no-data svg{margin-bottom:1rem;opacity:.5}.cwl-no-data-hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.cwl-wars-section{margin-top:2rem}.subsection-title{display:flex;align-items:center;gap:.75rem;font-size:1.15rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.cwl-wars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.cwl-war-card{background:var(--bg-secondary);border-radius:12px;padding:1rem;border-left:4px solid var(--border-color);transition:transform .2s ease}.cwl-war-card:hover{transform:translate(4px)}.cwl-war-card.win{border-left-color:var(--accent-green)}.cwl-war-card.lose{border-left-color:var(--accent-red)}.cwl-war-card.tie{border-left-color:var(--accent-gold)}.cwl-war-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.cwl-war-round{font-size:.8rem;color:var(--text-muted)}.cwl-war-result{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:4px}.cwl-war-result.win{background:#22c55e33;color:#4ade80}.cwl-war-result.lose{background:#ef444433;color:#f87171}.cwl-war-result.tie{background:#f5b80033;color:var(--accent-gold)}.cwl-war-opponent{font-weight:500;color:var(--text-primary);margin-bottom:.75rem;font-size:.95rem}.cwl-war-stats{display:flex;gap:1rem}.cwl-war-stat{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--text-secondary)}.cwl-war-stat svg{color:var(--accent-gold)}.btn-sm{padding:.35rem .75rem!important;font-size:.8rem!important}.btn-sm svg{width:14px;height:14px}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.filter-tab{padding:.6rem 1.25rem;border-radius:8px;font-weight:500;font-size:.9rem;border:none;cursor:pointer;transition:all .2s ease;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.filter-tab:hover{background:#f5b8001a;color:var(--text-primary)}.filter-tab.active{background:var(--accent-gold);color:#000;border-color:var(--accent-gold)}.wars-list{display:flex;flex-direction:column;gap:1rem}.war-card-wrapper{display:flex;flex-direction:column}.war-card{background:var(--bg-card);border-radius:12px;padding:1.25rem;border-left:4px solid var(--border-color);cursor:pointer;transition:all .2s ease}.war-card:hover{transform:translate(4px);background:#ffffff08}.war-card.win{border-left-color:var(--accent-green)}.war-card.lose{border-left-color:var(--accent-red)}.war-card.tie{border-left-color:var(--accent-gold)}.war-card-main{display:flex;align-items:center;gap:1.25rem}.war-result-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.war-result-icon.win{background:#22c55e33;color:#4ade80}.war-result-icon.lose{background:#ef444433;color:#f87171}.war-result-icon.tie{background:#f5b80033;color:var(--accent-gold)}.war-card-info{flex:1;min-width:0}.war-card-clans{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.war-clan-name{font-weight:600;color:var(--text-primary)}.war-vs{color:var(--text-muted);font-size:.85rem}.war-opponent-name{color:var(--text-secondary)}.war-card-meta{display:flex;gap:1rem;margin-top:.35rem;font-size:.8rem;color:var(--text-muted)}.war-type{font-size:.75rem}.war-date{display:flex;align-items:center;gap:.3rem}.war-card-score{text-align:right}.war-score-stars{display:flex;align-items:center;gap:.35rem;font-size:1.25rem;font-weight:600}.star-icon,.war-our-stars{color:var(--accent-gold)}.war-score-divider{color:var(--text-muted);margin:0 .15rem}.war-their-stars{color:var(--text-secondary)}.war-score-destruction{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.war-expand-icon{color:var(--text-muted);padding-left:.5rem}.war-attacks-section{background:var(--bg-secondary);border-radius:0 0 12px 12px;padding:1.25rem;margin-top:-4px;border-left:4px solid var(--border-color)}.war-attacks-title{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500}.war-attacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.war-attack-card{background:var(--bg-card);border-radius:8px;padding:.75rem;font-size:.85rem}.war-attack-player{font-weight:500;color:var(--text-primary);margin-bottom:.2rem}.war-attack-target{color:var(--text-muted);font-size:.8rem;margin-bottom:.5rem}.war-attack-result{display:flex;justify-content:space-between;align-items:center}.war-attack-stars{display:flex;gap:2px}.star-filled{color:var(--accent-gold)}.star-empty{color:var(--text-muted);opacity:.3}.war-attack-destruction{color:var(--accent-green);font-weight:500}.live-wars-section{margin-bottom:2rem}.live-wars-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.live-icon{color:#ef4444;animation:pulse 2s infinite}.live-wars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.25rem}.live-war-card{background:var(--bg-card);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border-color);transition:all var(--transition-normal)}.live-war-card.clickable{cursor:pointer}.live-war-card.clickable:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.live-war-card.inWar{border-color:#ef444466;background:linear-gradient(145deg,rgba(239,68,68,.08) 0%,var(--bg-card) 100%)}.live-war-card.preparation{border-color:#f59e0b66;background:linear-gradient(145deg,rgba(245,158,11,.08) 0%,var(--bg-card) 100%)}.live-war-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.live-war-clan-info{display:flex;align-items:center;gap:.75rem}.live-war-badge{width:36px;height:36px;object-fit:contain}.live-war-clan-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.live-war-state{display:flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.live-war-countdown{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;margin-top:.75rem;background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:8px;color:var(--accent-gold);font-size:.85rem}.live-war-countdown .countdown-label{color:var(--text-secondary);font-size:.75rem}.live-war-countdown .countdown-time{font-weight:700;font-size:1rem;font-family:JetBrains Mono,monospace}.live-war-versus{text-align:center;margin-bottom:1rem}.live-war-score{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.star-gold{color:var(--accent-gold)}.star-gray{color:var(--text-muted)}.live-war-stars{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.live-war-stars.opponent{color:var(--text-secondary)}.live-war-divider{font-size:1.25rem;color:var(--text-muted);margin:0 .25rem}.live-war-opponent{font-size:.9rem;color:var(--text-secondary)}.live-war-details{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.live-war-detail{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-secondary)}.live-war-detail.time{color:var(--accent-gold);font-weight:500}.live-war-attacks-bar{position:relative;height:24px;background:var(--bg-secondary);border-radius:12px;overflow:hidden;margin-bottom:.75rem}.live-war-attacks-progress{height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-green));border-radius:12px;transition:width var(--transition-normal)}.live-war-attacks-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.5)}.live-war-footer{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.live-war-no-war{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;color:var(--text-muted);text-align:center}.live-war-modal{max-width:1100px;width:95%;max-height:90vh;display:flex;flex-direction:column}.live-war-modal-header{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem;flex-shrink:0}.live-war-modal-team{display:flex;align-items:center;gap:1rem}.live-war-modal-team img{width:48px;height:48px;object-fit:contain}.live-war-modal-team h3{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.live-war-modal-team span{font-size:.8rem;color:var(--text-muted)}.live-war-modal-team.opponent{flex-direction:row-reverse;text-align:right}.live-war-modal-score{text-align:center}.modal-score-stars{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.modal-stars{font-size:2rem;font-weight:700}.modal-stars.our{color:var(--accent-gold)}.modal-stars.opponent{color:var(--text-secondary)}.modal-vs{font-size:.9rem;color:var(--text-muted);margin:0 .5rem}.modal-score-destruction{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.modal-state{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.live-war-modal-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-shrink:0}.modal-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.live-war-modal-members{flex:1;min-height:0;display:flex;flex-direction:column}.live-war-modal-members h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;flex-shrink:0}.live-war-members-header{display:grid;grid-template-columns:50px 120px 1fr 1fr 70px;gap:.75rem;padding:.5rem 1rem;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;flex-shrink:0}.live-war-members-grid{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:45vh;padding-right:.5rem}.live-war-member{display:grid;grid-template-columns:50px 120px 1fr 1fr 70px;gap:.75rem;align-items:center;padding:.6rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid transparent}.live-war-member.has-attacks{border-left-color:var(--accent-red);background:#ef444414}.live-war-member.perfect{border-left-color:var(--accent-green);background:#22c55e14}.member-position{font-weight:600;color:var(--text-muted);text-align:center}.member-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.member-name{font-weight:500;color:var(--text-primary);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-th{font-size:.7rem;color:var(--text-muted)}.member-attacks{display:flex;flex-direction:column;gap:.25rem;min-width:0}.member-attack{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;background:var(--bg-card);padding:.3rem .5rem;border-radius:4px;gap:.5rem}.attack-target{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.attack-result{display:flex;align-items:center;gap:.5rem}.attack-destruction{color:var(--accent-green);font-weight:500}.no-attacks{color:var(--text-muted);font-size:.8rem;font-style:italic}.member-defense{display:flex;flex-direction:column;gap:.25rem}.defense-result{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;background:var(--bg-card);padding:.35rem .5rem;border-radius:4px}.defense-result.good{border-left:2px solid var(--accent-green)}.defense-result.bad{border-left:2px solid var(--accent-red)}.defense-count{color:var(--text-secondary);font-size:.75rem}.defense-stats{display:flex;align-items:center;gap:.35rem}.defense-destruction{color:var(--accent-red);font-weight:500;font-size:.75rem}.no-defense{color:var(--text-muted);font-size:.75rem;font-style:italic}.member-status{text-align:center;min-width:60px}.attacks-open{display:inline-block;padding:.25rem .5rem;background:#ef444433;color:var(--accent-red);border-radius:4px;font-size:.75rem;font-weight:600}.attacks-done{color:var(--accent-green)}.modal-refresh{margin-top:1rem;width:100%;flex-shrink:0}.past-wars-section{margin-bottom:2rem}.past-wars-section .section-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.past-wars-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.past-wars-column{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1rem}.past-wars-clan-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.past-wars-list{display:flex;flex-direction:column;gap:.5rem}.past-war-card{background:var(--bg-hover);border-radius:var(--radius-sm);border-left:3px solid var(--border-color);overflow:hidden;transition:all var(--transition-normal)}.past-war-card.clickable{cursor:pointer}.past-war-card.clickable:hover{background:var(--bg-card);border-color:var(--accent-gold);transform:translate(4px)}.past-war-card.win{border-left-color:var(--accent-green)}.past-war-card.lose{border-left-color:var(--accent-red)}.past-war-card.tie{border-left-color:var(--accent-gold)}.past-war-main{display:flex;align-items:center;gap:.75rem;padding:.75rem}.past-war-result-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.past-war-result-icon.win{background:#22c55e33;color:var(--accent-green)}.past-war-result-icon.lose{background:#ef444433;color:var(--accent-red)}.past-war-result-icon.tie{background:#f59e0b33;color:var(--accent-gold)}.past-war-info{flex:1;min-width:0}.past-war-opponent{font-weight:500;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.past-war-meta-row{display:flex;align-items:center;gap:.5rem}.past-war-date{font-size:.75rem;color:var(--text-muted)}.past-war-size{font-size:.7rem;color:var(--text-secondary);background:#f59e0b26;padding:.1rem .35rem;border-radius:4px;font-weight:500}.past-war-score{text-align:right;min-width:80px}.past-war-stars-display{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;font-weight:600}.past-war-stars-display .star-icon{color:var(--accent-gold)}.past-war-stars-display .stars-count{color:var(--accent-gold);font-size:1rem}.past-war-stars-display .stars-divider{color:var(--text-muted);font-size:.85rem}.past-war-stars-display .stars-max{color:var(--text-secondary);font-size:.85rem}.past-war-percentage{font-size:.75rem;font-weight:600;padding:.1rem .3rem;border-radius:4px;text-align:right}.past-war-percentage.excellent{color:var(--accent-green);background:#22c55e26}.past-war-percentage.good{color:var(--accent-gold);background:#f59e0b26}.past-war-percentage.average{color:var(--text-secondary);background:#6b728026}.past-war-attacks-used{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--accent-blue);background:#3b82f626;padding:.1rem .4rem;border-radius:4px;font-weight:500}.past-war-attacks-used svg{color:var(--accent-blue)}.past-war-stars{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;font-weight:600;color:var(--text-primary)}.past-war-stars .star-icon{color:var(--accent-gold)}.past-war-destruction{font-size:.75rem;color:var(--text-secondary)}.past-war-expand{color:var(--text-muted);flex-shrink:0}.past-war-attacks{padding:.75rem;background:var(--bg-main);border-top:1px solid var(--border-color)}.past-war-attacks-grid{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.past-war-attack{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:.85rem}.past-war-attack .attack-attacker{font-weight:500;color:var(--text-primary);min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-war-attack .attack-arrow{color:var(--text-muted)}.past-war-attack .attack-defender{color:var(--text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.past-war-attack .attack-result{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.past-war-attack .attack-destruction{font-size:.75rem;color:var(--text-muted)}.past-wars-empty{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.past-wars-grid{grid-template-columns:1fr}}.esports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.esports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.esports-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease;cursor:pointer;text-decoration:none;color:inherit;display:block}.esports-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 8px 32px #f5b8001a}.esports-card.placeholder{background:#16161f80;border-style:dashed;opacity:.7}.esports-card.placeholder:hover{opacity:1;border-color:var(--accent-gold)}.esports-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.esports-card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--bg-primary);flex-shrink:0}.esports-card-actions{display:flex;gap:.5rem}.esports-card-actions button{background:#ffffff0d;border:none;border-radius:6px;padding:.4rem;color:var(--text-secondary);cursor:pointer;transition:all .2s}.esports-card-actions button:hover{background:#ffffff1a;color:var(--text-primary)}.esports-card-actions button.delete:hover{background:#ef444433;color:var(--accent-red)}.esports-card-content{flex:1}.esports-card-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.esports-card-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.esports-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.esports-card-meta span{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted)}.esports-card-footer{display:flex;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.esports-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:20px;font-size:.75rem;font-weight:500}.esports-badge.active{background:#22c55e26;color:var(--accent-green)}.esports-badge.upcoming{background:#3b82f626;color:var(--accent-blue)}.esports-badge.completed{background:#8b5cf626;color:var(--accent-purple)}.esports-badge.format{background:#ffffff0d;color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-secondary);text-decoration:none;font-size:.9rem;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:var(--accent-gold)}.tournament-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.tournament-header-info{flex:1}.tournament-title{display:flex;align-items:center;gap:.75rem;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.tournament-icon{color:var(--accent-gold)}.tournament-description{color:var(--text-secondary);margin-bottom:1rem}.tournament-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.tournament-meta span{display:flex;align-items:center;gap:.3rem;font-size:.85rem}.tournament-status{padding:.25rem .75rem;border-radius:20px;font-weight:500}.tournament-status.active{background:#22c55e26;color:var(--accent-green)}.tournament-status.upcoming{background:#3b82f626;color:var(--accent-blue)}.tournament-status.completed{background:#8b5cf626;color:var(--accent-purple)}.tournament-format{background:#ffffff0d;padding:.25rem .75rem;border-radius:20px;color:var(--text-secondary)}.tournament-participants{color:var(--text-muted)}.tournament-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;overflow-x:auto}.tournament-tab{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;font-size:.9rem;transition:all .2s;white-space:nowrap}.tournament-tab:hover{background:#ffffff0d;color:var(--text-primary)}.tournament-tab.active{background:#f5b80026;color:var(--accent-gold)}.tournament-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{font-size:1.1rem;color:var(--text-primary)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.leaderboard-table th{color:var(--text-secondary);font-weight:500;font-size:.85rem}.leaderboard-table tr.rank-1{background:#ffd7000d}.leaderboard-table tr.rank-2{background:#c0c0c008}.leaderboard-table tr.rank-3{background:#cd7f3208}.rank-cell{font-size:1.1rem;width:50px}.player-cell{display:flex;flex-direction:column}.player-name{font-weight:500;color:var(--text-primary)}.player-tag{font-size:.75rem;color:var(--text-muted)}.stars-cell{display:flex;align-items:center;gap:.3rem;color:var(--accent-gold);font-weight:500}.star-icon{fill:currentColor}.participants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.participant-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;position:relative}.participant-info{display:flex;align-items:flex-start;gap:.5rem;color:var(--accent-gold)}.participant-name{font-weight:500;color:var(--text-primary);display:block}.participant-tag{font-size:.8rem;color:var(--text-muted);display:block}.participant-team{font-size:.85rem;color:var(--text-secondary);background:#ffffff08;padding:.3rem .6rem;border-radius:4px;width:fit-content}.participant-remove{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.3rem;border-radius:4px;transition:all .2s}.participant-remove:hover{background:#ef444426;color:var(--accent-red)}.matchdays-list{display:flex;flex-direction:column;gap:.75rem}.matchday-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center}.matchday-info{display:flex;align-items:center;gap:1rem}.matchday-number{font-weight:600;color:var(--accent-gold)}.matchday-name{color:var(--text-primary)}.matchday-date{display:flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.85rem}.matchday-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:4px;transition:all .2s}.matchday-remove:hover{background:#ef444426;color:var(--accent-red)}.stats-table-wrapper{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;min-width:600px}.stats-table th,.stats-table td{padding:.75rem;text-align:center;border:1px solid var(--border-color)}.stats-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:.85rem}.stats-table .sticky-col{position:sticky;left:0;background:var(--bg-card);z-index:1;text-align:left}.stats-table th.sticky-col{background:var(--bg-secondary)}.stats-cell{min-width:100px}.stats-cell.clickable{cursor:pointer;transition:background .2s}.stats-cell.clickable:hover{background:#f5b8001a}.stat-preview{display:flex;flex-direction:column;gap:.2rem;align-items:center}.stat-stars{display:flex;align-items:center;gap:.2rem;color:var(--accent-gold);font-weight:500}.stat-dest{font-size:.8rem;color:var(--accent-green)}.stat-empty{color:var(--text-muted);opacity:.5}.stats-modal-info{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.stats-modal-info span{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted);text-align:center;gap:1rem}.empty-state svg{opacity:.3}.warning-box{display:flex;gap:.75rem;padding:1rem;background:#f5b8001a;border:1px solid rgba(245,184,0,.3);border-radius:8px;color:var(--accent-gold)}.warning-box svg{flex-shrink:0;margin-top:2px}.warning-box p{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.esports-hint{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.esports-card-wrapper{position:relative;transition:transform .2s ease,opacity .2s ease}.esports-card-wrapper.dragging{opacity:.5;transform:scale(.98)}.esports-card-wrapper.drag-over{transform:translate(10px)}.esports-card-wrapper.drag-over:before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:4px;background:var(--accent-gold);border-radius:2px}.esports-drag-handle{position:absolute;left:-30px;top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:grab;padding:.5rem;opacity:0;transition:opacity .2s;z-index:10}.esports-card-wrapper:hover .esports-drag-handle{opacity:1}.esports-drag-handle:active{cursor:grabbing}.modal-lg{max-width:650px;width:95%;max-height:calc(100vh - 6rem);display:flex;flex-direction:column;margin:0}.modal-lg .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-lg .modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:var(--accent-gold);margin:0}.modal-lg .modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-lg .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.form-grid-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-4 .form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-secondary)}.input-styled{width:100%;padding:.625rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input-styled:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f5b80026}.input-styled::placeholder{color:var(--text-muted)}select.input-styled{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}@media(max-width:500px){.form-grid-4{grid-template-columns:1fr}}.esports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:12px}.esports-empty svg{opacity:.3;margin-bottom:1rem}.esports-empty h3{color:var(--text-secondary);margin-bottom:.5rem}.modal-player-select{max-width:450px;width:95%;max-height:50vh;display:flex;flex-direction:column;margin:0;position:relative}.modal-close-corner{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s,background .2s;z-index:10}.modal-close-corner:hover{color:var(--text-primary);background:var(--bg-secondary)}.modal-header-compact{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.modal-header-compact h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;color:var(--accent-gold);margin:0}.modal-player-select .modal-body{padding:0;display:flex;flex-direction:column;overflow:hidden;flex:1}.modal-player-select .modal-footer{padding:.75rem 1rem}.player-search{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.player-search svg{color:var(--text-muted);flex-shrink:0}.player-search input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none}.player-search input::placeholder{color:var(--text-muted)}.selected-players{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f5b8001a;border-bottom:1px solid var(--border-color)}.selected-label{font-size:.85rem;color:var(--text-secondary)}.selected-player-tag{display:flex;align-items:center;gap:.35rem;padding:.25rem .5rem;background:var(--accent-gold);color:var(--bg-primary);border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity .2s}.selected-player-tag:hover{opacity:.8}.player-list{flex:1;overflow-y:auto;padding:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background .2s}.player-item:hover{background:var(--bg-secondary)}.player-item.selected{background:#f5b80026}.player-item-checkbox{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.player-item.selected .player-item-checkbox{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.player-item-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.player-item-name{font-weight:500;color:var(--text-primary)}.player-item-details{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-state-small{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);text-align:center;gap:.5rem}.empty-state-small svg{opacity:.3}.modal-player-select .modal-footer button:disabled{opacity:.5;cursor:not-allowed}.modal-matchday{max-width:500px;width:95%;max-height:70vh;display:flex;flex-direction:column;margin:0;position:relative}.modal-matchday .modal-body{padding:1rem;overflow-y:auto;flex:1}.matchday-info-row{display:flex;gap:.75rem;margin-bottom:1rem}.matchday-info-row .form-group{flex:1;margin:0}.matchday-info-row label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.matchday-score-row{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;margin-bottom:1rem}.score-side{display:flex;flex-direction:column;align-items:center;gap:.5rem}.score-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.score-inputs{display:flex;align-items:center;gap:.35rem}.input-score{width:45px;padding:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;font-weight:600;text-align:center}.input-score:focus{outline:none;border-color:var(--accent-gold)}.score-separator{font-size:.7rem;color:var(--text-muted)}.score-unit{font-size:.85rem;color:var(--text-muted)}.vs-divider{font-size:.9rem;font-weight:600;color:var(--text-muted);padding:0 .5rem}.matchday-info-grid{display:grid;grid-template-columns:1fr 2fr;gap:.75rem;margin-bottom:1rem}.matchday-info-grid .form-group{margin:0}.matchday-info-grid .form-group:nth-child(3),.matchday-info-grid .form-group:nth-child(4){grid-column:span 1}.matchday-info-grid label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.matchday-stats-section{border-top:1px solid var(--border-color);padding-top:1rem}.matchday-stats-section h4{font-size:.9rem;color:var(--text-secondary);margin:0 0 .75rem}.matchday-stats-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto}.matchday-stat-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px;gap:1rem}.stat-player-name{font-size:.9rem;color:var(--text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-inputs{display:flex;gap:.75rem;flex-shrink:0}.stat-input-group{display:flex;align-items:center;gap:.35rem}.stat-input-group svg{color:var(--accent-gold);flex-shrink:0}.input-mini{width:50px;padding:.35rem .5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;text-align:center}.input-mini:focus{outline:none;border-color:var(--accent-gold)}.stat-unit{font-size:.8rem;color:var(--text-muted)}.modal-matchday .modal-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color)}.cwl-assignment-page{min-height:calc(100vh - 200px)}.cwl-assignment-layout{display:grid;grid-template-columns:260px 1fr 320px;gap:1rem;align-items:start;height:calc(100vh - 200px)}.cwl-assignment-grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem;align-items:start}.cwl-player-pool{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:400px;max-height:calc(100vh - 250px);display:flex;flex-direction:column;transition:border-color .2s ease}.cwl-player-pool.drag-active{border-color:var(--accent-gold);background:#f5b8000d}.cwl-pool-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.cwl-pool-header h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.cwl-pool-count{background:var(--accent-gold);color:#000;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:100px}.cwl-clans-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;align-items:start}.cwl-clan-column{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;min-height:300px;max-height:calc(100vh - 250px);display:flex;flex-direction:column;transition:border-color .2s ease}.cwl-clan-column.drag-active{border-color:var(--accent-gold);background:#f5b8000d}.cwl-clan-column.full{border-color:var(--accent-red)}.cwl-clan-column.full.drag-active{border-color:var(--accent-red);background:#ef44440d}.cwl-clan-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.cwl-clan-info{display:flex;align-items:center;gap:.75rem}.cwl-clan-badge{width:32px;height:32px;object-fit:contain}.cwl-clan-info h3{font-size:.85rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.2}.cwl-clan-league{font-size:.7rem;color:var(--text-muted)}.cwl-clan-count{background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.cwl-clan-count.full{background:var(--accent-red);color:#fff}.cwl-player-list{flex:1;overflow-y:auto;padding:.5rem}.cwl-empty{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.85rem}.cwl-player-card{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.35rem;cursor:grab;transition:all .15s ease}.cwl-player-card:hover{border-color:var(--accent-gold);background:#f5b8001a}.cwl-player-card:active{cursor:grabbing}.cwl-player-card .drag-handle{color:var(--text-muted);flex-shrink:0;opacity:.5}.cwl-player-card:hover .drag-handle{opacity:1}.cwl-th-badge{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.cwl-player-name{flex:1;font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cwl-remove-btn{background:transparent;border:none;color:var(--text-muted);padding:.2rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s ease}.cwl-player-card:hover .cwl-remove-btn{opacity:1}.cwl-remove-btn:hover{background:#ef444433;color:var(--accent-red)}.cwl-player-score{display:flex;align-items:center;justify-content:center;min-width:28px;height:20px;padding:0 .35rem;border-radius:4px;font-size:.7rem;font-weight:700;border:1px solid;flex-shrink:0}.cwl-clans-section{flex:1;overflow:auto;max-height:calc(100vh - 200px)}.cwl-clans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;align-items:start}.cwl-score-panel{background:var(--bg-card);border:2px solid var(--border-color);border-radius:12px;overflow:hidden;max-height:calc(100vh - 200px);display:flex;flex-direction:column}.cwl-score-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.cwl-score-panel-header h3{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.cwl-score-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:var(--text-muted);text-align:center}.cwl-score-empty p{font-size:.85rem;margin:0}.cwl-score-player{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color)}.cwl-th-badge.large{width:36px;height:36px;font-size:.9rem}.cwl-score-player-info{display:flex;flex-direction:column;gap:.15rem}.cwl-score-player-name{font-size:1rem;font-weight:600;color:var(--text-primary)}.cwl-score-player-tag{font-size:.75rem;color:var(--text-muted)}.cwl-score-total{display:flex;justify-content:center;padding:1.5rem}.cwl-score-circle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.cwl-score-circle:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--bg-card)}.cwl-score-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);position:relative;z-index:1}.cwl-score-label{font-size:.65rem;font-weight:600;color:var(--text-muted);position:relative;z-index:1}.cwl-score-breakdown{padding:1rem;border-bottom:1px solid var(--border-color)}.cwl-score-breakdown h4{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem}.cwl-score-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.cwl-score-item-label{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-secondary);min-width:120px}.cwl-score-item-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.cwl-score-item-fill{height:100%;border-radius:3px;transition:width .3s ease}.cwl-score-item-value{font-size:.7rem;font-weight:600;color:var(--text-primary);min-width:30px;text-align:right}.cwl-score-stats{padding:1rem;border-bottom:1px solid var(--border-color)}.cwl-score-stats h4{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:0 0 .75rem}.cwl-score-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.cwl-score-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem;background:var(--bg-secondary);border-radius:6px}.cwl-score-stat .stat-value{font-size:.9rem;font-weight:700;color:var(--text-primary)}.cwl-score-stat .stat-label{font-size:.6rem;color:var(--text-muted);text-align:center}.cwl-score-link{margin:1rem}@media(max-width:1400px){.cwl-assignment-layout{grid-template-columns:220px 1fr 280px}.cwl-clans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1100px){.cwl-assignment-layout{grid-template-columns:1fr;height:auto}.cwl-player-pool,.cwl-clans-section,.cwl-score-panel{max-height:400px}.cwl-clans-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.cwl-assignment-grid{grid-template-columns:1fr}.cwl-player-pool{max-height:300px}.cwl-clans-container{grid-template-columns:1fr 1fr}.cwl-clans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cwl-clans-container,.cwl-clans-grid{grid-template-columns:1fr}}.automation-categories{display:flex;flex-direction:column;gap:2rem}.automation-category-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.category-dot{width:12px;height:12px;border-radius:50%}.automation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.automation-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s ease;display:flex;flex-direction:column;gap:1rem}.automation-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.automation-card.disabled{opacity:.6}.automation-card.offline{opacity:.5;pointer-events:none}.automation-header{display:flex;justify-content:space-between;align-items:flex-start}.automation-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.automation-toggle{width:44px;height:26px;border-radius:13px;border:none;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;padding:0 5px}.automation-toggle.on{background:var(--accent-color);justify-content:flex-end}.automation-toggle.off{background:var(--border-color);justify-content:flex-start}.automation-toggle svg{color:#fff}.automation-toggle:disabled{opacity:.5;cursor:not-allowed}.automation-content{flex:1}.automation-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.automation-description{font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5}.automation-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.automation-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.running{background:#22c55e;box-shadow:0 0 8px #22c55e80;animation:pulse-green 2s infinite}.status-dot.paused{background:#f5b800}.status-dot.stopped{background:#6b7280}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.automation-interval{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-muted);background:var(--card-bg);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--border-color)}.automation-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.automation-actions .btn-small{flex:1;padding:.5rem .75rem;font-size:.8rem}.settings-modal{max-width:600px;width:95%}.settings-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.settings-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.settings-hint{font-size:.8rem;color:var(--accent-color);margin-top:.75rem}.reminder-times-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.reminder-time-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem .75rem;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.reminder-time-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.reminder-time-btn.active{background:#f5b80026;border-color:var(--accent-color);color:var(--accent-color)}.reminder-time-btn .check-icon{color:var(--accent-color)}.interval-select select{width:100%;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer}.interval-select select:focus{outline:none;border-color:var(--accent-color)}.settings-checkboxes{display:flex;flex-direction:column;gap:.75rem}.settings-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer}.settings-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color);cursor:pointer}.settings-checkbox span{color:var(--text-secondary);font-size:.9rem}.settings-textarea{width:100%;padding:.75rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px}.settings-textarea:focus{outline:none;border-color:var(--accent-color)}@media(max-width:768px){.reminder-times-grid{grid-template-columns:repeat(2,1fr)}.automation-grid{grid-template-columns:1fr}}.clan-overview-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;margin-top:32px}.clan-overview-section .section-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:700;color:var(--accent-gold);margin:0 0 8px}.clan-overview-section .section-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.clan-overview-controls{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.clan-overview-controls .control-group{flex:1;max-width:400px}.clan-overview-controls .control-group label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.clan-overview-controls select{width:100%;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.clan-overview-controls select:focus{outline:none;border-color:var(--accent-color)}.clan-overview-status{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#30d1581a;border:1px solid var(--status-green);border-radius:var(--radius-sm);color:var(--status-green);font-size:13px;font-weight:500;margin-bottom:16px}.clan-overview-clans{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color)}.clan-overview-clans h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px}.clan-overview-clans .clan-list{display:flex;flex-wrap:wrap;gap:10px}.clan-overview-clans .clan-item{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px}.clan-overview-clans .clan-item svg{color:var(--accent-gold)}.clan-overview-clans .clan-tag{font-family:monospace;color:var(--text-primary)}.clan-overview-clans .clan-type{color:var(--text-muted);font-size:12px}@media(max-width:768px){.clan-overview-controls{flex-direction:column;align-items:stretch}.clan-overview-controls .control-group{max-width:none}}.clan-config-card{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;margin-bottom:16px}.clan-config-card:last-child{margin-bottom:0}.clan-config-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.clan-config-tag{font-family:monospace;font-size:14px;font-weight:600;color:var(--accent-gold);background:var(--bg-secondary);padding:6px 12px;border-radius:var(--radius-sm)}.clan-config-input{flex:1;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px}.clan-config-input:focus{outline:none;border-color:var(--accent-color)}.clan-config-color{display:flex;align-items:center;gap:12px;margin-bottom:12px}.clan-config-color label{font-size:13px;color:var(--text-secondary)}.clan-config-color input[type=color]{width:40px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);cursor:pointer;background:transparent}.color-preview{width:60px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.clan-config-description{display:flex;flex-direction:column;gap:6px}.clan-config-description label{font-size:13px;color:var(--text-secondary)}.clan-preview{display:flex;flex-direction:column;gap:12px}.clan-preview-embed{background:#2b2d31;border-left:4px solid #FFD700;border-radius:4px;padding:12px 16px}.clan-preview-header{font-weight:600;color:#f2f3f5;margin-bottom:4px}.clan-preview-type{font-weight:700;color:#f2f3f5;margin-bottom:8px}.clan-preview-desc{color:#b5bac1;font-size:14px;line-height:1.5}.clan-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.clan-overview-grid .settings-section{margin-bottom:0}.clan-preview-section{background:#0003;border-radius:10px;padding:16px}.settings-modal.clan-overview-modal{max-width:1000px}.cwl-clan-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.cwl-clan-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0003;border-radius:8px;border:1px solid var(--border-color)}.cwl-clan-item:hover{background:#0000004d;border-color:#f5b8004d}.cwl-clan-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.cwl-clan-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#f5b800;cursor:pointer}.cwl-clan-checkbox .clan-name{font-weight:600;color:#f2f3f5}.cwl-clan-checkbox .clan-tag{font-size:12px;color:#72767d;margin-left:8px}.cwl-clan-color{display:flex;align-items:center;gap:8px}.cwl-clan-color input[type=color]{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;background:transparent;padding:0}.cwl-clan-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.cwl-clan-color input[type=color]::-webkit-color-swatch{border-radius:4px;border:1px solid rgba(255,255,255,.2)}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #16161f;--bg-card-hover: #1a1a25;--bg-elevated: #1e1e2a;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--text-muted: #606070;--accent-gold: #f5b800;--accent-gold-light: #ffd54f;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-purple: #a855f7;--accent-cyan: #06b6d4;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(245, 184, 0, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:var(--accent-gold);color:var(--bg-primary)}:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #f5b80033}50%{box-shadow:0 0 40px #f5b80066}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.glass{background:#16161fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.gradient-gold{background:linear-gradient(135deg,#f5b800,#ff8c00)}.gradient-blue{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.gradient-green{background:linear-gradient(135deg,#22c55e,#10b981)}.gradient-purple{background:linear-gradient(135deg,#a855f7,#6366f1)}.gradient-red{background:linear-gradient(135deg,#ef4444,#f97316)}.text-gradient-gold{background:linear-gradient(135deg,#f5b800,#ffd54f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-glow:hover{box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--accent-gold);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-gold-light);transform:translateY(-1px);box-shadow:0 4px 12px #f5b8004d}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--border-light)}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}input,select{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem 1rem;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast)}input:focus,select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f5b80026}input::placeholder{color:var(--text-muted)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:#0003;border-bottom:1px solid var(--border-color)}td{padding:1rem;border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}tr:hover td{background:#ffffff05}tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.th-17{background:linear-gradient(135deg,#9333ea,#c026d3);color:#fff}.th-16{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff}.th-15{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff}.th-14{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.th-13{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.th-12{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.th-11{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.th-10{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-color, var(--accent-gold))}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-muted)}.empty-state svg{opacity:.3;margin-bottom:1rem}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1.5rem}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.divider{height:1px;background:var(--border-color);margin:2rem 0}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-primary);border-radius:var(--radius-sm);white-space:nowrap;margin-bottom:.5rem;box-shadow:var(--shadow-md);z-index:100}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.page-title svg{color:var(--accent-gold)}.page-subtitle{color:var(--text-secondary);margin-top:.25rem}.section{margin-bottom:2rem}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.progress{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:var(--accent-gold);border-radius:4px;transition:width var(--transition-slow)}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--border-light)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background:var(--accent-green)}.status-offline{background:var(--text-muted)}.status-warning{background:var(--accent-gold)}.status-error{background:var(--accent-red)}.counter{font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-card-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}a{color:var(--accent-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-gold-light)}.bg-gray-900{background-color:var(--bg-primary)!important}.bg-gray-800{background-color:var(--bg-secondary)!important}.bg-gray-800\/50{background-color:var(--bg-card)!important}.bg-gray-700{background-color:var(--bg-elevated)!important}.bg-gray-700\/30{background-color:#1e1e2a80!important}.border-gray-700,.border-gray-700\/50,.border-gray-800{border-color:var(--border-color)!important}.text-gray-400{color:var(--text-secondary)!important}.text-gray-500{color:var(--text-muted)!important}.text-gray-300{color:var(--text-secondary)!important}.text-white{color:var(--text-primary)!important}.text-yellow-400{color:var(--accent-gold)!important}.rounded-xl{border-radius:var(--radius-lg)!important}.rounded-lg{border-radius:var(--radius-md)!important}.overflow-x-auto{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}.shadow-xl{box-shadow:var(--shadow-lg)!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}.score-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;min-width:90px}.score-badge .score-value{font-size:1.5rem;font-weight:800;line-height:1}.score-badge .score-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-top:4px}.player-name-simple{display:flex;flex-direction:column;gap:2px}.player-name-simple .player-name-text{font-weight:600;font-size:.95rem;color:var(--text-primary)}.player-name-simple .player-tag{font-size:.75rem;color:var(--text-muted);font-family:monospace}.score-excellent{background:linear-gradient(135deg,#ffd70059,#ffb90059);border:2px solid #ffd700;box-shadow:0 0 12px #ffd70066}.score-excellent .score-value,.score-excellent .score-number{color:gold;text-shadow:0 0 8px rgba(255,215,0,.5)}.score-excellent .score-label{color:gold}.score-very-good{background:linear-gradient(135deg,#00ff8859,#00dc6e59);border:2px solid #00ff88;box-shadow:0 0 8px #00ff884d}.score-very-good .score-value,.score-very-good .score-number{color:#0f8;text-shadow:0 0 6px rgba(0,255,136,.4)}.score-very-good .score-label{color:#0f8}.score-good{background:linear-gradient(135deg,#4caf5059,#388e3c59);border:2px solid #4caf50}.score-good .score-value,.score-good .score-number,.score-good .score-label{color:#4caf50}.score-above-average{background:linear-gradient(135deg,#00bfff4d,#1e90ff4d);border:2px solid #00bfff}.score-above-average .score-value,.score-above-average .score-number,.score-above-average .score-label{color:#00bfff}.score-average{background:linear-gradient(135deg,#ffc8004d,#ffa5004d);border:2px solid #ffc800}.score-average .score-value,.score-average .score-number,.score-average .score-label{color:#ffc800}.score-below{background:linear-gradient(135deg,#ff64004d,#ff45004d);border:2px solid #ff6400}.score-below .score-value,.score-below .score-number,.score-below .score-label{color:#ff6400}.score-poor{background:linear-gradient(135deg,#ff323259,#dc141459);border:2px solid #ff3232}.score-poor .score-value,.score-poor .score-number,.score-poor .score-label{color:#ff3232}.score-explanation-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.score-explanation-card h3{margin:0 0 20px;font-size:1.1rem;color:var(--text-primary)}.score-components{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media(max-width:1000px){.score-components{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.score-components{grid-template-columns:1fr}}.score-component{background:var(--bg-elevated);border-radius:12px;padding:16px}.component-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.component-icon{font-size:1.2rem}.component-name{flex:1;font-weight:600;color:var(--text-primary)}.component-weight{font-size:.75rem;font-weight:700;color:var(--accent-gold);background:#ffd70026;padding:2px 8px;border-radius:10px}.component-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.score-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.legend-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:12px}.legend-item.score-excellent{background:#ffd70040;color:gold;border:1px solid rgba(255,215,0,.5)}.legend-item.score-very-good{background:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.5)}.legend-item.score-good{background:#32cd3233;color:#32cd32;border:1px solid rgba(50,205,50,.5)}.legend-item.score-above-average{background:#00bfff33;color:#00bfff;border:1px solid rgba(0,191,255,.5)}.legend-item.score-average{background:#ffc80033;color:#ffc800;border:1px solid rgba(255,200,0,.5)}.legend-item.score-below{background:#ff640033;color:#ff6400;border:1px solid rgba(255,100,0,.5)}.legend-item.score-poor{background:#ff323240;color:#ff3232;border:1px solid rgba(255,50,50,.5)}.breakdown-row td{background:var(--bg-secondary)!important;padding:0!important}.performance-score-breakdown{padding:16px 24px}.score-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{display:flex;align-items:center;gap:10px}.breakdown-label{width:65px;font-size:.75rem;color:var(--text-secondary);font-weight:500}.breakdown-bar{flex:1;height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.breakdown-fill{height:100%;border-radius:4px;transition:width .3s ease}.breakdown-value{width:40px;font-size:.8rem;font-weight:600;text-align:right;color:var(--text-primary)}.breakdown-weight{width:35px;font-size:.7rem;color:var(--text-muted);text-align:right}.farm-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;font-size:.8rem;color:#ffb74d}.section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1.5rem}.section-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.section-title{font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.section-title svg{color:var(--accent-gold)}.table-container{overflow-x:auto}table.wide-table{width:100%;border-collapse:collapse;min-width:900px}table.wide-table th,table.wide-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}table.wide-table th{background:var(--bg-secondary);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}table.wide-table th:hover{color:var(--text-primary);background:var(--bg-elevated)}table.wide-table th.sorted{color:var(--accent-blue)}table.wide-table tr:hover td{background:var(--bg-secondary)}table.wide-table tr.clickable{cursor:pointer}.player-name{display:flex;align-items:center;gap:.75rem}.player-avatar{width:36px;height:36px;border-radius:8px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.player-info{display:flex;flex-direction:column}.player-info span:first-child{font-weight:600}.player-tag{font-size:.75rem;color:var(--text-muted);font-family:monospace}.th-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.75rem;font-weight:700}.th-badge.th-18{background:#dc262633;color:#fca5a5}.th-badge.th-17{background:#9333ea33;color:#c4b5fd}.th-badge.th-16{background:#3b82f633;color:#93c5fd}.th-badge.th-15{background:#10b98133;color:#6ee7b7}.th-badge.th-14{background:#f59e0b33;color:#fcd34d}.th-badge.th-13{background:#6b728033;color:#d1d5db}.th-badge.th-low{background:#4b556333;color:#9ca3af}.clan-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;min-width:120px;text-align:center;vertical-align:middle}.stat-number{font-weight:600;font-variant-numeric:tabular-nums}.stat-number.cwl-stat{color:var(--accent-blue)}.stat-number.war-stat{color:var(--accent-purple)}.trophies-value{color:var(--accent-gold);font-weight:500}.value-good{color:var(--accent-green)}.value-warning{color:var(--accent-gold)}.value-bad{color:var(--accent-red)}.search-filter{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{position:relative}.search-box input{padding:.5rem 1rem .5rem 2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;width:250px;outline:none;transition:border-color .2s}.search-box input:focus{border-color:var(--accent-blue)}.search-box svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);width:16px;height:16px}.filter-select{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--accent-blue)}.clan-filter-multi{display:flex;align-items:center;gap:.5rem}.clan-chips{display:flex;flex-wrap:wrap;gap:.4rem;min-width:100px}.all-clans-label{color:var(--text-muted);font-size:.875rem;padding:.25rem .5rem}.clan-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .5rem;background:var(--accent-blue);color:#fff;border-radius:16px;font-size:.75rem;font-weight:500}.clan-chip button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;line-height:1;padding:0;opacity:.7;transition:opacity .2s}.clan-chip button:hover{opacity:1}.clear-filter-btn{padding:.4rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.clear-filter-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.dashboard-grid{grid-template-columns:1fr}}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.kpi-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.kpi-icon.gold{background:#ffd70026;color:var(--accent-gold)}.kpi-icon.blue{background:#58a6ff26;color:var(--accent-blue)}.kpi-icon.green{background:#3fb95026;color:var(--accent-green)}.kpi-icon.red{background:#f8514926;color:var(--accent-red)}.kpi-icon.orange{background:#f0883e26;color:#f0883e}.kpi-icon.purple{background:#a371f726;color:var(--accent-purple)}.kpi-value{font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.kpi-label{color:var(--text-secondary);font-size:.875rem}.kpi-subtitle{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.nav-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.nav-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.score-page{padding:20px;max-width:1600px;margin:0 auto}.score-overview-page{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.score-table{width:100%;border-collapse:collapse;min-width:1100px}.score-table th,.score-table td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.score-table th{background:var(--bg-secondary);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .2s}.score-table th:hover{color:var(--text-primary);background:var(--bg-elevated)}.score-table th.sorted{color:var(--accent-blue)}.score-table th svg{vertical-align:middle;margin-left:4px;opacity:.5}.score-table tr:hover td{background:var(--bg-secondary)}.score-table tr.clickable{cursor:pointer;transition:background .15s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;color:var(--text-secondary)}.loading-container .spinning,.spinning{animation:spin 1s linear infinite}.season-selector{display:flex;align-items:center;gap:8px}.season-selector .filter-select{min-width:120px}.refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--accent-blue);border-color:var(--accent-blue)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.player-detail{padding:0 20px 20px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:20px}.back-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--accent-gold)}.player-header-with-score{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px}.player-header{display:flex;align-items:center;gap:20px}.player-header-avatar{width:72px;height:72px;border-radius:16px;background:var(--bg-elevated);border:3px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:var(--text-primary)}.player-header-info h2{font-size:1.5rem;font-weight:700;margin:0 0 4px}.player-tag-large{font-size:.85rem;color:var(--text-muted);font-family:monospace;margin-bottom:10px}.player-header-badges{display:flex;gap:8px;flex-wrap:wrap}.trophy-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:var(--accent-gold);font-size:.8rem;font-weight:600}.performance-score-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 32px;border-radius:16px;min-width:140px}.score-circle{display:flex;align-items:baseline;gap:2px}.score-number{font-size:3rem;font-weight:800;line-height:1}.score-max{font-size:1rem;opacity:.7}.score-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-top:6px}.component-bar-container{display:flex;align-items:center;gap:10px;margin:8px 0}.component-bar{flex:1;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.component-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#ffd54f);border-radius:4px;transition:width .3s ease}.component-value{font-size:.85rem;font-weight:600;color:var(--text-primary);min-width:50px;text-align:right}.score-calculation{padding:12px 16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;font-size:.8rem;color:var(--text-secondary);display:flex;flex-wrap:wrap;gap:8px}.calc-label{font-weight:600;color:var(--text-primary)}.calc-formula strong{color:var(--accent-gold);font-size:1rem}.tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--bg-card);border-radius:12px;padding:4px;border:1px solid var(--border-color)}.tab{padding:12px 24px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600}.quick-stats-row{display:flex;justify-content:space-around;gap:24px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px}.quick-stat{text-align:center}.quick-stat-value{display:block;font-size:1.75rem;font-weight:800;color:var(--text-primary);line-height:1.2}.quick-stat-value.trophy-text{color:var(--accent-gold)}.reset-trophies{color:var(--text-muted);font-size:.85em;font-weight:500}.quick-stat-label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.stats-grid.three-col{grid-template-columns:repeat(3,1fr)}.stats-grid.four-col{grid-template-columns:repeat(4,1fr)}.stats-grid.two-col{grid-template-columns:repeat(2,1fr)}@media(max-width:1200px){.stats-grid.four-col,.stats-grid.three-col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid,.stats-grid.two-col,.stats-grid.three-col,.stats-grid.four-col{grid-template-columns:1fr}.quick-stats-row{flex-wrap:wrap;gap:16px}.quick-stat{min-width:80px}.player-header-with-score{flex-direction:column}}.stat-card.mini-card{padding:16px}.stat-card-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.stat-card-header svg{color:var(--accent-gold)}.stat-card-header h3{font-size:.95rem;font-weight:600;margin:0}.cwl-card .stat-card-header svg{color:var(--accent-blue)}.cw-card .stat-card-header svg{color:var(--accent-purple)}.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-stats.vertical{grid-template-columns:1fr}.mini-stat{text-align:center;padding:8px}.mini-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.mini-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.star-bars{display:flex;flex-direction:column;gap:8px}.star-bar-row{display:flex;align-items:center;gap:8px}.star-label{width:50px;font-size:.8rem;text-align:right}.star-bar-bg{flex:1;height:10px;background:var(--bg-primary);border-radius:5px;overflow:hidden}.star-bar{height:100%;border-radius:5px;transition:width .3s ease}.star-bar.star-3{background:linear-gradient(90deg,gold,#ffeb3b)}.star-bar.star-2{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.star-bar.star-1{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.star-bar.star-0{background:linear-gradient(90deg,#ef4444,#f87171)}.star-count{width:30px;font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:right}.season-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:600px){.season-stats-grid{grid-template-columns:repeat(2,1fr)}}.season-stat{display:flex;align-items:center;gap:10px;padding:12px;background:var(--bg-secondary);border-radius:10px}.season-icon{font-size:1.5rem}.season-stat-info{display:flex;flex-direction:column}.season-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.season-label{font-size:.7rem;color:var(--text-muted)}.strategy-card{max-width:500px}.strategy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.strategy-stat{text-align:center;padding:12px;background:var(--bg-secondary);border-radius:8px}.strategy-label{display:block;font-size:.7rem;color:var(--text-muted);margin-bottom:6px}.strategy-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.stat-rows{display:flex;flex-direction:column}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-row.farm-row{background:#ff98001a;margin:8px -16px 0;padding:12px 16px;border-radius:8px;border:none}.stat-label{font-size:.85rem;color:var(--text-secondary)}.stat-value-large{font-size:1rem;font-weight:700;color:var(--text-primary)}.no-data-card{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.clickable-row{cursor:pointer;transition:all .2s ease;border-radius:6px;margin:0 -8px;padding-left:8px!important;padding-right:8px!important}.clickable-row:hover{background:var(--bg-elevated)}.clickable-hint{font-size:.7rem;color:var(--text-muted);font-weight:400;margin-left:8px}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:720px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.modal-header h3{font-size:1.1rem;font-weight:600;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:20px 24px;overflow-y:auto}.no-attacks{text-align:center;color:var(--text-muted);padding:40px 20px}.attack-list{display:flex;flex-direction:column;gap:16px}.attack-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px}.attack-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.attack-clan{font-weight:600;color:var(--text-primary)}.attack-vs{color:var(--text-muted);font-size:.85rem}.attack-enemy{font-weight:600;color:var(--text-secondary)}.attack-date{margin-left:auto;font-size:.8rem;color:var(--text-muted)}.attack-target{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.target-label{color:var(--text-muted);font-size:.85rem}.target-name{font-weight:600;color:var(--text-primary)}.target-tag{font-size:.8rem;color:var(--text-muted);font-family:monospace}.attack-stats{display:flex;gap:24px;margin-bottom:16px;padding:12px 16px;background:var(--bg-primary);border-radius:8px}.attack-stat{display:flex;flex-direction:column;align-items:center;flex:1}.attack-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.attack-stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.attack-stat-value.stars{color:var(--accent-gold)}.attack-positions{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:var(--bg-elevated);border-radius:8px}.position-box{display:flex;flex-direction:column;align-items:center;gap:4px}.position-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.position-value{font-weight:600;color:var(--text-primary);font-size:.95rem}.position-arrow{color:var(--accent-gold)}.cwl-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.cwl-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast)}.cwl-tab:hover{color:var(--text-primary);background:#ffffff0d}.cwl-tab.active{color:var(--accent-gold);background:#f5b8001a;border-bottom:2px solid var(--accent-gold)}.cwl-tab-badge{background:var(--accent-green);color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.cwl-live-section{min-height:400px}.cwl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--text-secondary)}.cwl-loading .spinning{animation:spin 1s linear infinite}.cwl-live-clans{margin-bottom:32px}.cwl-live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.cwl-live-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition-normal)}.cwl-live-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.cwl-live-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cwl-live-clan-info{display:flex;align-items:center;gap:12px}.cwl-live-badge{width:48px;height:48px;border-radius:var(--radius-md)}.cwl-live-badge-placeholder{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-gold),#d4a00a);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.cwl-live-clan-info h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:2px}.cwl-live-league{font-size:.8rem;color:var(--text-secondary)}.cwl-live-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.cwl-live-card:hover .cwl-live-arrow{transform:translate(4px);color:var(--accent-gold)}.cwl-live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cwl-live-stat{text-align:center}.cwl-live-stat .value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.cwl-live-stat .value.win{color:var(--accent-green)}.cwl-live-stat .value.loss{color:var(--accent-red)}.cwl-live-stat .value.stars{color:var(--accent-gold)}.cwl-live-stat .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.cwl-live-current{background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px}.cwl-live-round{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.cwl-live-status{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.cwl-live-status.active{background:#3b82f633;color:var(--accent-blue)}.cwl-live-status.prep{background:#a855f733;color:var(--accent-purple)}.cwl-live-matchup{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.cwl-live-us,.cwl-live-them{color:var(--text-primary)}.cwl-live-matchup svg{color:var(--text-muted)}.cwl-live-progress{display:flex;gap:4px;margin-top:12px}.cwl-progress-bar{flex:1;height:6px;border-radius:3px;background:var(--bg-elevated)}.cwl-progress-bar.win{background:var(--accent-green)}.cwl-progress-bar.loss{background:var(--accent-red)}.cwl-progress-bar.tie{background:var(--accent-gold)}.cwl-progress-bar.empty{background:#ffffff1a}.cwl-inactive-clans{margin-top:32px}.cwl-inactive-clans .section-title.muted{color:var(--text-muted)}.cwl-inactive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.cwl-inactive-card{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-size:.9rem}.cwl-no-active{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:16px;color:var(--text-secondary);text-align:center}.cwl-no-active h3{color:var(--text-primary);font-size:1.3rem}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:20px}.btn-back:hover{color:var(--text-primary);border-color:var(--text-secondary)}.cwl-detail{animation:fadeIn .3s ease}.cwl-detail-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:20px}.cwl-detail-info{display:flex;align-items:center;gap:16px}.cwl-detail-badge{width:64px;height:64px;border-radius:var(--radius-lg)}.cwl-detail-badge-placeholder{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-gold),#d4a00a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.cwl-detail-info h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:4px}.cwl-detail-info span{color:var(--text-secondary)}.cwl-detail-stats{display:flex;gap:32px}.cwl-detail-stat{text-align:center}.cwl-detail-stat .value{display:block;font-size:2rem;font-weight:700}.cwl-detail-stat .value.win{color:var(--accent-green)}.cwl-detail-stat .value.loss{color:var(--accent-red)}.cwl-detail-stat .value.stars{color:var(--accent-gold)}.cwl-detail-stat .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.cwl-active-war{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);margin-bottom:20px}.cwl-active-war svg.pulse{color:var(--accent-blue);animation:pulse 1.5s ease-in-out infinite}.cwl-active-war-info{flex:1}.cwl-active-war-info strong{display:block;color:var(--accent-blue)}.cwl-active-war-info span{color:var(--text-secondary);font-size:.9rem}.cwl-active-war-score{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:var(--text-primary)}.cwl-detail-tabs{display:flex;gap:8px;margin-bottom:20px}.cwl-detail-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cwl-detail-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.cwl-detail-tab.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.cwl-wars-list{display:flex;flex-direction:column;gap:12px}.cwl-war-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;border-left:4px solid var(--text-muted)}.cwl-war-item.win{border-left-color:var(--accent-green);background:#22c55e0d}.cwl-war-item.loss{border-left-color:var(--accent-red);background:#ef44440d}.cwl-war-item.tie{border-left-color:var(--accent-gold);background:#f5b8000d}.cwl-war-item.ongoing{border-left-color:var(--accent-blue);background:#3b82f60d}.cwl-war-item.preparation{border-left-color:var(--accent-purple);background:#a855f70d}.cwl-war-item-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.cwl-war-item-round{font-weight:600;color:var(--text-primary)}.cwl-war-item-status{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.cwl-war-item-status.win{background:#22c55e33;color:var(--accent-green)}.cwl-war-item-status.loss{background:#ef444433;color:var(--accent-red)}.cwl-war-item-status.tie{background:#f5b80033;color:var(--accent-gold)}.cwl-war-item-status.ongoing{background:#3b82f633;color:var(--accent-blue)}.cwl-war-item-status.preparation{background:#a855f733;color:var(--accent-purple)}.cwl-war-item-size{margin-left:auto;color:var(--text-muted);font-size:.85rem}.cwl-war-item-teams{display:flex;align-items:center;justify-content:space-between;gap:16px}.cwl-war-item-team{display:flex;align-items:center;gap:12px}.cwl-war-item-team.us{flex:1}.cwl-war-item-team.them{flex:1;justify-content:flex-end;text-align:right}.cwl-war-item-team .name{font-weight:600;color:var(--text-primary)}.cwl-war-item-team .stars{color:var(--accent-gold);font-weight:600}.cwl-war-item-team .dest{color:var(--text-secondary)}.cwl-war-item-team .attacks{color:var(--text-muted);font-size:.85rem}.cwl-players-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.cwl-players-table{width:100%;border-collapse:collapse}.cwl-players-table th,.cwl-players-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.cwl-players-table th{background:var(--bg-elevated);color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase}.cwl-players-table td{color:var(--text-primary)}.cwl-players-table tr:hover{background:#ffffff05}.cwl-players-table tr.selected{background:#f5b8000d}.player-name-cell{display:flex;align-items:center;gap:8px}.th-badge{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.th-pill{padding:2px 8px;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600}.stars-cell{color:var(--accent-gold);font-weight:600}.defense-avg{font-weight:600}.defense-avg.good{color:var(--accent-green)}.defense-avg.ok{color:var(--accent-gold)}.defense-avg.bad{color:var(--accent-red)}.player-details-row td{background:var(--bg-elevated);padding:0}.player-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.player-details-section h4{display:flex;align-items:center;gap:8px;color:var(--text-primary);margin-bottom:12px;font-size:.95rem}.player-details-section h4 svg{color:var(--text-muted)}.attack-list,.defense-list{display:flex;flex-direction:column;gap:8px}.attack-item,.defense-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-card);border-radius:var(--radius-sm)}.attack-info,.defense-info{display:flex;align-items:center;gap:8px}.attack-round,.defense-round{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.75rem;color:var(--text-muted)}.attack-target,.defense-attacker{color:var(--text-secondary);font-size:.9rem}.attack-result,.defense-result{display:flex;align-items:center;gap:8px}.attack-stars{color:var(--accent-gold);font-weight:600}.attack-dest{color:var(--text-muted);font-size:.85rem}.defense-result.good .defense-stars{color:var(--accent-green)}.defense-result.ok .defense-stars{color:var(--accent-gold)}.defense-result.bad .defense-stars{color:var(--accent-red)}.defense-dest{color:var(--text-muted);font-size:.85rem}.no-data{color:var(--text-muted);font-size:.9rem;padding:12px}.cwl-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.cwl-group-clan{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md)}.cwl-group-clan.own{border-color:var(--accent-gold);background:#f5b8000d}.cwl-group-badge{width:36px;height:36px;border-radius:8px}.cwl-group-badge-placeholder{width:36px;height:36px;background:var(--bg-elevated);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cwl-group-info{display:flex;flex-direction:column}.cwl-group-name{font-weight:600;color:var(--text-primary)}.cwl-group-clan.own .cwl-group-name{color:var(--accent-gold)}.cwl-group-level{font-size:.8rem;color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.db-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.db-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast)}.db-tab:hover{color:var(--text-primary);background:#ffffff0d}.db-tab.active{color:var(--accent-blue);background:#3b82f61a;border-bottom:2px solid var(--accent-blue)}.db-tab-badge{background:var(--accent-blue);color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.db-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.db-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;text-align:center}.db-stat-card svg{color:var(--accent-blue);margin-bottom:8px}.db-stat-value{font-size:2rem;font-weight:700;color:var(--text-primary)}.db-stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase}.db-last-sync{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}.db-last-sync-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.db-last-sync-header h3{flex:1;font-size:1rem;color:var(--text-primary)}.db-last-sync-time{color:var(--text-muted);font-size:.9rem}.db-last-sync-stats{display:flex;flex-wrap:wrap;gap:20px;color:var(--text-secondary);font-size:.9rem}.db-last-sync-stats strong{color:var(--text-primary)}.db-section{margin-bottom:32px}.db-seasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.db-season-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px}.db-season-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.db-season-name{font-weight:700;color:var(--accent-blue);font-size:1.1rem}.db-season-clans{font-size:.8rem;color:var(--text-muted)}.db-season-stats{display:flex;justify-content:space-around}.db-season-stat{text-align:center}.db-season-stat .value{display:block;font-size:1.3rem;font-weight:700}.db-season-stat .value.win{color:var(--accent-green)}.db-season-stat .value.loss{color:var(--accent-red)}.db-season-stat .value.stars{color:var(--accent-gold)}.db-season-stat .label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.db-clans-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.db-clans-table{width:100%;border-collapse:collapse}.db-clans-table th,.db-clans-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.db-clans-table th{background:var(--bg-elevated);color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase}.db-clans-table td{color:var(--text-primary)}.db-clans-table td.clan-name{font-weight:600}.db-clans-table td.win{color:var(--accent-green)}.db-clans-table td.loss{color:var(--accent-red)}.db-clans-table td.stars{color:var(--accent-gold)}.db-clans-table tr:hover{background:#ffffff05}.db-logs-list{display:flex;flex-direction:column;gap:8px}.db-log-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.db-log-item.success{border-left:3px solid var(--accent-green)}.db-log-item.partial{border-left:3px solid var(--accent-gold)}.db-log-item.error{border-left:3px solid var(--accent-red)}.db-log-header{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background var(--transition-fast)}.db-log-header:hover{background:#ffffff05}.db-log-status{flex-shrink:0}.status-icon.success{color:var(--accent-green)}.status-icon.warning{color:var(--accent-gold)}.status-icon.error{color:var(--accent-red)}.db-log-info{flex:1}.db-log-title{display:flex;align-items:center;gap:12px;margin-bottom:4px}.db-log-type{font-weight:600;color:var(--text-primary)}.db-log-season{background:var(--bg-elevated);padding:2px 8px;border-radius:4px;font-size:.8rem;color:var(--text-secondary)}.db-log-time{font-size:.85rem;color:var(--text-muted)}.db-log-summary{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary)}.db-log-expand{color:var(--text-muted)}.db-log-details{padding:16px;background:var(--bg-elevated);border-top:1px solid var(--border-color)}.db-log-details h4{margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.db-log-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.db-log-detail{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-card);border-radius:var(--radius-sm)}.db-log-detail.saved{border-left:2px solid var(--accent-green)}.db-log-detail.skipped{border-left:2px solid var(--text-muted)}.detail-clan{font-weight:500;color:var(--text-primary)}.detail-stats{color:var(--accent-green);font-size:.85rem}.detail-reason{color:var(--text-muted);font-size:.85rem}.db-log-error{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#ef44441a;border-radius:var(--radius-sm);color:var(--accent-red);font-size:.9rem}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--text-muted);text-align:center}.db-empty svg{margin-bottom:12px;opacity:.5}.db-info-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg);padding:20px;margin-top:24px}.db-info-box h3{color:var(--accent-blue);margin-bottom:8px;font-size:1rem}.db-info-box p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.db-info-box strong{color:var(--text-primary)}@media(max-width:768px){.db-stats-grid{grid-template-columns:repeat(2,1fr)}.db-log-summary{display:none}}.cwl-modal{max-width:520px}.cwl-modal .modal-header{flex-direction:column;text-align:center;padding:30px 24px;gap:16px}.cwl-modal .modal-header h2{font-size:1.4rem;font-weight:700;margin:0}.modal-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.warning{background:#f5b80026;color:var(--accent-gold)}.modal-icon.success{background:#22c55e26;color:var(--accent-green)}.modal-close{position:absolute;top:16px;right:16px}.cwl-modal .modal-content{position:relative}.modal-description{text-align:center;color:var(--text-secondary);font-size:1rem;margin-bottom:20px}.modal-description strong{color:var(--accent-gold)}.modal-info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.modal-info-item{display:flex;align-items:center;gap:12px}.modal-info-item svg{color:var(--accent-gold);flex-shrink:0}.modal-info-item div{display:flex;flex-direction:column}.modal-info-item .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.modal-info-item .value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.modal-actions-list{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.modal-actions-list h4{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.modal-actions-list ul{list-style:none;padding:0;margin:0}.modal-actions-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.modal-actions-list li:last-child{border-bottom:none}.modal-actions-list li svg{color:var(--accent-green);flex-shrink:0}.modal-actions-list code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:.85rem;color:var(--accent-cyan)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.modal-footer .btn{min-width:120px;justify-content:center}.btn.btn-success{background:var(--accent-green);color:#fff}.btn.btn-success:hover:not(:disabled){background:#16a34a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.leadertools-btn.cwl-start-btn{border:1px solid rgba(34,197,94,.3)}.leadertools-btn.cwl-start-btn:hover{border-color:var(--accent-green);background:#22c55e1a}.leadertools-btn.cwl-start-btn .leadertools-btn-icon{color:var(--accent-green)}.modal-option{margin-top:16px;padding:16px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md)}.modal-preview-section{margin-top:16px;padding:16px;background:var(--bg-tertiary);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.modal-preview-section h4{margin:0 0 8px;font-size:.95rem;color:var(--text-primary)}.preview-hint{margin:0 0 12px;font-size:.85rem;color:var(--text-muted)}.preview-input-row{display:flex;gap:8px;align-items:center}.preview-input-row .input-field{padding:8px 12px;font-size:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary)}.preview-input-row .input-field:focus{outline:none;border-color:var(--accent-blue)}.btn-outline{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;white-space:nowrap}.btn-outline:hover:not(:disabled){background:var(--accent-blue);color:#fff}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{display:flex;flex-direction:column;gap:4px;cursor:pointer}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-text{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:var(--text-primary)}.checkbox-text svg{color:var(--accent-blue)}.checkbox-label input[type=checkbox]:checked+.checkbox-text{color:var(--accent-green)}.checkbox-label input[type=checkbox]:checked+.checkbox-text svg{color:var(--accent-green)}.checkbox-text:before{content:"";display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-radius:4px;background:var(--bg-secondary);transition:all .2s}.checkbox-label input[type=checkbox]:checked+.checkbox-text:before{background:var(--accent-green);border-color:var(--accent-green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}.checkbox-hint{font-size:.8rem;color:var(--text-muted);margin-left:30px}.checkbox-hint.warning,.danger-checkbox .checkbox-text{color:#ef4444}.danger-checkbox .checkbox-text svg{color:#ef4444}.danger-checkbox input:checked+.checkbox-text{color:#ef4444}.modal-actions-list li.disabled{opacity:.4;text-decoration:line-through}.modal-actions-list li.disabled svg{color:var(--text-muted)}.cwl-cancel-btn{background:linear-gradient(135deg,#ef444426,#b91c1c33);border:1px solid rgba(239,68,68,.3)}.cwl-cancel-btn:hover{background:linear-gradient(135deg,#ef444440,#b91c1c4d);border-color:#ef444480;box-shadow:0 8px 25px #ef444433}.cwl-cancel-btn svg{color:#ef4444}.btn.cwl-cancel-btn{background:linear-gradient(135deg,#ef444426,#b91c1c33);border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn.cwl-cancel-btn:hover{background:linear-gradient(135deg,#ef444440,#b91c1c4d);border-color:#ef444480;box-shadow:0 4px 15px #ef44444d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #ef444466;transform:translateY(-2px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-icon.danger{background:linear-gradient(135deg,#ef444433,#b91c1c4d);color:#ef4444}.modal-warning-box{background:linear-gradient(135deg,#ef44441a,#b91c1c26);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin:1rem 0;display:flex;align-items:flex-start;gap:.75rem}.modal-warning-box svg{color:#ef4444;flex-shrink:0;margin-top:2px}.modal-warning-box p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.modal-actions-list.danger li{color:#ef4444}.modal-actions-list.danger li svg{color:#ef4444}.season-selector{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px}.season-selector svg{color:var(--accent-gold);flex-shrink:0}.season-select{background:transparent;border:none;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;outline:none;padding-right:8px}.season-select option{background:var(--bg-card);color:var(--text-primary);padding:8px}.info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color)}.info-banner svg{flex-shrink:0;margin-top:2px}.info-banner strong{display:block;color:var(--text-primary);margin-bottom:4px}.info-banner p{color:var(--text-secondary);font-size:.9rem;margin:0}.info-banner.warning{background:linear-gradient(135deg,#f5b8001a,#d977061a);border-color:#f5b8004d}.info-banner.warning svg{color:var(--accent-gold)}.info-banner.info{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d}.info-banner.info svg{color:var(--accent-blue)}.link-button{background:none;border:none;color:var(--accent-gold);cursor:pointer;text-decoration:underline;font-size:inherit;padding:0;margin-left:4px}.link-button:hover{color:var(--accent-gold-light)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mini-stat-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;transition:all var(--transition-fast)}.mini-stat-card:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.mini-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5b80026,#d9770633);border-radius:var(--radius-sm);color:var(--accent-gold)}.mini-stat-content{display:flex;flex-direction:column}.mini-stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.mini-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.empty-state-small{text-align:center;padding:24px;color:var(--text-muted)}.empty-state-small p{margin:0}.import-container{display:flex;flex-direction:column;gap:24px}.import-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.import-section h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;color:var(--text-primary)}.import-description{color:var(--text-muted);margin-bottom:20px;line-height:1.5}.import-season-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.import-season-selector label{font-weight:500;white-space:nowrap}.import-season-selector select{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;max-width:250px}.import-season-selector select:focus{outline:none;border-color:var(--accent-purple)}.cwl-import-modal{max-width:450px;text-align:center}.cwl-import-modal h2{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;color:var(--text-primary)}.cwl-import-modal .modal-description{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.cwl-season-select{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:left}.cwl-season-select label{color:var(--text-secondary);font-size:14px}.cwl-season-select select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;cursor:pointer}.cwl-season-select select:focus{outline:none;border-color:var(--accent-purple)}.cwl-import-modal .modal-actions{display:flex;gap:12px;justify-content:flex-end}.cwl-import-modal .modal-actions .btn{flex:1}.import-buttons{display:flex;flex-wrap:wrap;gap:12px}.import-btn{cursor:pointer;display:flex;align-items:center;gap:8px}.import-btn:hover{transform:translateY(-2px)}.import-result{display:flex;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;border-radius:var(--radius-md)}.import-result.success{background:#22c55e1a;border:1px solid var(--accent-green);color:var(--accent-green)}.import-result.error{background:#ef44441a;border:1px solid var(--accent-red);color:var(--accent-red)}.compare-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.compare-result{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;margin-top:16px}.compare-result h4{margin:0 0 16px;font-size:1rem;color:var(--text-primary)}.compare-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.compare-stat{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.compare-stat .label{font-size:.8rem;color:var(--text-muted)}.compare-stat .value{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.compare-stat.success{border-color:var(--accent-green)}.compare-stat.success .value{color:var(--accent-green)}.compare-stat.warning{border-color:var(--accent-yellow)}.compare-stat.warning .value{color:var(--accent-yellow)}.compare-details h5{margin:0 0 12px;font-size:.9rem;color:var(--text-primary)}.compare-table{width:100%;border-collapse:collapse;font-size:.85rem}.compare-table th,.compare-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.compare-table th{background:var(--bg-card);color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem}.compare-table tr.mismatch{background:#f5b8000d}.compare-table td.diff{color:var(--accent-yellow);font-weight:600}.compare-table .success{color:var(--accent-green)}.compare-table .warning{color:var(--accent-yellow)}.import-history-table{width:100%;border-collapse:collapse;font-size:.85rem}.import-history-table th,.import-history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.import-history-table th{background:var(--bg-secondary);color:var(--text-muted);font-weight:500;text-transform:uppercase;font-size:.75rem}.import-history-table .success{color:var(--accent-green)}.import-history-table .muted{color:var(--text-muted)}.import-type{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;text-transform:capitalize;background:var(--bg-secondary);border:1px solid var(--border-color)}.import-type.attack_log{border-color:var(--accent-purple);color:var(--accent-purple)}.import-type.war_stats{border-color:var(--accent-red);color:var(--accent-red)}.import-type.cwl_stats{border-color:var(--accent-blue);color:var(--accent-blue)}.import-type.season_stats{border-color:var(--accent-green);color:var(--accent-green)}.clashperk-cwl-section{margin-bottom:32px}.clashperk-cwl-section .section-subtitle{color:var(--text-secondary);margin-bottom:20px}.clashperk-seasons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.clashperk-season-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;cursor:pointer;transition:all .2s ease}.clashperk-season-card:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.clashperk-season-card.selected{border-color:var(--accent-purple);background:#a855f71a}.clashperk-season-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-primary)}.clashperk-season-name{font-size:16px;font-weight:600}.clashperk-season-stats{display:flex;gap:16px;flex-wrap:wrap}.clashperk-season-stat{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.clashperk-season-detail{margin-top:24px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.clashperk-clans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.clashperk-clan-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;cursor:pointer;transition:all .2s ease}.clashperk-clan-card:hover{border-color:var(--accent-blue)}.clashperk-clan-card.selected{border-color:var(--accent-blue);background:#3b82f61a}.clashperk-clan-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-primary)}.clashperk-clan-name{font-weight:600;font-size:14px}.clashperk-clan-stats{display:flex;gap:12px;font-size:12px;color:var(--text-secondary)}.clashperk-clan-stats span{display:flex;align-items:center;gap:4px}.clashperk-clan-detail{margin-top:20px}.clashperk-ranking,.clashperk-rounds,.clashperk-players{margin-bottom:24px}.clashperk-ranking h4,.clashperk-rounds h4,.clashperk-players h4{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--text-primary);font-size:15px}.clashperk-table-wrapper{overflow-x:auto}.clashperk-table{width:100%;border-collapse:collapse;font-size:13px}.clashperk-table th,.clashperk-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.clashperk-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;text-transform:uppercase;font-size:11px}.clashperk-table td.center{text-align:center}.clashperk-table td.success{color:var(--accent-green);font-weight:600}.clashperk-table td.danger{color:var(--accent-red);font-weight:600}.clashperk-table tr.highlight{background:#a855f71a}.clashperk-rounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.clashperk-round-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px}.clashperk-round-card.win{border-left:3px solid var(--accent-green)}.clashperk-round-card.lose{border-left:3px solid var(--accent-red)}.clashperk-round-card.tie{border-left:3px solid var(--accent-yellow)}.clashperk-round-card .round-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600}.clashperk-round-card .round-result{font-size:12px;padding:2px 8px;border-radius:4px}.clashperk-round-card .round-result.win{background:#22c55e33;color:var(--accent-green)}.clashperk-round-card .round-result.lose{background:#ef444433;color:var(--accent-red)}.clashperk-round-card .round-result.tie{background:#f59e0b33;color:var(--accent-yellow)}.clashperk-round-card .round-opponent{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.clashperk-round-card .round-stats{display:flex;gap:16px;font-size:12px;color:var(--text-secondary)}.clashperk-round-card .round-stats span{display:flex;align-items:center;gap:4px}.clashperk-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px}.clashperk-no-data h3{color:var(--text-primary);margin:16px 0 8px}.clashperk-no-data p{max-width:400px;line-height:1.6}.clashperk-table.clickable tbody tr.player-row{cursor:pointer;transition:all .2s ease}.clashperk-table.clickable tbody tr.player-row:hover{background:#a855f714}.clashperk-table.clickable tbody tr.player-row.selected{background:#a855f726}.clashperk-players h4 .hint{font-weight:400;font-size:12px;color:var(--text-muted);margin-left:8px}.player-attacks-row td{padding:0!important;background:var(--bg-primary)}.player-attacks-detail{padding:16px;background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.player-attacks-detail h5{margin:0 0 12px;font-size:14px;color:var(--text-primary)}.player-attacks-detail .loading-small{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.player-attacks-detail .no-attacks{color:var(--text-secondary);font-size:13px;padding:8px 0}.attacks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.attack-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;position:relative}.attack-card.won{border-left:3px solid var(--accent-green)}.attack-card.lost{border-left:3px solid var(--accent-red)}.attack-card .attack-round{font-size:11px;font-weight:600;color:var(--accent-purple);text-transform:uppercase;margin-bottom:6px}.attack-card .attack-matchup{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.attack-card .attack-matchup .arrow{color:var(--text-muted)}.attack-card .attack-defender{font-size:13px;color:var(--text-primary);font-weight:500;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attack-card .attack-result{display:flex;justify-content:space-between;align-items:center}.attack-card .attack-result .stars{font-size:14px}.attack-card .attack-result .destruction{font-size:12px;color:var(--text-secondary);font-weight:600}.attack-card .attack-gained{font-size:11px;color:var(--accent-green);margin-top:6px;font-weight:600}.clashperk-clan-card .league-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:auto}.score-info-banner{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:12px;font-size:13px;color:var(--text-secondary)}.score-info-banner .info-item{display:flex;align-items:center;gap:6px}.score-info-banner .info-item svg{color:var(--accent-gold)}.cw-list-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition-fast);margin-left:auto}.cw-list-btn:hover{background:#2563eb;transform:translateY(-1px)}.cw-list-modal{max-width:600px;width:90%}.cw-list-modal.cw-wars-overview{max-width:1100px;width:95%}.cw-list-modal.cw-wars-overview .modal-body{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cw-list-modal.cw-wars-overview .cw-info-text{grid-column:1 / -1}.cw-info-text{color:var(--text-secondary);margin-bottom:16px;font-size:14px}.cw-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.cw-list-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px}.cw-list-item:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.cw-number{font-weight:700;color:var(--accent-gold);font-size:14px}.cw-clans{color:var(--text-primary)}.cw-clans strong{color:var(--accent-gold)}.cw-attacks{font-size:11px;color:var(--text-secondary);background:var(--bg-elevated);padding:3px 8px;border-radius:var(--radius-sm)}.cw-date{font-size:12px;color:var(--text-muted)}.cw-list-item.missed-attack{border-color:var(--status-red);background:#ff3b3014}.cw-list-item.missed-attack:hover{background:#ff3b301f}.attacks-warning{background:var(--status-red)!important;color:#fff!important}.missed-note{font-weight:600}.farm-note{color:#888;font-weight:600;font-style:italic}.missed-attacks-summary{color:var(--status-red);font-weight:600}.clan-info{color:var(--accent-gold);font-weight:600}.hidden-missed-info{font-size:12px;color:var(--status-orange);background:#ff9f0a1a;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px;border-left:3px solid var(--status-orange)}.cw-list-item.war-perfect{background:#30d15826;border-color:var(--status-green)}.cw-list-item.war-perfect:hover{background:#30d15840}.cw-list-item.war-good{background:#ff9f0a26;border-color:var(--status-orange)}.cw-list-item.war-good:hover{background:#ff9f0a40}.cw-list-item.war-fail{background:#ff453a26;border-color:var(--status-red)}.cw-list-item.war-fail:hover{background:#ff453a40}.cw-list-item.war-farm{background:#80808026;border-color:#888}.cw-list-item.war-farm:hover{background:#80808040}.cw-stars-info{font-size:12px;min-width:80px}.extra-stars{color:var(--accent-gold);font-weight:600;margin-left:2px}.cw-list-item.completely-missed-war{border-color:#8b0000;background:#8b000026;border-style:dashed}.cw-list-item.completely-missed-war:hover{background:#8b000033}.missed-war-label{color:var(--status-red)!important;font-style:italic}.attacks-critical{background:#8b0000!important;color:#fff!important;font-weight:700}.cw-clan-section{margin-bottom:0}.cw-clan-section:last-child{margin-bottom:0}.cw-clan-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--accent-gold);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.cw-clan-header svg{color:var(--accent-blue)}.cw-reduced{color:var(--accent-gold)!important;position:relative}.cw-reduced:after{content:"⚠";font-size:10px;margin-left:4px;color:var(--accent-gold)}.clickable-cell{cursor:pointer!important}.clickable-cell:hover{background:var(--bg-elevated)!important}.cw-clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}.cw-clickable:hover{color:var(--accent-blue)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-top:20px}.event-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:12px}.event-card:hover{border-color:var(--accent-gold);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.event-card-header{display:flex;justify-content:space-between;align-items:center}.event-status{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-sm)}.event-status.event-upcoming{background:#007aff26;color:var(--accent-blue)}.event-status.event-active{background:#30d15826;color:var(--status-green)}.event-status.event-ended{background:#8e8e9326;color:var(--text-muted)}.event-type{font-size:12px;color:var(--text-secondary);background:var(--bg-elevated);padding:4px 8px;border-radius:var(--radius-sm)}.event-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.event-description{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border-color)}.event-meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.event-meta-item svg{color:var(--accent-gold)}.event-card-footer{display:flex;justify-content:flex-end;margin-top:8px}.empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:16px}.landing-page{min-height:100vh;background:var(--bg-primary)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}.landing-header-content{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:12px}.landing-logo-img{width:40px;height:40px;border-radius:8px}.landing-logo-text{font-size:20px;font-weight:700;color:var(--text-primary)}.landing-nav-buttons{display:flex;gap:12px}.landing-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(245,184,0,.08) 0%,transparent 70%);pointer-events:none}.landing-hero-content{position:relative;z-index:1;max-width:700px}.landing-title{font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1;margin-bottom:24px}.text-gold{color:var(--accent-gold)}.landing-subtitle{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);line-height:1.6;margin-bottom:40px}.landing-cta{display:flex;justify-content:center;gap:16px}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-section-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:48px}.landing-features{padding:80px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;text-align:center;transition:var(--transition-normal)}.feature-card:hover{border-color:var(--accent-gold);transform:translateY(-4px)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--bg-primary)}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.landing-cta-section{padding:80px 0}.cta-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border:1px solid var(--accent-gold);border-radius:var(--radius-xl);padding:48px;text-align:center;box-shadow:var(--shadow-glow)}.cta-card h2{font-size:28px;font-weight:700;margin-bottom:16px}.cta-card p{color:var(--text-secondary);margin-bottom:32px}.landing-footer{padding:24px;text-align:center;border-top:1px solid var(--border-color);color:var(--text-muted);font-size:14px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary);position:relative}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(245,184,0,.05) 0%,transparent 50%);pointer-events:none}.auth-container{width:100%;max-width:420px;position:relative;z-index:1}.auth-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;margin-bottom:24px;transition:var(--transition-fast)}.auth-back:hover{color:var(--accent-gold)}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:64px;height:64px;border-radius:16px;margin-bottom:20px}.auth-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-secondary)}.form-group input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;transition:var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f5b80026}.form-group input::placeholder{color:var(--text-muted)}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.auth-divider span{color:var(--text-muted);font-size:13px}.auth-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);font-size:14px;color:var(--text-secondary)}.auth-footer a{color:var(--accent-gold);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.btn-discord{background:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}.btn-discord:hover{background:#4752c4}.alert{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.register-info{background:var(--bg-secondary);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.register-info h3{font-size:15px;font-weight:600;margin-bottom:12px}.register-info ol{list-style:none;counter-reset:step;padding:0;margin:0}.register-info li{counter-increment:step;display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary);padding:8px 0}.register-info li:before{content:counter(step);width:24px;height:24px;background:var(--accent-gold);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.register-success{text-align:center;padding:20px 0}.success-icon{width:80px;height:80px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#22c55e}.register-success h2{font-size:24px;font-weight:700;margin-bottom:12px}.register-success p{color:var(--text-secondary);line-height:1.6}.success-hint{font-size:13px;color:var(--text-muted);margin-top:16px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-card);border-color:var(--border-light)}.btn-full{width:100%}.btn-lg{padding:14px 28px;font-size:16px}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:24px}.um-user-list{display:flex;flex-direction:column;gap:12px;padding:16px}.um-user-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-fast)}.um-user-card.pending{border-color:var(--accent-gold);background:#f5b8000d}.um-user-card-avatar img,.um-user-card-avatar .avatar-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover}.um-user-card-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.um-user-card-info{flex:1}.um-user-card-info h3{font-size:16px;font-weight:600;margin-bottom:2px}.um-user-card-info p{font-size:14px;color:var(--text-secondary)}.um-user-date{font-size:12px;color:var(--text-muted)}.um-user-card-actions{display:flex;gap:8px}.user-cell{display:flex;align-items:center;gap:12px}.user-cell-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.user-cell-avatar.placeholder{background:linear-gradient(135deg,var(--accent-gold),var(--accent-gold-light));color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-cell span.text-muted{display:block;font-size:12px;color:var(--text-muted)}.role-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.role-gold{background:#f5b80026;color:var(--accent-gold)}.role-blue{background:#3b82f626;color:var(--accent-blue)}.role-orange{background:#f59e0b26;color:#f59e0b}.role-gray{background:#9ca3af26;color:#9ca3af}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn-icon.danger:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.btn-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#22c55e}.btn-success:hover{background:#22c55e40}.btn-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.btn-danger:hover{background:#ef444440}.btn-sm{padding:8px 12px;font-size:13px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:32px;max-width:440px;width:100%}.modal h2{font-size:20px;font-weight:600;margin-bottom:8px}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.form-select{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-gold)}.form-input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px}.form-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #f5b80026}.form-hint{display:block;font-size:12px;color:var(--text-muted);margin-top:6px}.loading-container{display:flex;justify-content:center;padding:48px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-muted);text-align:center}.empty-state svg{margin-bottom:16px;opacity:.5}.war-attacks-modal{max-width:500px}.clickable-war{cursor:pointer;transition:all .2s ease}.clickable-war:not(.completely-missed-war):hover{transform:translate(4px);border-color:var(--accent-gold)!important}.war-info-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:rgba(var(--accent-gold-rgb),.1);border-radius:8px;margin-bottom:16px}.war-clans{color:var(--text-primary);font-size:14px}.war-date{color:var(--text-muted);font-size:12px}.attacks-list{display:flex;flex-direction:column;gap:12px}.attack-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:12px;transition:all .2s ease}.attack-item.stars-3{border-left:3px solid var(--status-green)}.attack-item.stars-2{border-left:3px solid var(--status-orange)}.attack-item.stars-1{border-left:3px solid var(--status-red)}.attack-item.stars-0{border-left:3px solid #8B0000}.attack-item.attack-farm{border-left:3px solid #888;background:#8080801a;opacity:.7}.farm-label{color:#888;font-style:italic;font-weight:400}.farm-stars{color:#888!important;opacity:.6}.destruction-value.farm{color:#888}.attack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.attack-number{font-weight:600;color:var(--text-secondary);font-size:12px}.attack-stars{font-size:16px}.attack-stars.stars-3{color:var(--status-green)}.attack-stars.stars-2{color:var(--status-orange)}.attack-stars.stars-1,.attack-stars.stars-0{color:var(--status-red)}.attack-details{display:flex;flex-direction:column;gap:6px}.attack-positions{display:flex;align-items:center;gap:8px;font-size:13px}.attacker-pos{color:var(--accent-gold);font-weight:600}.attack-arrow{color:var(--text-muted)}.defender-pos{color:var(--text-secondary)}.attack-target{display:flex;align-items:center;gap:8px}.defender-name{color:var(--text-muted);font-size:12px}.attack-destruction{display:flex;align-items:center}.destruction-value{font-size:14px;font-weight:600;color:var(--text-secondary)}.destruction-value.perfect{color:var(--status-green)}.destruction-value.good{color:var(--accent-gold)}.attacks-summary{display:flex;justify-content:space-between;padding:12px;margin-top:16px;background:rgba(var(--accent-gold-rgb),.1);border-radius:8px;font-weight:600;color:var(--text-primary)}.no-attacks{text-align:center;color:var(--text-muted);padding:32px;font-style:italic}.score-explain-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.score-explain-btn:hover{background:#a855f740;border-color:#a855f780}.score-explanation-modal{max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.score-explanation-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.score-explanation-modal .modal-header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:600;margin:0}.score-explanation-modal .close-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.score-explanation-modal .close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.score-explanation-modal .modal-content{background:transparent;border:none;border-radius:0;max-width:none;width:auto;max-height:none;padding:20px 24px;overflow-y:auto;flex:1}.score-formula h4{color:var(--accent-gold);margin:24px 0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.score-formula h4:first-child{margin-top:0}.formula-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.formula-table th,.formula-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-color)}.formula-table th{background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.formula-table td{color:var(--text-primary)}.formula-table tr:hover td{background:#ffffff05}.formula-table.league-table tr.highlight td{background:#f5b8001a;font-weight:600}.formula-note{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:8px 0;padding:12px;background:#3b82f61a;border-radius:8px;border-left:3px solid var(--accent-blue)}.final-formula{background:var(--bg-secondary);padding:16px;border-radius:8px;text-align:center;margin:12px 0}.final-formula code{font-family:Fira Code,monospace;font-size:14px;color:var(--accent-gold);background:#f5b8001a;padding:8px 16px;border-radius:6px}.formula-notes{list-style:none;padding:0;margin:12px 0}.formula-notes li{padding:8px 0 8px 20px;position:relative;color:var(--text-secondary);font-size:13px}.formula-notes li:before{content:"•";position:absolute;left:0;color:var(--accent-gold)}.formula-notes li strong{color:var(--text-primary)}