.pickleball-team-headings { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; width: 100%; max-width: 460px; margin: 28px auto 8px; }
#pickleballControlSection, #pickleballControlSection button, #pickleballControlSection input, #pickleballControlSection textarea { font-family: Arial, Helvetica, sans-serif !important; }
.pickleball-team-headings .control-buttons { display: flex; width: 100%; min-width: 0; height: 48px; min-height: 48px; align-items: center; justify-content: center; overflow: hidden; padding: 8px 10px; border: 1px solid #cdd8e7; border-top: 4px solid #168be0; border-radius: 8px; color: #182233; background: #eef7ff; font-family: "UTM Bebas", Arial, sans-serif !important; font-size: 24px; font-weight: 400; letter-spacing: .25px; line-height: 1; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
.pickleball-team-headings [data-pickleball-team-label] { display: inline-block; width: max-content; max-width: none; font: inherit; line-height: 1; white-space: nowrap; transform-origin: center; }
.pickleball-team-headings #teamB { border-top-color: #df324b; background: #fff1f3; }
.pickleball-team-headings #teamA:hover,
.pickleball-team-headings #teamA:focus,
.pickleball-team-headings #teamA:active { color: #182233; background: #eef7ff; }
.pickleball-team-headings #teamB:hover,
.pickleball-team-headings #teamB:focus,
.pickleball-team-headings #teamB:active { color: #182233; background: #fff1f3; }
.pickleball-team-heading-side { display: grid; min-width: 0; align-items: stretch; gap: 6px; padding: 3px; border: 2px solid transparent; border-radius: 11px; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.pickleball-team-heading-side.is-serving { border-color: #f4b820; background: #fff9e7; box-shadow: 0 0 0 2px rgba(244, 184, 32, .2); }
.pickleball-team-heading-left { grid-template-columns: 34px minmax(0, 1fr); }
.pickleball-team-heading-right { grid-template-columns: minmax(0, 1fr) 34px; }
.pickleball-control-score { display: flex; min-width: 34px; align-items: center; justify-content: center; border: 1px solid #d8b04b; border-radius: 8px; color: #101828; background: #f4b820; font-family: "UTM Bebas", Arial, sans-serif !important; font-size: 25px; font-weight: 400; line-height: 1; }
.pickleball-control-group { margin-top: 10px; }
.pickleball-control-group .football-score-controls button { grid-row: 1; }
.pickleball-point-controls { grid-template-columns: minmax(46px, .55fr) minmax(76px, 1fr) 40px minmax(46px, .55fr) minmax(76px, 1fr); }
.pickleball-swap-button { grid-column: 3; justify-self: center; box-sizing: border-box; width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; max-height: 40px !important; aspect-ratio: 1 / 1; padding: 0 !important; border: 1px solid #b7c9df !important; border-radius: 8px !important; color: #087df0 !important; background: #eaf3ff !important; font-family: Arial, sans-serif !important; font-size: 25px !important; font-weight: 700; line-height: 38px !important; }
.pickleball-swap-button:hover { color: #fff !important; background: #087df0 !important; }
.pickleball-swap-button.is-active { color: #fff !important; background: #087df0 !important; }
.pickleball-server-indicators { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; width: 100%; max-width: 460px; min-height: 23px; margin: 2px auto 0; padding: 0 40px; pointer-events: none; }
.pickleball-server-indicators span { display: flex; min-width: 0; height: 23px; align-items: center; justify-content: center; color: #d79700; font-family: "Segoe UI Emoji", "Apple Color Emoji", sans-serif !important; font-size: 17px; line-height: 1; white-space: nowrap; }
#pickleballControlSection.pickleball-controls-swapped #pickleballServerIndicatorLeft { order: 2; }
#pickleballControlSection.pickleball-controls-swapped #pickleballServerIndicatorRight { order: 1; }
.pickleball-set-group { max-width: 460px; margin: 8px auto 0; padding-top: 8px; border-top: 1px solid #e5e9ef; }
.pickleball-set-group[hidden] { display: none !important; }
.pickleball-set-compact-row { display: grid; grid-template-columns: 134px minmax(0, 1fr); gap: 7px; align-items: center; }
.pickleball-set-buttons { transition: opacity .18s ease, filter .18s ease; }
.pickleball-set-group.is-disabled .pickleball-set-buttons { opacity: .34; filter: grayscale(.55); }
.pickleball-set-visibility { display: grid; grid-template-columns: auto repeat(3, 23px); gap: 2px; align-items: center; min-height: 40px; margin: 0; padding: 5px 6px; border: 1px solid #dce3ec; border-radius: 8px; background: #f6f8fb; font-family: Arial, Helvetica, sans-serif; }
.pickleball-set-visibility > span { color: #344054; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; font-weight: 700; white-space: nowrap; }
.pickleball-set-visibility label { display: flex; align-items: center; gap: 1px; margin: 0; color: #202939; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px; font-weight: 700; }
.pickleball-set-visibility input { width: 14px; height: 14px; margin: 0; accent-color: #087df0; }
.pickleball-set-buttons .football-score-controls { grid-template-columns: minmax(34px, .55fr) minmax(55px, 1fr) 2px minmax(34px, .55fr) minmax(55px, 1fr); gap: 4px; max-width: none; margin: 0; }
.pickleball-set-buttons .football-score-controls button { height: 36px; font-size: 13px; }
.pickleball-service-panel { max-width: 460px; margin: 10px auto 0; padding: 8px; border: 1px solid #dce3ec; border-radius: 8px; background: #f8fafc; font-family: Arial, Helvetica, sans-serif; }
.pickleball-service-row { display: grid; grid-template-columns: 58px minmax(0, 1fr) minmax(0, 1fr) 58px; gap: 6px; align-items: center; }
.pickleball-service-row > span { color: #344054; font-family: "UTM Bebas", Arial, sans-serif !important; font-size: 16px; font-weight: 400; line-height: 1; white-space: nowrap; }
.pickleball-service-row button { min-width: 0; min-height: 34px; overflow: hidden; padding: 5px; border: 1px solid #c7d2e0; border-radius: 7px; background: #fff; color: #27364d; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; font-weight: 700; line-height: 1.1; text-overflow: clip; text-transform: uppercase; white-space: nowrap; }
.pickleball-service-row button.is-active { border-color: #087df0; background: #087df0; color: #fff; }
.pickleball-service-row button:disabled { opacity: .45; }
.pickleball-service-row .pickleball-set-toggle { border-color: #087df0; color: #087df0; background: #edf6ff; font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; font-weight: 800; }
.pickleball-service-row .pickleball-set-toggle.is-open { color: #fff; background: #087df0; }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingLeft { order: 2; grid-template-columns: minmax(0, 1fr) 34px; }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingLeft #teamA { order: 1; }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingLeft .pickleball-control-score { order: 2; }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingRight { order: 1; grid-template-columns: 34px minmax(0, 1fr); }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingRight #teamB { order: 2; }
#pickleballControlSection.pickleball-controls-swapped #pickleballHeadingRight .pickleball-control-score { order: 1; }
#pickleballControlSection.pickleball-controls-swapped .football-score-controls .football-score-buttons:first-child .score-decrease { grid-column: 4; }
#pickleballControlSection.pickleball-controls-swapped .football-score-controls .football-score-buttons:first-child .score-increase { grid-column: 5; }
#pickleballControlSection.pickleball-controls-swapped .football-score-controls .football-score-buttons:last-child .score-decrease { grid-column: 1; }
#pickleballControlSection.pickleball-controls-swapped .football-score-controls .football-score-buttons:last-child .score-increase { grid-column: 2; }
.pickleball-reset-row { margin-top: 14px; }
#pick-reset-button { width: 100%; min-height: 42px; border: 0; border-radius: 8px; background: #26a646; color: #fff; font-family: Arial, Helvetica, sans-serif !important; font-size: 15px; font-weight: 700; letter-spacing: 0; }
#pick-reset-button:hover { background: #1d8b39; }
#pickleballTimerControlSection { margin-top: 18px; }
.pickleball-timer-row, .pickleball-marquee-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: center; margin: 10px 0; }
.pickleball-timer-row .radio-label, .pickleball-marquee-row .radio-label { display: flex; min-width: 0; align-items: center; gap: 6px; }
.pickleball-timer-row label, .pickleball-marquee-row label { width: auto; min-width: 0; margin: 0; color: #263247; font-family: Arial, Helvetica, sans-serif !important; font-size: 14px; font-weight: 400; line-height: 1.2; text-align: left; white-space: nowrap; }
.pickleball-timer-row input[type="radio"], .pickleball-marquee-row input[type="radio"] { width: 16px; height: 16px; margin: 0; flex: 0 0 16px; }
#pickleballMarqueeSection { margin-top: 18px; padding-top: 18px; border-top: 1px solid #e2e6ec; }
#pickleballMarqueeOptions { text-align: left; }
#pickleballMarqueeSection textarea, .pickleball-info-row .team-name-input { width: 100%; box-sizing: border-box; border: 1px solid #cfd7e3; border-radius: 8px; background: #fff; color: #172033; font-family: Arial, sans-serif; font-size: 16px; }
#pickleballMarqueeSection textarea { display: block; height: 82px; margin: 8px 0; padding: 10px; resize: vertical; }
#pickleballMarqueeSection button, #applyMatchInfoBtn { display: block; width: 100%; min-height: 44px; margin: 10px 0 0; padding: 10px 18px; border: 0; border-radius: 7px; background: #ff7300; color: #fff; font-family: Arial, sans-serif; font-size: 15px; font-weight: 700; }
#applyMatchInfoBtn { background: #36ad55; }
#pickleballMarqueeSection button:disabled, #applyMatchInfoBtn:disabled { cursor: not-allowed; opacity: .55; }
#pickleballMarqueeSection button.action-feedback-btn.status-loading, #pickleballMarqueeSection button.action-feedback-btn.status-info, #applyMatchInfoBtn.status-loading, #applyMatchInfoBtn.status-info { background: #0066cc; }
#pickleballMarqueeSection button.action-feedback-btn.status-success, #applyMatchInfoBtn.status-success { background: #16833c; }
#pickleballMarqueeSection button.action-feedback-btn.status-error, #applyMatchInfoBtn.status-error { background: #c62828; }
.pickleball-info-options { margin-top: 18px; }
.pickleball-info-row { margin-bottom: 14px; }
.pickleball-info-row label { display: block; width: auto; margin: 0 0 6px; color: #344054; font-family: Arial, Helvetica, sans-serif !important; font-size: 13px; font-weight: 700; text-align: left; }
.pickleball-info-row .team-name-input { min-height: 44px; margin: 0; padding: 10px 12px; }
.pickleball-info-row textarea.team-name-input { min-height: 70px; resize: vertical; }
.pickleball-skin-options { margin-top: 8px; }
.pickleball-skin-option { margin: 10px 0; padding: 10px; border: 1px solid #e0e6ee; border-radius: 8px; }
.pickleball-skin-option:has(input:disabled) { opacity: .52; background: #f3f5f8; }
.pickleball-skin-content { display: grid; grid-template-columns: auto 1fr; gap: 7px 10px; align-items: center; }
.pickleball-skin-title { margin: 0; font-size: 16px; }
.pickleball-skin-preview { grid-column: 1 / -1; width: 100%; object-fit: cover; }