.quick-start{max-width:680px}.quick-start>form>button{font-size:19px;min-height:64px;margin:6px 0}.guest-check{display:flex;align-items:center;gap:12px;margin:24px 0 4px;font-size:14px}.guest-check input{width:22px;min-height:22px;height:22px;flex:0 0 22px}.guest-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px}.guest-benefits p{line-height:1.8}.guest-limitation{font-size:13px;color:#526056;margin-top:30px;max-width:680px}.guest-actions{display:flex;gap:10px;margin:12px 0}.guest-actions button{min-height:52px;flex:1}.guest-modal{width:min(620px,calc(100vw - 24px));padding:24px;max-height:90vh;overflow:auto;border:1px solid #c8d6c9;border-radius:20px}.guest-modal h2{margin:16px 0 10px;font-size:26px}.guest-modal .guest-permission{background:#e6eee3;border-radius:12px;padding:16px;margin:18px 0}.guest-modal .guest-permission p{margin-bottom:0}.guest-option{border:1px solid #c8d6c9;border-radius:14px;padding:18px;margin:18px 0}.guest-option.upcoming{background:#f2f4f0}.guest-secret{border-top:1px solid #c8d6c9;margin-top:20px;padding-top:10px}.guest-secret textarea{width:100%;font-size:13px}.guest-secret img{display:block;margin:16px auto;max-width:100%;height:auto}.guest-link{display:inline-block;color:#173d2b;font-weight:700;margin:12px 0}.guest-option p{line-height:1.75}button:disabled{opacity:.65}@media(max-width:760px){.guest-benefits{grid-template-columns:1fr;gap:0}.guest-modal{padding:18px}.guest-modal h2{font-size:23px}.guest-actions{gap:8px}.guest-actions button{padding:10px 8px;font-size:14px}.guest-option{padding:16px}.guest-modal .flex button{min-height:44px}h1{font-size:28px}.brand span{display:none}.guest-limitation{margin-top:24px}.quick-start{padding:20px}}
.create-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.create-fields input{margin-bottom:4px}.quick-start h2{margin-bottom:16px}.quick-start .guest-check{margin:14px 0}.usage-help{border-top:1px solid #d3ddcf;padding-top:8px;color:#4b6153;max-width:760px}.usage-help summary,.bench summary{cursor:pointer;min-height:44px;display:list-item;padding:12px 0;font-weight:700;font-size:14px}.usage-help p{font-size:13px;margin:8px 0 16px}.guest-modal-head{display:flex;justify-content:flex-end}.guest-modal h2{margin-top:8px}.recovery-warning{border-left:3px solid #8a622a;padding-left:12px}.sync-bar:not(.failed):not(.pending){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:transparent;padding:10px 0;border:0}.sync-bar b{font-size:13px}.sync-bar button{font-size:12px;min-height:44px}.role-details{font-size:12px;padding:6px 0}.quick-start>form>button{margin-bottom:0}#create-status:empty,#guest-message:empty{display:none}@media(max-width:760px){.create-fields{gap:10px}.create-fields label{font-size:12px}.guest-modal .usage-help{margin-top:14px}.sync-bar:not(.failed):not(.pending){gap:8px}.match-hub h1{font-size:24px!important}}
.person.gk-person{background:#fff0c7!important;border:2px solid #986619!important;color:#593b08!important}.person.gk-person:hover{background:#ffe5a2!important}.gk-tag{font-weight:900;font-size:11px;background:#72500f;color:white;padding:2px 4px;border-radius:4px;display:inline-block}.empty-goal{font-size:12px;font-weight:800;padding:6px 9px;border:1px solid #946519;border-radius:7px;background:#fff0c7;color:#593b08}.keeper-current{justify-content:flex-start;flex-wrap:wrap}.keeper-current button{font-size:12px}.recording-panel .roster .gk-person small{font-size:10px}
.detail-choice{border:0;padding:0;margin:18px 0}.detail-choice legend{font-weight:800;font-size:15px;margin-bottom:10px}.detail-choice>div{display:flex;flex-wrap:wrap;gap:8px}.detail-choice button{min-height:48px;padding:12px 16px}.detail-choice button[aria-pressed=true]{background:#173d2b;color:white;border:2px solid #173d2b}.shot-detail-dialog details summary{min-height:44px;cursor:pointer;padding:12px 0;font-weight:700}

/* Team identity is independent of result and goalkeeper colors. */
[data-panel-team="home"],[data-team-tone="home"]{--team-ink:#245b54;--team-wash:#edf7f4;--team-line:#608d85}
[data-panel-team="away"],[data-team-tone="away"]{--team-ink:#614c7a;--team-wash:#f4f0f8;--team-line:#917ba8}
.recording-panel[data-panel-team]{background:var(--team-wash);border:2px solid var(--team-line);border-top:6px solid var(--team-ink)}
.team-marker{display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:2px 6px;border-radius:6px;background:var(--team-ink,#245b54);color:#fff;font-size:14px;font-weight:900;vertical-align:middle}
.recording-panel h2{color:var(--team-ink)}
.recording-panel .person:not(.gk-person){background:#fff;border:2px solid var(--team-line);color:#173b35}
.recording-panel .person.selected:not(.gk-person){background:var(--team-ink);color:#fff;outline:3px solid var(--team-ink);outline-offset:2px}
.recording-panel .person.selected.gk-person{outline:3px solid var(--team-ink);outline-offset:3px}
.recording-panel .bench-item{border-color:var(--team-line)}
.team-switch button{display:flex;align-items:center;justify-content:center;gap:8px}
.team-switch button[data-action="team:home"]{border:2px solid #608d85;background:#edf7f4;color:#245b54}
.team-switch button[data-action="team:away"]{border:2px solid #917ba8;background:#f4f0f8;color:#614c7a}
.team-switch button.selected{outline:3px solid currentColor;outline-offset:2px;font-weight:900}
.score>[data-team-tone]{border-bottom:4px solid var(--team-line);border-radius:8px;background:var(--team-wash);padding:8px 4px;color:#173b35}
@media(max-width:760px){.team-switch button{font-size:14px;padding:10px 8px}.team-marker{min-width:24px;min-height:24px;font-size:13px}.recording-panel[data-panel-team]{padding:18px}}

/* Navigation, target selection, values, and commands have distinct shapes. */
.hub-tabs{gap:0!important;border-bottom:2px solid #c5d1ca;padding:0!important;background:transparent!important}
.hub-tabs button{border:0!important;border-radius:0!important;border-bottom:4px solid transparent!important;background:transparent!important;color:#526056!important;margin:0!important;min-height:56px!important}
.hub-tabs button[aria-selected=true]{border-bottom-color:#173d2b!important;color:#173d2b!important;background:transparent!important}
.target-label{font-size:12px;font-weight:800;color:#526056;margin:22px 0 10px}
.tabs.team-switch{padding:4px;gap:8px;margin:0 0 18px;background:#fff;border:1px solid #bdc9c3;border-radius:12px}
.tabs.team-switch button{border-radius:8px;outline:none!important;position:relative;min-height:52px}
.tabs.team-switch button.selected{box-shadow:inset 0 0 0 2px currentColor;background:var(--team-wash)!important;color:var(--team-ink)!important}
.tabs.team-switch button.selected:after{content:'✓';font-weight:900;margin-left:4px}
.tabs.team-switch button[data-action="team:home"]{--team-ink:#245b54;--team-wash:#edf7f4}
.tabs.team-switch button[data-action="team:away"]{--team-ink:#614c7a;--team-wash:#f4f0f8}
.recording-panel button[data-action^="addteam"],.recording-panel button[data-action^="subteam"]{border:1px solid #7b8f85;background:#fff;color:#173d2b;border-radius:8px;min-height:44px;padding:10px 14px}
.detail-choice button{border-radius:8px;border:1px solid #7a8b81;background:#fff;position:relative}
.detail-choice button[aria-pressed=true]:before{content:'✓ ';font-weight:900}
button:focus-visible{outline:3px solid #172f29!important;outline-offset:3px}
.match-tools{border-top:1px solid #d4ddd7;padding:6px 0;margin:4px 0 16px;font-size:13px}.match-tools summary{min-height:44px;cursor:pointer;padding:12px 0;font-weight:700}.match-tool-actions{display:flex;gap:10px;flex-wrap:wrap;padding:4px 0 12px}.match-tool-actions button{background:white;color:#173d2b;border:1px solid #7b8f85;border-radius:8px;min-height:44px;padding:10px 14px}

.pdf-output summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}.pdf-output button{min-height:48px;border-radius:8px}.pdf-export-dialog{width:min(620px,calc(100vw - 32px));max-height:90vh;overflow:auto}.pdf-export-dialog h2{font-size:23px}.pdf-export-dialog details summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}.pdf-export-dialog [data-pdf-state]{padding:12px;border-left:3px solid #697c70;background:#f1f5ef;font-size:13px;line-height:1.7}.pdf-confirm{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;margin:18px 0}.pdf-confirm input{width:22px;min-height:22px;flex:0 0 22px}.pdf-export-dialog .primary{min-height:52px}

.clock-management{margin:16px 0}.clock-management h2{font-size:19px}.clock-commands{display:flex;gap:10px;flex-wrap:wrap}.clock-commands button{min-height:48px;flex:1}.clock-management details summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}.clock-management details{margin-top:12px;border-top:1px solid #c4d0c8}.clock-dialog{width:min(560px,calc(100vw - 28px));max-height:90vh;overflow:auto}.clock-dialog button{min-height:48px}.suspension-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #d0dad2}.suspension-item strong{font-size:22px}.clock-management [role=alert]{color:#8e1835}

.highlight-dialog{width:min(620px,calc(100vw - 28px));max-height:92vh;overflow:auto}.highlight-dialog canvas{width:100%;height:auto;border:1px solid #b8c9bf}.highlight-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.highlight-controls button{min-height:48px}.highlight-controls label{flex:1}.highlight-dialog input[type=range]{width:100%;min-height:44px}.highlight-dialog input[type=checkbox]{width:22px;min-height:22px}.highlight-dialog details summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:700}.highlight-dialog video{max-height:70vh}.highlight-launch button{min-height:48px}

.manual-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;color:#173d2b;font-weight:700;text-underline-offset:3px;white-space:nowrap}.manual-link:focus-visible{outline:3px solid #a23e12;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}