body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--accent-blue:#58a6ff;--accent-green:#3fb950;--accent-red:#f85149;--accent-orange:#e3b341;--accent-purple:#bc8cff;--text-primary:#c9d1d9;--text-secondary:#8b949e;--border:#30363d}*{box-sizing:border-box;margin:0;padding:0}body{background:#0d1117;background:var(--bg-primary);color:#c9d1d9;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.clan-select{margin:0 auto;max-width:960px;padding:48px 24px}.clan-select h1{font-size:2rem;font-weight:700;margin-bottom:8px}.clan-select .subtitle{color:#8b949e;color:var(--text-secondary);margin-bottom:36px}.clan-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.clan-card{background:#161b22;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;color:#c9d1d9;color:var(--text-primary);cursor:pointer;display:block;padding:24px 20px;text-decoration:none;transition:border-color .15s,transform .15s}.clan-card:hover{border-color:#58a6ff;border-color:var(--accent-blue);transform:translateY(-2px)}.clan-card-name{font-size:1.1rem;font-weight:600}.dashboard{margin:0 auto;max-width:1280px;padding:24px}.dash-nav{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.back-btn{border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;color:#8b949e;color:var(--text-secondary);font-size:.9rem;padding:6px 12px;text-decoration:none;transition:color .15s,border-color .15s}.back-btn:hover{border-color:#8b949e;border-color:var(--text-secondary);color:#c9d1d9;color:var(--text-primary)}.dash-nav h1{font-size:1.6rem;font-weight:700}.dash-meta{color:#8b949e;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:20px;margin-left:auto}.dash-meta span strong{color:#c9d1d9;color:var(--text-primary)}.card{background:#161b22;background:var(--bg-secondary);border:1px solid #30363d;border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:24px}.card h2{color:#8b949e;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:16px;text-transform:uppercase}.stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.stat-chip{background:#21262d;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:8px;min-width:140px;padding:12px 20px}.stat-chip .label{color:#8b949e;color:var(--text-secondary);font-size:.72rem;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.stat-chip .value{font-size:1.4rem;font-weight:700}.stat-chip .value.red{color:#f85149;color:var(--accent-red)}.stat-chip .value.green{color:#3fb950;color:var(--accent-green)}.stat-chip .value.blue{color:#58a6ff;color:var(--accent-blue)}.stat-chip .value.orange{color:#e3b341;color:var(--accent-orange)}.leaderboard-wrap{overflow-x:auto}.leaderboard{border-collapse:collapse;font-size:.9rem;width:100%}.leaderboard th{color:#8b949e;color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.06em;padding:8px 12px;text-align:left;text-transform:uppercase}.leaderboard td,.leaderboard th{border-bottom:1px solid #30363d;border-bottom:1px solid var(--border);white-space:nowrap}.leaderboard td{padding:10px 12px}.leaderboard tr:last-child td{border-bottom:none}.leaderboard tr.row-dc td:first-child{border-left:3px solid #f85149;border-left:3px solid var(--accent-red)}.leaderboard tr.row-dc{background:#f851490a}.rank-cell{color:#8b949e;color:var(--text-secondary);font-size:.8rem;width:36px}.points-cell{font-weight:600}.gain-cell,.points-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gain-cell{color:#3fb950;color:var(--accent-green)}.dc-time-cell{font-feature-settings:"tnum";color:#e3b341;color:var(--accent-orange);font-variant-numeric:tabular-nums}.dc-time-cell.none{color:#8b949e;color:var(--text-secondary)}.badge{border-radius:100px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:2px 8px}.badge-active{background:#3fb95026;color:#3fb950;color:var(--accent-green)}.badge-dc{background:#f8514926;color:#f85149;color:var(--accent-red)}.player-link{color:#58a6ff;color:var(--accent-blue);font-weight:500;text-decoration:none;transition:opacity .12s}.player-link:hover{opacity:.75}.card-subtitle{color:#8b949e;color:var(--text-secondary);font-size:.78rem;margin-bottom:14px;margin-top:-10px}.activity-timeline{background:#3fb9502e;border:1px solid #3fb9504d;border-radius:6px;height:28px;margin-bottom:8px;overflow:hidden;position:relative}.timeline-dc-segment{background:#f851498c;border-left:1px solid #f85149cc;border-right:1px solid #f85149cc;cursor:default;height:100%;position:absolute;top:0;transition:background .1s}.timeline-dc-segment:hover{background:#f85149bf}.timeline-label-end,.timeline-label-start{bottom:-20px;color:#8b949e;color:var(--text-secondary);font-size:.72rem;position:absolute}.timeline-label-start{left:0}.timeline-label-end{right:0}.chart-wrap{height:320px}.chart-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chart-controls .ctrl-label{color:#8b949e;color:var(--text-secondary);font-size:.8rem;margin-right:4px}.player-toggle{background:#21262d;background:var(--bg-tertiary);border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;color:#8b949e;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:4px 10px;transition:.15s}.player-toggle.active{background:#58a6ff14;border-color:#58a6ff;border-color:var(--accent-blue);color:#58a6ff;color:var(--accent-blue)}.page-center{align-items:center;color:#8b949e;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:60vh}.spinner{animation:spin .7s linear infinite;border:3px solid #30363d;border-top-color:#58a6ff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-blue);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.error-msg{color:#f85149;color:var(--accent-red);font-size:.9rem}.refresh-bar{align-items:center;display:flex;font-size:.8rem;gap:10px;margin-bottom:20px}.refresh-bar,.refresh-btn{color:#8b949e;color:var(--text-secondary)}.refresh-btn{background:none;border:1px solid #30363d;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.78rem;padding:4px 10px;transition:.15s}.refresh-btn:hover{border-color:#8b949e;border-color:var(--text-secondary);color:#c9d1d9;color:var(--text-primary)}.no-battle{color:#8b949e;color:var(--text-secondary);font-size:.95rem;padding:40px;text-align:center}