body:has(.generator){--bg-primary:#090a0c;--bg-secondary:#101114;--bg-card:#16171b;--border:#303137;--text-primary:#f4f3ef;--text-secondary:#c4c3bf;--text-muted:#a4a6ac;--generator-display:"DIN Condensed", "Arial Narrow", "Avenir Next Condensed", sans-serif}body:has(.generator) .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0d0f}#main-content .generator{max-width:1344px;padding:0 32px 32px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif}#main-content .generator .page-header{background:0 0;margin-bottom:24px;padding:34px 0 26px}#main-content .generator .page-header h1{font-family:var(--generator-display);text-transform:uppercase;font-size:clamp(44px,6vw,68px)}#main-content .generator .page-header p{font-size:17px}.generator [hidden]{display:none!important}.generator h1,.generator h2,.generator h3{font-family:var(--generator-display);text-transform:uppercase}.generator h2{font-size:28px}.generator h3{font-size:24px}.generator p{color:var(--text-secondary);margin:12px 0 20px}.generator label{color:var(--text-primary);display:block}.generator input:not([type=checkbox]){border:1px solid var(--border);background:var(--bg-card);width:100%;min-width:0;min-height:48px;color:var(--text-primary);font:inherit;border-radius:0;margin:8px 0 16px;padding:12px 16px;display:block}.generator input::placeholder{color:var(--text-muted);opacity:1}.generator #team-count{max-width:180px}.generator #team-search{max-width:540px}.generator button{border:1px solid var(--border);background:var(--bg-card);min-height:48px;color:var(--text-primary);font-family:var(--generator-display);text-transform:uppercase;cursor:pointer;border-radius:0;padding:12px 28px;font-size:21px;font-weight:700}.generator button.primary{color:#171719;background:var(--accent);border-color:var(--accent)}.generator button:hover:not(:disabled),.generator button:active:not(:disabled){border-color:var(--accent);background:var(--bg-card-hover)}.generator button.primary:hover:not(:disabled),.generator button.primary:active:not(:disabled){background:var(--accent-hover)}.generator button:disabled{opacity:.55;cursor:not-allowed}.generator :is(button,input,a):focus-visible{outline:3px solid var(--accent);outline-offset:4px}.generator-heading,.generator-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.generator-heading{justify-content:space-between}.generator-fields,.team-options{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.generator .team-option{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;min-height:64px;padding:12px;display:flex}.generator .team-option:has(:checked){border-color:var(--accent)}.generator .team-option{border-left:3px solid var(--team-color)}.generator .team-option:has(:checked){border-left-color:var(--team-color)}.generator .generator-team-logo{object-fit:contain;flex:0 0 32px;width:32px;height:32px}.generator .team-option:has(:disabled){cursor:not-allowed}.generator .team-option span{overflow-wrap:anywhere}.generator .team-option small{color:var(--text-secondary);display:block}.generator input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:0 0 22px}.generator .generator-check{align-items:center;gap:12px;min-height:44px;margin:20px 0;display:flex}.generator .draw-rounds{background:#101114;border:1px solid #303137;margin:28px 0;padding:20px;overflow-x:auto}.generator .draw-canvas{grid-template-columns:repeat(var(--round-count), minmax(210px, 1fr));grid-template-rows:64px repeat(var(--bracket-rows), 64px);column-gap:36px;display:grid;position:relative}.generator .draw-round,.generator .draw-round>ol{display:contents}.generator .draw-rounds h3{grid-column:var(--round-column);color:var(--accent);text-align:center;text-transform:uppercase;border-bottom:1px solid #ff742e59;grid-row:1;align-self:start;padding-bottom:11px;font-family:DIN Condensed,Arial Narrow,Avenir Next Condensed,sans-serif;font-size:22px}.generator .draw-rounds ol{list-style:none}.generator .draw-rounds .draw-match{z-index:1;color:#c4c3bf;background:#111215;border:1px dashed #303137;align-self:center;min-width:0;position:relative}.generator .draw-bye .draw-team:last-child{color:#a4a6ac}.generator .draw-bronze{z-index:1;align-self:start;min-width:0;position:relative}.generator .draw-bronze h3{margin-bottom:16px}.generator .draw-connectors{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.generator .draw-connectors path{fill:none;stroke:#3a4258;stroke-width:2px;vector-effect:non-scaling-stroke}.generator .draw-rounds :is(strong,span,small){display:block}.generator .draw-rounds strong{color:#a4a6ac;padding:4px 11px;font-size:11px}.generator .draw-rounds .draw-team{border-left:3px solid #0000;align-items:center;gap:9px;height:42px;padding:6px 11px;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:15px;font-weight:650;display:flex}.generator .draw-rounds .generator-team-logo{flex-basis:28px;width:28px;height:28px}.generator .draw-rounds .draw-team.known-team{border-left-color:var(--team-color)}.generator .draw-rounds .draw-team+.draw-team{border-top:1px solid var(--border)}.generator .draw-team>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.generator .draw-rounds small{color:var(--text-muted);margin-top:8px}.generator #export-controls{border-top:1px solid var(--border);padding-top:24px}.generator #generator-error{color:var(--loss);border:1px solid;padding:16px}@media (width>=620px){.generator-fields,.team-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){#main-content .generator{padding:0 16px 24px}}@media (width>=1000px){.team-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.generator .draw-rounds{padding:12px;overflow:visible}.generator .draw-canvas,.generator .draw-round,.generator .draw-round>ol{display:block}.generator .draw-rounds h3{margin:24px 0 12px}.generator .draw-rounds .draw-match{margin-bottom:12px}.generator .draw-connectors{display:none}.generator .draw-bronze{margin-top:28px}}.custom-team-form{margin-bottom:1.5rem}.custom-team-form>label{margin-bottom:.5rem;font-weight:600;display:block}.custom-team-entry{gap:.75rem;display:flex}.custom-team-entry input{min-width:0;min-height:48px;font:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius);flex:1;padding:.75rem}.custom-team-entry button,.custom-team-option button{min-height:44px;font:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:var(--radius);cursor:pointer;padding:.7rem 1rem}.custom-team-option{justify-content:space-between;min-width:0}.custom-team-option label{overflow-wrap:anywhere;flex:1;align-items:center;gap:.75rem;min-width:0;min-height:44px;display:flex}#custom-team-list:empty{display:none}@media (width<=540px){.custom-team-entry{flex-direction:column}.custom-team-option{gap:.5rem}}