.bracket-page{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f8;background:#090c10}.bracket-page :is(button,a,input,textarea,[role=combobox]):focus-visible,.bracket-settings :is(button,input,textarea,[role=combobox]):focus-visible{outline-offset:3px;outline:2px solid #6ee7b7}.bracket-panel{background:linear-gradient(145deg,#151b22,#101419);border:1px solid #ffffff12;border-radius:20px;box-shadow:0 12px 40px #00000012}.bracket-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#8d9aa9;font-size:11px;font-weight:700}.bracket-hero{background:radial-gradient(at 90% 20%,#34d39913,#0000 65%)}.bracket-preview{background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:18px 18px}.bracket-actions [data-slot=button]{border-radius:10px;min-height:40px;font-size:12px}.bracket-settings{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f8;background:#101419}.bracket-settings [data-slot=label]{color:#9ba8b7;letter-spacing:.06em;font-size:11px}.bracket-settings :is([data-slot=input],[data-slot=select-trigger]){border-radius:9px;min-height:40px}.bracket-settings [data-slot=button]{min-height:36px}.bracket-settings input[type=date]{min-width:0}.bracket-settings li input{min-height:34px}.bracket-settings li button{opacity:1}.bracket-settings [data-slot=switch]{flex-shrink:0}.bracket-settings-sheet>button{place-items:center;min-width:36px;min-height:36px;display:grid}.bracket-page *,.bracket-settings *{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent}.bracket-stage{flex-direction:column;gap:12px;min-width:0;display:flex}.bracket-stage-canvas{height:clamp(380px,62dvh,740px);min-height:380px}.bracket-stage-rounds,.bracket-stage[data-view=rounds] .bracket-stage-canvas{display:none}.bracket-stage[data-view=rounds] .bracket-stage-rounds{display:block}.bracket-round-card .bz-match{min-height:112px;height:auto!important}.bracket-round-card .bz-team-row{padding-inline:12px;height:40px!important}.bracket-round-card .bz-team-rows{height:80px!important}.bracket-round-card .bz-team-name{font-size:14px}.bracket-round-card .bz-match-status{padding:7px 12px}.bracket-editor-body{height:calc(100dvh - var(--bracket-insets));min-height:560px}.bracket-editor-main{overflow-y:auto}.bracket-editor-main .bracket-stage{flex:1;min-height:360px}.bracket-editor-main .bracket-stage-canvas{flex:1;height:auto;min-height:300px}.bracket-editor-main .bracket-stage-rounds{overflow-y:auto}@media (max-width:767px){.bracket-stage[data-view=auto] .bracket-stage-canvas{display:none}.bracket-stage[data-view=auto] .bracket-stage-rounds{display:block}.bracket-stage[data-view=auto] [data-mode=rounds]{color:#a7f3d0;background:#34d3991a}.bracket-stage-canvas{height:60dvh;min-height:400px}.bracket-editor-body{height:auto;min-height:calc(100dvh - var(--bracket-insets))}.bracket-editor-main{padding-bottom:calc(var(--bracket-bottom) + 20px);overflow:visible}.bracket-editor-main .bracket-stage-canvas{flex:none;height:60dvh;min-height:400px}.bracket-editor-main .bracket-stage-rounds{overflow:visible}.bracket-page :is(input,textarea,[role=combobox]),.bracket-settings :is(input,textarea,[role=combobox]){font-size:16px}.bracket-actions [data-slot=button]{min-height:44px}.bracket-settings [data-slot=button]{min-height:40px}}@media (min-width:768px){.bracket-stage[data-view=auto] [data-mode=bracket]{color:#a7f3d0;background:#34d3991a}}@media (prefers-reduced-motion:reduce){.bracket-page *,.bracket-settings *,.bracket-settings-sheet{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}
