#ko-setup-form[hidden], #ko-form[hidden] { display: none !important; }
.single-ko-setup-page .site-main { display: block; width: 100%; }
.single-ko-setup-page #ko-form { width: 100%; min-width: 0; }
.ko-setup { display: flex; flex-direction: column; gap: 1rem; max-width: 48rem; margin-inline: auto; }
.ko-mode-fieldset { border: 0; padding: 0; min-width: 0; }
.ko-mode-fieldset legend { margin-bottom: 1rem; }
.ko-mode-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ko-mode-option { display: flex; align-items: center; gap: .8rem; padding: 1.2rem; border: 2px solid var(--main-color); border-radius: .8rem; cursor: pointer; text-align: left; }
.ko-mode-option:has(input:checked) { background: var(--main-color); color: var(--bg-color); }
.ko-mode-option:focus-within { outline: 2px solid var(--text-color); outline-offset: 3px; }
.ko-mode-option input { width: 1.3rem; height: 1.3rem; flex-shrink: 0; accent-color: var(--bg-color); }
.ko-mode-option small { display: block; margin-top: .3rem; }
@media (max-width: 540px) { .ko-mode-grid { grid-template-columns: 1fr; } }

.ko-player-entry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; align-items: start; margin-top: 1.25rem; }
.ko-player-entry-grid .player-entry { min-width: 0; align-content: start; }
.ko-player-entry-grid .player-result-name { font-size: 1.25rem; line-height: 1.4; overflow-wrap: anywhere; }
.ko-player-entry-grid .player-search-result > span,
.ko-player-entry-grid .selected-player > span { min-width: 0; }
.ko-player-entry-grid .selected-player-remove { flex-shrink: 0; }
.ko-selected-panel #ko-player-count { width: 100%; font-size: 1.4rem; font-weight: 700; }
@media (max-width: 760px) { .ko-player-entry-grid { grid-template-columns: 1fr; } }