:root{--bg-base: #0A0C0F;--bg-surface: #111418;--bg-card: #161B22;--bg-hover: #1C2330;--bg-input: #0D1117;--overlay-backdrop: rgba(10, 12, 15, .6);--border: #21262D;--border-bright: #30363D;--accent: #4FC3F7;--accent-dim: #1A4A5E;--accent-glow: rgba(79, 195, 247, .15);--gold: #F0B429;--gold-dim: #3D2E00;--green: #3FB950;--red: #F85149;--yellow: #D29922;--purple: #A371F7;--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-muted: #484F58;--text-accent: #4FC3F7;--pos-c: #A371F7;--pos-w: #3FB950;--pos-d: #4FC3F7;--pos-g: #F0B429;--tier-elite: #F0B429;--tier-premium: #2DD9C4;--tier-core: #4FC3F7;--tier-fringe: #8B949E;--tier-depth: #3FB950;--tier-replacement: #484F58;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Barlow Condensed", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-gold{color:var(--gold)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pos-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:20px;border-radius:3px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em}.pos-C{background:#a371f726;color:var(--pos-c);border:1px solid rgba(163,113,247,.3)}.pos-W{background:#3fb9501f;color:var(--pos-w);border:1px solid rgba(63,185,80,.25)}.pos-D{background:#4fc3f71f;color:var(--pos-d);border:1px solid rgba(79,195,247,.25)}.pos-G{background:#f0b4291f;color:var(--pos-g);border:1px solid rgba(240,180,41,.25)}.tier-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tier-Elite{background:#f0b42926;color:var(--tier-elite);border:1px solid rgba(240,180,41,.3)}.tier-Premium{background:#2dd9c426;color:var(--tier-premium);border:1px solid rgba(45,217,196,.3)}.tier-Core{background:#4fc3f71f;color:var(--tier-core);border:1px solid rgba(79,195,247,.25)}.tier-Fringe{background:#8b949e1f;color:var(--tier-fringe);border:1px solid rgba(139,148,158,.25)}.tier-Depth{background:#3fb9501a;color:var(--tier-depth);border:1px solid rgba(63,185,80,.2)}.tier-Replacement{background:#484f5833;color:var(--tier-replacement);border:1px solid rgba(72,79,88,.3)}.bucket-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.bucket-Contend{background:#3fb95026;color:var(--green);border:1px solid rgba(63,185,80,.3)}.bucket-Bubble{background:#d2992226;color:var(--yellow);border:1px solid rgba(210,153,34,.3)}.bucket-Retool{background:#4fc3f71f;color:var(--accent);border:1px solid rgba(79,195,247,.25)}.bucket-Rebuild{background:#f8514924;color:var(--red);border:1px solid rgba(248,81,73,.3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px}.ktc-nav-link{text-decoration:none;font-size:13px;font-weight:400;color:var(--text-secondary);border-bottom:2px solid transparent;padding-bottom:2px;transition:color .15s,border-color .15s}.ktc-nav-link:hover{color:var(--text-primary)}.ktc-nav-link.active{font-weight:600;color:var(--accent);border-bottom-color:var(--accent)}.stat-positive{color:var(--green)}.stat-negative{color:var(--red)}.stat-neutral{color:var(--text-secondary)}.ktc-triad{display:flex;flex-direction:column;gap:12px}@media (min-width: 640px){.ktc-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}.ktc-trade-sides{display:flex;flex-direction:column;gap:20px}@media (min-width: 640px){.ktc-trade-sides{flex-direction:row}}.ktc-lb-header-desktop,.ktc-lb-row-desktop{display:none}.ktc-lb-row-mobile,.ktc-lb-sort-mobile{display:flex}@media (min-width: 640px){.ktc-lb-header-desktop,.ktc-lb-row-desktop{display:grid}.ktc-lb-row-mobile,.ktc-lb-sort-mobile{display:none}}.ktc-team-row-meta{display:none}@media (min-width: 520px){.ktc-team-row-meta{display:inline}}.ktc-detail-cta-mobile{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--border-bright);z-index:10}.ktc-detail-cta-desktop{display:none}@media (min-width: 640px){.ktc-detail-cta-mobile{display:none}.ktc-detail-cta-desktop{display:block;width:200px}}.cap-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.cap-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}button.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-bright);border-radius:5px;background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:13px;cursor:pointer;transition:all .15s}button.btn:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}button.btn.primary{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}button.btn.primary:hover{background:var(--accent);color:var(--bg-base)}button.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}input.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:6px 12px;outline:none;transition:border-color .15s}input.search-input:focus{border-color:var(--accent)}input.search-input::placeholder{color:var(--text-muted)}select.filter-select{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;color:var(--text-primary);font-size:13px;padding:6px 10px;outline:none;cursor:pointer}select.filter-select:focus{border-color:var(--accent)}
