.composer-bracket-main{--background:#fafaf9;--foreground:#1c1917;--card-bg:#fff;--border-subtle:#e7e5e4;--accent-blue:#0f172a;--accent-warm:#3b82f6;--muted:#78716c;background-color:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-sans);padding:8rem 1rem 3rem}.composer-bracket-container{max-width:1200px;margin:0 auto}.composer-bracket-header{text-align:center;margin-bottom:2.5rem}.composer-bracket-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:700}.composer-bracket-subtitle{color:var(--muted);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.cb-region-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;display:flex;overflow-x:auto}.cb-region-tabs::-webkit-scrollbar{display:none}.cb-tab-button{background-color:var(--card-bg);border:1px solid var(--border-subtle);color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.cb-tab-button:hover{background-color:var(--border-subtle)}.cb-tab-button.active{background-color:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.cb-matchups-scroll{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.cb-matchup-card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.cb-matchup-header{text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border-subtle);background-color:#f3f4f6;justify-content:space-between;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:flex}.cb-competitor{cursor:pointer;align-items:center;padding:1rem;transition:background-color .2s;display:flex;position:relative}.cb-competitor:not(:last-child){border-bottom:1px solid var(--border-subtle)}.cb-competitor:hover:not(.empty-slot){background-color:#f8fafc}.cb-competitor.advanced{background-color:#f0fdf4}.cb-competitor.eliminated{opacity:.5;background-color:#f9fafb}.cb-competitor.empty-slot{cursor:default}.cb-seed{background-color:var(--border-subtle);color:var(--muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:1rem;font-size:.75rem;font-weight:700;display:flex}.cb-competitor-info{flex-grow:1}.cb-composer-name{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:flex}.cb-track-container{align-items:center;gap:.5rem;display:flex}.cb-track-name{color:var(--muted);font-size:.875rem;line-height:1.2}.cb-youtube-link{color:#ef4444;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:transform .2s,color .2s;display:inline-flex}.cb-youtube-link:hover{color:#dc2626;transform:scale(1.15)}.cb-empty-text{color:#9ca3af;font-style:italic}.cb-action-indicator{border:2px solid var(--border-subtle);border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-left:1rem;transition:all .2s}.cb-competitor:not(.empty-slot):hover .cb-action-indicator{border-color:var(--accent-warm)}.cb-competitor.advanced .cb-action-indicator{background-color:var(--accent-warm);border-color:var(--accent-warm);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-position:50%;background-repeat:no-repeat;background-size:12px}.cb-controls{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding:1rem 0;display:flex}.cb-btn{background-color:var(--card-bg);border:1px solid var(--border-subtle);color:var(--accent-blue);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.cb-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.cb-view-toggle{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.cb-tree-container{background:var(--card-bg);border:1px solid var(--border-subtle);scrollbar-width:thin;border-radius:16px;justify-content:space-between;gap:1.5rem;min-height:80vh;padding:1.5rem;display:flex;overflow-x:auto}.cb-tree-col{flex-direction:column;justify-content:space-around;gap:.5rem;min-width:180px;display:flex}.cb-tree-col.center-col{border-left:2px dashed var(--border-subtle);border-right:2px dashed var(--border-subtle);align-items:center;min-width:220px;padding:0 1rem}.cb-tree-champ-header{font-family:var(--font-heading);text-transform:uppercase;color:var(--accent-blue);letter-spacing:.05em;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.cb-tree-winner-callout{text-align:center;color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:2rem;padding:1rem;animation:.3s ease-out popIn}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.cb-tree-node{border:1px solid var(--border-subtle);background:#fff;border-radius:6px;flex-direction:column;transition:transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.cb-tree-node:hover{z-index:10;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.cb-tree-competitor{cursor:pointer;background-color:var(--background);border-left:3px solid #0000;align-items:center;padding:.5rem;font-size:.75rem;transition:background-color .2s;display:flex}.cb-tree-competitor:not(:last-child){border-bottom:1px solid var(--border-subtle)}.cb-tree-competitor:hover:not(.empty){border-left-color:var(--accent-warm);background-color:#f8fafc}.cb-tree-competitor.advanced{background-color:#f0fdf4;border-left-color:#22c55e;font-weight:700}.cb-tree-competitor.empty{cursor:default;color:var(--muted)}.cb-tree-seed{color:var(--muted);text-align:center;width:16px;margin-right:.5rem;font-size:.65rem;font-weight:700}.cb-tree-name{white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}