.button{cursor:pointer;border:1px solid #888;padding:1rem}.button:hover{color:#242424;background-color:#888}.button:disabled{opacity:.6;cursor:not-allowed}.button--secondary{border-style:dashed}.input{flex-direction:column;gap:.5rem;display:flex}.input label{font-weight:700}.input select,.input input{overflow:unset;background-color:#888;border-radius:2px;padding:.5rem}.add-calendar>header{margin-bottom:1rem}.add-calendar>form{background-color:#000;border-radius:12px;flex-direction:column;gap:.5rem;width:600px;padding:2rem;display:flex}.add-calendar>form>fieldset{margin-bottom:1rem}.add-calendar>form>.button{width:120px}.calendar-list>header{margin-bottom:1rem}.calendar-list>table{width:100%}.calendar-list>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.calendar-list>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.calendar-list>footer{margin-top:1rem}.view-calendar>header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.view-calendar>div>table{width:100%;padding:1rem}.view-calendar>div>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.view-calendar>div>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.add-competition>header{margin-bottom:1rem}.add-competition>form{background-color:#000;border-radius:12px;flex-direction:column;gap:.5rem;width:600px;padding:2rem;display:flex}.add-competition>form>fieldset{margin-bottom:1rem}.add-competition>form>.button{width:120px}.competition-list>header{margin-bottom:1rem}.competition-list>table{width:100%}.competition-list>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.competition-list>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.competition-list>footer{margin-top:1rem}.view-competition>header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.view-competition>div>table{width:100%;padding:1rem}.view-competition>div>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.view-competition>div>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.connections>header{margin-bottom:1rem}.connections>header>p{opacity:.7;margin-top:.5rem}.connections>.connections__list>table{width:100%}.connections>.connections__list>table>thead>tr>th{text-align:left;border-bottom:1px solid #fff;padding:.5rem}.connections>.connections__list>table>tbody>tr>td{border-bottom:1px solid #fff;padding:.5rem}.connections .status-badge{border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:700;display:inline-block}.connections .status-badge--open{color:#fff;background-color:#16a34a}.connections .status-badge--closed{color:#fff;background-color:#6b7280}.add-contestant>header{margin-bottom:1rem}.add-contestant>form{background-color:#000;border-radius:12px;flex-direction:column;gap:.5rem;width:600px;padding:2rem;display:flex}.add-contestant>form>fieldset{margin-bottom:1rem}.add-contestant>form>.button{width:120px}.contestant-list>header{margin-bottom:1rem}.contestant-list>table{width:100%}.contestant-list>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.contestant-list>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.contestant-list>footer{margin-top:1rem}.view-contestant>header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.view-contestant>div>table{width:100%;padding:1rem}.view-contestant>div>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.view-contestant>div>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.home{padding:2rem}.home>section,.home>header{margin-bottom:1rem}.home p{margin:.5rem 0}.home ul{margin-left:1rem}.home ul li{margin:1rem}.home>footer{margin:2rem 0}.home__quick-actions{margin:1.5rem 0}.home__quick-actions p{margin-bottom:.5rem}.home__quick-actions button:disabled{opacity:.6;cursor:not-allowed}.home__action-result{margin-top:.5rem;font-weight:600}.home__action-result--success{color:#2e7d32}.home__action-result--error{color:#c62828}.live-demo>header{margin-bottom:1rem}.live-demo>header>p{opacity:.8}.live-demo__status{background-color:#000;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.live-demo__phase{color:#fff;background-color:#6b7280;border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:700;display:inline-block}.live-demo__phase--connecting,.live-demo__phase--creating{background-color:#d97706}.live-demo__phase--ready{background-color:#7c3aed}.live-demo__phase--firstHalf,.live-demo__phase--secondHalf{background-color:#16a34a}.live-demo__phase--halfTime{background-color:#2563eb}.live-demo__phase--fullTime{background-color:#dc2626}.live-demo__score{font-weight:700}.live-demo__clock{opacity:.8}.live-demo__match-id{opacity:.6;font-size:.85em}.live-demo__hint{opacity:.8;flex-basis:100%;font-size:.85em}.live-demo__error{color:#dc2626;flex-basis:100%}.live-demo__group{margin-bottom:1.5rem}.live-demo__group>h3{margin-bottom:.5rem}.live-demo__group--pending{border:1px solid #d97706;border-radius:12px;padding:1rem}.live-demo__actions{flex-wrap:wrap;gap:.5rem;display:flex}.add-match>header{margin-bottom:1rem}.add-match>form{background-color:#000;border-radius:12px;gap:.5rem;width:600px;padding:2rem;display:flex}.add-match>form>div{flex-direction:column;width:50%;display:flex}.add-match>form fieldset{margin-bottom:1rem}.add-match>form>.button{width:120px}.match-list>header{margin-bottom:1rem}.match-list>table{width:100%}.match-list>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.match-list>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.match-list>footer{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.match-list__result{width:100%;margin-top:.5rem;font-weight:600}.match-list__result--success{color:#2e7d32}.match-list__result--error{color:#c62828}.view-match>header{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.view-match>section{margin-top:1rem}.view-match__status{flex-direction:column;gap:.5rem;display:flex}.view-match__status-actions{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:.5rem;display:flex}.view-match__postpone{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.view-match__status-pending,.view-match__status-success{color:#888}.view-match__status-error{color:#fff}.view-match>section>table{width:100%;padding-bottom:1rem}.view-match>section>table>thead>tr>th{border-bottom:1px solid #fff;padding:.5rem}.view-match>section>table>tbody>tr>td{text-align:center;border-bottom:1px solid #fff;padding:.5rem}.view-match>section>table .update-frame-button{color:inherit;cursor:pointer;background-color:#0000;border:1px solid #888;padding:.5rem}.view-match>section>table .update-frame-button:hover{color:#242424;background-color:#888}.add-event>header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.add-event>header>h2{margin:0}.add-event>header>.import-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:2px;padding:.5rem 1rem}.add-event>header>.import-button:hover{color:#242424;background-color:#888}.add-event>.update-info{background-color:#8888881a;border-left:3px solid #888;border-radius:4px;margin-bottom:1rem;padding:1rem}.add-event>.update-info>p{color:#fff;margin:0}.add-event>form{background-color:#000;border-radius:12px;flex-direction:column;gap:.5rem;width:600px;padding:2rem;display:flex}.add-event>form>fieldset{margin-bottom:1rem}.add-event>form>fieldset.qualifiers .qualifier-options{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.add-event>form>fieldset.qualifiers .qualifier-options .qualifier-option{cursor:pointer;align-items:center;gap:.25rem;display:flex}.add-event>form>fieldset.qualifiers .qualifier-options .qualifier-option input[type=checkbox]{cursor:pointer;accent-color:#888;width:16px;height:16px}.add-event>form>fieldset.qualifiers .qualifier-with-value{border-top:1px solid #fff3;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.add-event>form>fieldset.qualifiers .qualifier-with-value .qualifier-option{cursor:pointer;align-items:center;gap:.25rem;display:flex}.add-event>form>fieldset.qualifiers .qualifier-with-value .qualifier-option input[type=checkbox]{cursor:pointer;accent-color:#888;width:16px;height:16px}.add-event>form>fieldset.qualifiers .qualifier-with-value .qualifier-value-input{color:#fff;background-color:#0000;border:1px solid #888;border-radius:4px;width:200px;margin-left:1.5rem;padding:.5rem}.add-event>form>fieldset.qualifiers .qualifier-with-value .qualifier-value-input::placeholder{color:#ffffff80}.add-event>form>.button{width:120px}.import-modal-overlay{z-index:1000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-modal{color:#fff;background-color:#242424;border-radius:12px;min-width:500px;max-width:600px;padding:2rem}.import-modal>h2{margin-top:0;margin-bottom:1.5rem;font-size:24px}.import-modal .file-upload-section{margin-bottom:1.5rem}.import-modal .file-upload-section .file-input-wrapper{align-items:center;gap:1rem;display:flex}.import-modal .file-upload-section .file-input-wrapper input[type=file]{display:none}.import-modal .file-upload-section .file-input-wrapper .file-browse-button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:2px;padding:.5rem 1rem}.import-modal .file-upload-section .file-input-wrapper .file-browse-button:hover:not(:disabled){color:#242424;background-color:#888}.import-modal .file-upload-section .file-input-wrapper .file-browse-button:disabled{opacity:.5;cursor:not-allowed}.import-modal .file-upload-section .file-input-wrapper .file-name{color:#888;font-size:14px}.import-modal .speed-selector-section{margin-bottom:1.5rem}.import-modal .speed-selector-section>label{margin-bottom:.5rem;font-weight:700;display:block}.import-modal .speed-selector-section .speed-buttons{gap:.5rem;margin-bottom:.5rem;display:flex}.import-modal .speed-selector-section .speed-buttons button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:2px;padding:.5rem 1rem}.import-modal .speed-selector-section .speed-buttons button.active,.import-modal .speed-selector-section .speed-buttons button:hover:not(:disabled){color:#242424;background-color:#888}.import-modal .speed-selector-section .speed-buttons button:disabled{opacity:.5;cursor:not-allowed}.import-modal .speed-selector-section .speed-description{color:#888;font-size:12px}.import-modal .progress-section{margin-bottom:1.5rem}.import-modal .progress-section .progress-bar-container{background-color:#000;border:1px solid #888;border-radius:4px;width:100%;height:24px;overflow:hidden}.import-modal .progress-section .progress-bar-container .progress-bar-fill{background-color:#888;height:100%;transition:width .2s}.import-modal .progress-section .progress-bar-container .progress-bar-fill.error{background-color:#dc3545}.import-modal .progress-section .progress-percentage{text-align:center;color:#fff;margin-top:.5rem;font-size:14px}.import-modal .status-text{color:#fff;margin-bottom:1.5rem;font-size:14px}.import-modal .status-text.error{color:#dc3545}.import-modal .button-group{justify-content:flex-end;gap:.5rem;display:flex}.import-modal .button-group button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #888;border-radius:2px;padding:.5rem 1rem}.import-modal .button-group button:hover{color:#242424;background-color:#888}.import-modal .button-group button.cancel-button{background-color:#dc3545;border-color:#dc3545}.import-modal .button-group button.cancel-button:hover{background-color:#c82333;border-color:#c82333}.import-modal .button-group button.close-button{color:#242424;background-color:#888}.replays>header{margin-bottom:1rem}.replays>.start-replay{background-color:#000;border-radius:12px;margin-bottom:2rem;padding:2rem}.replays>.start-replay>h3{margin-bottom:1rem}.replays>.start-replay>form{align-items:flex-end;gap:1rem;display:flex}.replays>.start-replay>form>fieldset{flex:1}.replays>.replay-list>h3{margin-bottom:1rem}.replays>.replay-list>table{width:100%}.replays>.replay-list>table>thead>tr>th{text-align:left;border-bottom:1px solid #fff;padding:.5rem}.replays>.replay-list>table>tbody>tr>td{border-bottom:1px solid #fff;padding:.5rem}.replays .status-badge{border-radius:4px;padding:2px 8px;font-size:.85em;font-weight:700;display:inline-block}.replays .status-badge--running{color:#fff;background-color:#2563eb}.replays .status-badge--completed{color:#fff;background-color:#16a34a}.replays .status-badge--failed{color:#fff;background-color:#dc2626}.replays .status-badge--cancelled{color:#fff;background-color:#6b7280}.replays .status-badge--paused{color:#fff;background-color:#d97706}.replays .status-badge--step{color:#fff;background-color:#7c3aed}.replays .status-badge--auto{color:#fff;background-color:#2563eb}.replays .next-event-preview{opacity:.8;white-space:nowrap;font-size:.8em}.replays .actions{gap:.5rem;display:flex}.replays .progress-bar{align-items:center;gap:.5rem;display:flex}.replays .progress-bar__track{background-color:#fff;border-radius:4px;flex:1;min-width:80px;height:8px;overflow:hidden}.replays .progress-bar__fill{background-color:#2563eb;border-radius:4px;height:100%;transition:width .3s}.replays .progress-bar__label{white-space:nowrap;font-size:.85em}.navbar{flex-direction:column;gap:.5rem;padding:1rem;display:flex;box-shadow:0 2px 4px #ffffff1a}.navbar>ul{flex-wrap:wrap;gap:.5rem;display:flex}.navbar>ul a{white-space:nowrap;border:1px solid #888;border-radius:999px;padding:.5rem .75rem;display:inline-block}.navbar>ul a>span{margin-right:.375rem}.navbar>ul a:hover{background-color:#ffffff1a}.navbar>ul a.active{color:#242424;background-color:#888}@media screen and (width>=48em){.navbar{flex-direction:row;justify-content:space-between;align-items:center;min-height:68px}}.app-layout{height:100%}.app-layout>section{height:calc(100% - 80px);padding:1rem}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,sans-serif;font-size:16px}html,body{color:#fff;background-color:#242424;height:100%;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}svg{display:block}textarea,select,input{appearance:none;padding:0;font-family:inherit}input[type=checkbox],input[type=radio]{appearance:auto}fieldset{margin:0}a{color:inherit;text-decoration:none}button{color:inherit;background:inherit;border-radius:inherit;cursor:pointer;border:0;padding:0;font-family:inherit;font-size:100%}input:focus,textarea:focus,select:focus,button:focus{outline:none}dl{margin-block:0}dd,dt{margin-inline-start:0}fieldset{border:0;margin:0;padding:0}input{background-color:inherit;color:inherit;font-size:inherit;border:0}#root{height:calc(100% - 68px)}