:root{color:#edf4f4;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#181a1c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}html{background:#181a1c;min-width:320px;min-height:100%}body{overscroll-behavior-y:none;background:#181a1c;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}:root{--font-micro:11px;--font-caption:12px;--font-small:13px;--app-bg:#181a1c;--app-background:radial-gradient(ellipse 110% 58% at 50% 0%, #214841 0%, #1f403b 18%, #1d3431 38%, #1b2929 60%, #181a1c00 100%), linear-gradient(180deg, #181a1c 0%, #181a1c 75%, #1a191c 100%);--app-header:transparent;--app-surface:#0a2430;--app-surface-2:#20332f;--app-border:#99bec71f;--app-text:#edf4f4;--app-muted:#96adb6;--app-accent:#43cbb2;--app-green:#22bc76;--app-yellow:#f3c85b;--app-orange:#f29a52;--app-orange-bright:#ff9200;--app-red:#ff5366;--app-blue:#59a9ed}.app-frame{width:min(100%,430px);min-height:100dvh;color:var(--app-text);background-color:var(--app-bg);background-image:var(--app-background);background-repeat:no-repeat;background-size:100% 100dvh;border-inline:1px solid #99bec71a;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:clip;box-shadow:0 18px 46px #0000005c}.fatal-error{width:min(100%,430px);min-height:100dvh;color:var(--app-text);background-color:var(--app-bg);background-image:var(--app-background);background-repeat:no-repeat;background-size:100% 100dvh;margin:0 auto;padding:72px 24px}.fatal-error p{color:var(--app-muted);line-height:1.5}.fatal-error button{background:#168c68;border-color:#168c68;padding-inline:18px}.app-header{z-index:10;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--app-header);border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.brand{align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:600;display:flex}.brand-mark{width:30px;height:30px;color:var(--app-accent);border:1px solid #99bec742;border-radius:50%;flex:0 0 30px;place-items:center;display:grid}.brand-mark img{object-fit:contain;width:21px;height:21px;display:block}.header-meta{text-align:right;min-width:0}.header-actions{justify-content:flex-end;align-items:center;gap:9px;min-width:0;display:flex}.header-help-button{width:32px;min-width:32px;min-height:32px;color:var(--app-muted);border-color:#99bec72e;border-radius:50%;place-items:center;padding:0;display:grid}.header-help-button[aria-pressed=true]{color:var(--app-accent);border-color:#43cbb257}.header-help-button svg{stroke-width:1.8px;width:17px;height:17px}.header-meta strong,.header-meta>span{display:block}.header-meta strong{font-size:13px;font-weight:600}.header-meta>span{color:var(--app-muted);font-size:var(--font-small);margin-top:2px}.app-header-match{justify-content:flex-start;gap:9px}.match-header-copy{flex:1;min-width:0}.match-header-topline,.match-header-summary{justify-content:space-between;align-items:center;min-width:0;display:flex}.match-header-topline{color:var(--app-text);gap:12px;font-size:13px;font-weight:600}.match-header-summary{color:var(--app-muted);font-size:var(--font-caption);gap:5px;margin-top:2px}.match-header-summary .connection-status{flex-basis:68px;justify-content:center;width:68px}.match-header-summary>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.connection-status{color:var(--app-red);flex:none;display:inline-flex}.connection-status[data-connected=true]{color:var(--app-green)}.connection-status svg{width:12px;height:12px}.app-header-match .header-help-button{margin-left:3px}.app-main{flex:1;min-height:0}.auth-loading{min-height:100dvh;color:var(--app-muted);place-items:center;padding:24px;font-size:12px;display:grid}.view-loading{min-height:45dvh;color:var(--app-muted);place-items:center;padding:24px;font-size:12px;display:grid}.content{padding:20px 18px 28px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:6px;font-size:23px;font-weight:600;line-height:1.15}h2{margin:24px 0 10px;font-size:16px;font-weight:600}.lead{color:var(--app-muted);margin-bottom:20px;font-size:14px;line-height:1.5}.info-note{color:var(--app-muted);border-left:2px solid var(--app-yellow);font-size:var(--font-small);text-align:left;margin-top:12px;padding:9px 0 9px 11px;line-height:1.5}.info-note strong,.info-note span{display:block}.app-update-notice{border-left:2px solid var(--app-yellow);margin:12px 18px;padding:10px 0 10px 12px;font-size:14px;line-height:1.5}.app-update-notice strong{color:var(--app-text);font-size:15px}.app-update-notice p{color:var(--app-muted);margin:4px 0 10px}.app-update-notice [role=alert]{color:var(--app-yellow)}.app-update-actions{flex-wrap:wrap;gap:8px;display:flex}.app-update-actions button{min-height:44px;padding:8px 14px}.app-version{border-top:1px solid var(--app-border);color:var(--app-muted);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:12px;font-size:13px;display:flex}.app-version button{min-height:44px}.info-note strong{color:var(--app-text);font-size:14px}.help-preferences{display:contents}.help-preferences[data-help-visible=false] [data-help-text],.help-preferences[data-help-visible=false] .info-disclosure{display:none}.help-preferences[data-help-visible=false] .recommendation .info-note{border-left:0;padding-left:0}.help-info-setting{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 0;display:flex}.help-info-setting>div{min-width:0}.help-info-setting label{color:var(--app-text);cursor:pointer;margin:0;display:block}.help-info-setting small{color:var(--app-muted);font-size:var(--font-caption);margin-top:4px;display:block}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:0;flex:0 0 48px;width:48px;height:44px;min-height:44px;padding:0;position:relative}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:before{content:"";background:var(--app-muted);opacity:.5;border-radius:20px;width:48px;height:28px;position:absolute;top:8px;left:0}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:after{content:"";background:var(--app-text);border-radius:50%;width:20px;height:20px;position:absolute;top:12px;left:4px}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:checked:before{background:var(--app-accent);opacity:1}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:checked:after{background:#152721;left:24px}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:focus:not(:focus-visible){outline:none}:is(.help-info-setting,.team-preferences-toggle) input[role=switch]:focus-visible{outline:2px solid var(--app-accent);outline-offset:2px;border-radius:8px}.info-note span{margin-top:3px}.info-disclosure{margin-top:4px}.info-disclosure .info-note{margin-top:2px}.info-disclosure-copy>span{display:inline}.info-disclosure-toggle{min-height:auto;color:var(--app-accent);font-size:var(--font-caption);vertical-align:baseline;margin-left:5px;padding:0;font-weight:700}label,legend{color:var(--app-muted);margin:14px 0 6px;font-size:14px;font-weight:600;display:block}input,select,textarea{width:100%;min-height:45px;color:var(--app-text);background:var(--app-surface-2);font:inherit;border:1px solid #97beb233;border-radius:4px;outline:none;padding:9px 11px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:#7ecbb485;outline:1px solid #7ecbb43d}button{min-height:42px;color:var(--app-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px}button:active{filter:brightness(1.16)}button:focus-visible{outline-offset:2px;outline:2px solid #edf4f4b8}button:disabled{cursor:default;opacity:.58}.primary{color:#fff;background:#168c68;border-color:#168c68;font-weight:600}.secondary{background:0 0;border-color:#99bec738}.text-button{color:var(--app-accent)}.demo-button{min-height:36px;color:var(--app-muted);font-size:var(--font-small)}.full{width:100%}.login-view{padding-top:0}.login-hero{padding:calc(196px + env(safe-area-inset-top)) 18px 0;isolation:isolate;background:#0b2a38 url(/login-football-b.jpg) 50% 42%/cover no-repeat;margin:0 -18px;position:relative}.login-hero:before{z-index:-1;content:"";background:linear-gradient(#071d2847 0%,#071d2885 54%,#071d28d6 100%);position:absolute;inset:0}.login-hero h1{text-shadow:0 1px 10px #000000b8}.login-hero .lead{color:#edf4f4d1;text-shadow:0 1px 8px #000000b8}.login-view .primary,.login-view .secondary{margin-top:10px}.auth-module-tabs{border-bottom:1px solid var(--app-border);grid-template-columns:repeat(3,1fr);margin-top:20px;display:grid}.login-hero .auth-module-tabs{border-bottom-color:#edf4f438;margin-top:20px}.login-hero .auth-module-tabs button{color:#edf4f4b8;text-shadow:0 1px 5px #000000b3}.login-hero .auth-module-tabs button[aria-selected=true]{color:#fff}.auth-module-tabs button{min-height:40px;color:var(--app-muted);font-size:var(--font-small);border:0;border-bottom:2px solid #0000;border-radius:0;padding:7px 3px}.auth-module-tabs button[aria-selected=true]{color:var(--app-text);border-bottom-color:var(--app-accent)}.auth-module{padding:17px 0 5px}.auth-module h2{margin:0 0 5px}.auth-module>p{color:var(--app-muted);font-size:var(--font-small);margin-bottom:12px;line-height:1.45}.auth-module>.auth-method-help{text-align:center;margin:12px 0 2px}.auth-link-button{min-height:34px;font-size:var(--font-caption)}.login-secondary-actions{border-top:1px solid var(--app-border);justify-content:center;gap:16px;margin-top:18px;padding-top:13px;display:flex}.login-secondary-actions button{min-height:32px;font-size:var(--font-caption);padding:3px 4px}.demo-intro-view{padding-top:34px}.demo-intro-mark{width:54px;height:54px;color:var(--app-yellow);border:1px solid #f3c85b3d;border-radius:6px;place-items:center;margin-bottom:20px;display:grid}.demo-intro-mark svg{width:24px;height:24px}.demo-limitations{border-top:1px solid var(--app-border);margin:24px 0 26px}.demo-limitations>div{border-bottom:1px solid var(--app-border);grid-template-columns:24px 1fr;gap:11px;padding:15px 0;display:grid}.demo-limitations i{background:var(--app-muted);border-radius:50%;width:7px;height:7px;margin:5px 0 0 5px}.demo-limitations strong,.demo-limitations small{display:block}.demo-limitations strong{font-size:13px;font-weight:600}.demo-limitations small{color:var(--app-muted);font-size:var(--font-small);margin-top:4px;line-height:1.45}.demo-start-button{margin-top:4px}.demo-back-button{font-size:var(--font-small);margin-top:5px}.magic-link-feedback{color:var(--app-text);border-block:1px solid #43cbb238;align-items:flex-start;gap:8px;margin:10px 0 0;padding:10px 0;font-size:12px;line-height:1.45;display:flex}.magic-link-feedback svg{width:17px;height:17px;color:var(--app-accent);flex:none}.magic-link-feedback[data-error=true]{border-block-color:#ff536642}.magic-link-feedback[data-error=true] svg{color:var(--app-red)}.signed-in{color:var(--app-muted);border-block:1px solid var(--app-border);font-size:var(--font-small);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-block:8px;display:flex}.signed-in button{min-height:30px;color:var(--app-accent);padding:3px 7px}.form-message{color:var(--app-muted);border-left:2px solid var(--app-accent);margin:14px 0 0;padding-left:10px;font-size:12px;line-height:1.5}.dashboard-message{color:var(--app-text);border-left-color:var(--app-yellow);background:#f4ca5a0f;padding:10px 12px;animation:1.2s ease-in-out 3 dashboard-message-pulse}@keyframes dashboard-message-pulse{0%,to{background:#f4ca5a0f;box-shadow:0 0 #f4ca5a00}50%{background:#f4ca5a2e;box-shadow:0 0 0 3px #f4ca5a1a}}.install-button{border-color:#43cbb242;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;display:flex}.install-button svg,.install-hint svg{width:16px;height:16px}.install-hint{color:var(--app-muted);font-size:var(--font-small);text-align:center;justify-content:center;align-items:center;gap:8px;margin:18px 0 0;line-height:1.45;display:flex}.auth-install-prompt{margin:15px 0 2px}.install-hint.auth-install-prompt{color:var(--app-text);border-block:1px solid #43cbb233;padding:10px 8px}.install-hint.auth-install-prompt svg{color:var(--app-accent);flex:0 0 16px}.install-hint.auth-install-prompt strong{font-weight:600}.dashboard-empty{color:var(--app-muted);margin:22px 0;font-size:12px;line-height:1.5}.team-list{border-top:1px solid var(--app-border)}.team-row{border-bottom:1px solid #99bec71a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.team-row[data-active=true]{border-bottom-color:#43cbb252}.team-select{text-align:left;border:0;border-radius:0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0;display:flex}.team-select span:first-child strong,.team-select span:first-child small{display:block}.team-select span:first-child strong{color:var(--app-text);font-size:15px}.team-select span:first-child small{color:var(--app-muted);font-size:var(--font-caption);margin-top:3px}.team-select>span:last-child{color:var(--app-muted);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.05em}.team-select[aria-pressed=true]>span:last-child{color:var(--app-accent)}.team-code{text-align:right}.team-code span,.team-code strong{display:block}.team-code span{color:var(--app-muted);font-size:var(--font-micro);text-transform:uppercase}.team-code strong{letter-spacing:.08em;margin-top:2px;font-size:12px}.assistant-list{border-top:1px solid #99bec714;grid-column:1/-1}.assistant-list>div{min-height:38px;color:var(--app-muted);font-size:var(--font-small);border-bottom:1px solid #99bec714;justify-content:space-between;align-items:center;gap:10px;display:flex}.assistant-list button{min-height:30px;color:var(--app-red);font-size:var(--font-caption);padding-inline:6px}.dashboard-accordion{border-bottom:1px solid var(--app-border)}.accordion-trigger{width:100%;min-height:48px;color:var(--app-muted);text-align:left;border:0;border-radius:0;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:600;display:flex}.dashboard-accordion[data-open=true]>.accordion-trigger{color:var(--app-text)}.new-team-trigger{color:var(--app-accent)}.new-team-trigger>span{text-align:center;width:12px;font-size:18px;font-weight:400;line-height:1}.accordion-chevron{text-align:center;width:12px;font-size:20px;font-weight:400;line-height:1;transition:transform .14s}.dashboard-accordion[data-open=true] .accordion-chevron{transform:rotate(90deg)}.accordion-content{padding:0 0 16px 20px}.accordion-content p{color:var(--app-muted);font-size:var(--font-small);margin:0 0 10px;line-height:1.45}.accordion-content>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.accordion-content>div>button{padding-inline:13px}.accordion-content label{margin-top:2px}.new-team-content>div>button{align-items:center;gap:5px;padding-inline:12px;display:flex}.new-team-content button svg{width:15px;height:15px}.other-join-options{margin-top:26px}.other-join-options>h2{border-bottom:1px solid var(--app-border);margin:0;padding-bottom:10px;font-size:15px}.feedback-box{border-block:1px solid #99bec724;margin-top:28px;padding:18px 0}.feedback-box h2{margin:0 0 4px;font-size:15px}.feedback-box>p{color:var(--app-muted);font-size:var(--font-caption);margin:0 0 14px;line-height:1.4}.feedback-box textarea{resize:vertical;width:100%;min-height:96px;line-height:1.45}.feedback-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.feedback-actions>span{color:var(--app-muted);font-size:var(--font-caption);font-variant-numeric:tabular-nums}.feedback-actions button{justify-content:center;align-items:center;gap:6px;min-width:92px;display:flex}.feedback-actions svg{width:14px;height:14px}.feedback-status{color:var(--app-accent)!important;font-size:var(--font-caption)!important;margin:10px 0 0!important}.feedback-status.error{color:var(--app-red)!important}.dashboard-signout{margin-top:12px}.upcoming-matches{border-top:1px solid var(--app-border);margin-top:26px;padding-top:18px}.dashboard-section-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:8px;display:flex}.dashboard-section-heading h2{margin:0;font-size:16px}.dashboard-section-heading span,.dashboard-section-heading small{color:var(--app-muted);font-size:var(--font-caption);margin-top:3px;display:block}.upcoming-match-list{scrollbar-width:thin;border-block:1px solid #99bec71a;max-height:310px;overflow-y:auto}.upcoming-match-list:empty{display:none}.match-entry-view{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.match-entry-view h1,.match-entry-view h2,.match-entry-view p{margin:0}.match-entry-view select,.match-entry-view .upcoming-match-list{width:100%}.match-entry-view .upcoming-match-list strong{white-space:normal;overflow-wrap:anywhere}.match-entry-hint{color:var(--app-muted);font-size:13px;line-height:1.5}.upcoming-match-list button{text-align:left;border:0;border-bottom:1px solid #99bec714;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:62px;padding:9px 2px;display:flex}.upcoming-match-list button:last-child{border-bottom:0}.upcoming-match-list button[data-active=true]{background:#43cbb20f;border-bottom-color:#43cbb247}.upcoming-match-list button span:first-child{min-width:0}.upcoming-match-list button strong,.upcoming-match-list button small{display:block}.upcoming-match-list button strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.upcoming-match-list button small{color:var(--app-muted);font-size:var(--font-caption);margin-top:4px}.upcoming-match-list button>span:last-child{color:var(--app-accent);font-size:var(--font-caption);flex:none}.new-match-for-team{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.new-match-for-team h2{margin:0 0 3px;font-size:15px}.new-match-for-team p{color:var(--app-muted);font-size:var(--font-caption);margin:0;line-height:1.4}.new-match-for-team button{flex:none;align-items:center;gap:6px;padding-inline:12px;display:flex}.new-match-for-team svg{width:15px;height:15px}fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}legend{margin-top:0}.setup-match-code{color:var(--app-muted);border-block:1px solid var(--app-border);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 4px;padding:9px 0;display:flex}.setup-match-code strong{color:var(--app-text);letter-spacing:.08em;text-transform:none;font-size:13px}.previous-match-setup{border-bottom:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:14px;padding:16px 0;display:flex}.previous-match-setup>div{gap:3px;display:grid}.previous-match-setup strong{color:var(--app-text);font-size:13px}.previous-match-setup small{color:var(--app-muted);font-size:var(--font-small);line-height:1.4}.previous-match-setup button{flex:none}.previous-match-setup>.setup-lock-target{flex:none;display:inline-flex}.previous-match-message{color:var(--app-accent);font-size:var(--font-small);margin:10px 0 0}.setup-lock-target[data-lock-after-start=true]{position:relative}.setup-lock-target[data-lock-after-start=true]:after{z-index:5;content:"";cursor:not-allowed;position:absolute;inset:0}.setup-lock-message{z-index:60;bottom:calc(72px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 36px);color:var(--app-text);pointer-events:none;background:#103542;border:1px solid #99bec73d;border-radius:4px;padding:10px 16px;font-size:12px;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0000004d}.match-details{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.match-details>div:first-child{grid-column:1/-1}input:disabled{color:var(--app-muted);opacity:.72}.format-options{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.format-options button{border-color:#99bec72e}.format-options button[aria-pressed=true]{background:#168c6842;border-color:#43cbb26b}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.setup-view .match-reminder-options+fieldset{margin-top:26px;padding-top:18px;position:relative}.setup-view .match-reminder-options+fieldset:before{content:"";border-top:1px solid #99bec724;position:absolute;inset:0 0 auto}.setup-view fieldset+.field-grid{border-top:1px solid #99bec724;margin-top:24px;padding-top:20px}.recommendation{border-block:1px solid #99bec71a;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 0;display:flex}.setup-view .field-grid+.recommendation{margin-top:24px;padding-top:18px}.recommendation+.recommendation{border-top:0;margin-top:0}.recommendation>div:first-child{min-width:0}.recommendation .info-note{margin-top:0}.recommendation strong,.recommendation span{display:block}.recommendation strong{font-size:13px}.recommendation span{color:var(--app-muted);font-size:var(--font-small);margin-top:3px;line-height:1.5}.inline-edit{grid-template-columns:48px 20px auto;justify-content:end;align-items:center;gap:5px;min-width:174px;display:grid}.inline-edit input{text-align:right;width:48px;min-height:36px;padding:5px}.inline-edit>span{margin:0}.inline-edit button,.previous-match-setup button{min-height:34px;font-size:var(--font-caption);white-space:nowrap;border-color:#99bec72e;padding:5px 7px}.setup-view .recommendation+h2,.setup-view .field-grid+h2{margin-top:32px}.setup-roster{border-top:1px solid var(--app-border)}.roster-save-message{color:var(--app-muted);font-size:var(--font-caption);border-bottom:1px solid #43cbb22e;align-items:center;gap:7px;margin:-2px 0 9px;padding:8px 0;line-height:1.35;display:flex}.roster-save-message svg{width:15px;height:15px;color:var(--app-accent);flex:0 0 15px}.setup-player{border-bottom:1px solid #99bec714;grid-template-columns:minmax(82px,1fr) auto auto auto;align-items:center;gap:7px;min-height:58px;padding-block:7px;display:grid}.setup-player label{align-items:center;gap:5px;margin:0;display:flex}.setup-player input{text-align:right;width:52px;min-height:34px;padding:5px}.setup-player .player-name-input{text-align:left;width:100%}.setup-player .availability{color:var(--app-muted);font-size:var(--font-caption);font-weight:500}.setup-player .availability input{width:16px;min-height:16px;accent-color:var(--app-accent);padding:0}.setup-player .target-time{color:var(--app-muted);font-size:var(--font-small)}.setup-player[data-mode=advanced]{border-bottom-color:#99bec72e;grid-template-columns:minmax(0,1fr) auto auto;gap:12px 10px;padding-block:20px}.setup-player[data-mode=advanced] .player-name-input{grid-area:1/1;min-width:0;min-height:44px;padding:8px}.setup-player[data-mode=advanced] .availability{grid-area:1/2;font-size:12px}.setup-player[data-mode=advanced] .remove-player{grid-area:1/3}.setup-player[data-mode=advanced] .target-time{grid-column:1/-1;gap:8px;font-size:13px}.setup-player[data-mode=advanced] .target-time input{min-height:40px}.target-time-label{margin-right:auto}.player-role-editor{grid-column:1/-1;min-width:0}.player-role-editor summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:13px;list-style:none;display:flex}.player-role-editor summary::-webkit-details-marker{display:none}.player-role-editor summary:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.player-role-summary{color:var(--app-muted);overflow-wrap:anywhere;line-height:1.5}.player-role-action{color:var(--app-accent);flex-shrink:0;align-items:center;gap:5px;display:flex}.player-role-action svg{width:16px;height:16px}.role-action-close,.player-role-editor[open] .role-action-open{display:none}.player-role-editor[open] .role-action-close{display:inline}.player-role-editor[open] .player-role-action svg{transform:rotate(180deg)}.player-role-preferences{gap:16px;padding:12px 0 4px;display:grid}.player-role-preferences>div{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.player-role-preferences>div>span{color:var(--app-muted);flex-basis:100%;margin-bottom:3px;font-size:12px}.player-role-preferences button{min-height:44px;color:var(--app-muted);border-color:#99bec724;border-radius:3px;padding:5px 10px;font-size:12px}.player-role-preferences button[aria-pressed=true]{color:var(--app-text);background:#168c682e;border-color:#43cbb259}.remove-player{width:30px;min-height:30px;color:var(--app-muted);place-items:center;padding:0;display:grid}.remove-player svg{width:15px;height:15px}.add-player{border-color:#99bec72e;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;display:flex}.add-player svg{width:16px;height:16px}.start-match,.save-match-plan{margin-top:18px}.save-match-plan+.start-match{margin-top:8px}.setup-signout{margin-top:12px}.match-view{min-height:calc(100dvh - 121px - env(safe-area-inset-top))}.match-tabs{border-bottom:1px solid #99bec71a;padding:9px 12px 0;display:flex;overflow:hidden}.match-plan-view{padding-bottom:28px}.match-plan-heading{padding-bottom:16px}.match-plan-heading h1{margin-bottom:3px}.match-plan-heading p{color:var(--app-muted);font-size:var(--font-small)}.planned-lineup{border-block:1px solid #99bec71c;padding:16px 0 18px}.planned-lineup-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.planned-lineup-heading h2{font-size:15px}.planned-lineup-heading small{color:var(--app-muted);font-size:var(--font-caption);margin-top:2px;display:block}.planned-lineup-heading>strong{color:var(--app-yellow);font-size:14px}.planned-lineup-heading>strong[data-complete=true]{color:var(--app-accent)}.formation-select{color:var(--app-muted);font-size:var(--font-caption);grid-template-columns:1fr 128px;align-items:center;gap:12px;margin-top:14px;display:grid}.formation-select select{min-height:36px}.formation-rule{color:var(--app-muted);font-size:var(--font-caption);margin:8px 0 0;line-height:1.45}.formation-board{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:390px;margin-top:14px;position:relative;overflow:hidden}.formation-halfway{border-top:1px solid #99bec724;position:absolute;top:50%;left:0;right:0}.formation-halfway:after{content:"";border:1px solid #99bec71a;border-radius:50%;width:74px;height:74px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.formation-penalty{border-inline:1px solid #99bec721;width:46%;height:19%;position:absolute;left:27%}.formation-penalty-top{border-bottom:1px solid #99bec721;top:0}.formation-penalty-bottom{border-top:1px solid #99bec721;bottom:0}.formation-corner{opacity:.7;width:22px;height:22px;position:absolute}.formation-corner-tl{border-bottom:1px solid #99bec721;border-right:1px solid #99bec721;border-bottom-right-radius:100%;top:0;left:0}.formation-corner-tr{border-bottom:1px solid #99bec721;border-left:1px solid #99bec721;border-bottom-left-radius:100%;top:0;right:0}.formation-corner-bl{border-top:1px solid #99bec721;border-right:1px solid #99bec721;border-top-right-radius:100%;bottom:0;left:0}.formation-corner-br{border-top:1px solid #99bec721;border-left:1px solid #99bec721;border-top-left-radius:100%;bottom:0;right:0}.formation-player{width:18%;min-height:44px;color:var(--app-text);touch-action:none;background:0 0;border:0;border-radius:0;justify-items:center;padding:0;display:grid;position:absolute;transform:none}.formation-player-dot{background:var(--app-accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #43cbb214}.formation-player strong{width:100%;font-size:var(--font-caption);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;line-height:1.2;overflow:hidden}.formation-player small{width:100%;color:var(--app-muted);font-size:var(--font-micro);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;line-height:1.2;overflow:hidden}.formation-player:focus-visible{outline:0}.formation-player:focus-visible .formation-player-dot{box-shadow:0 0 0 4px #edf4f452}.formation-player[data-dragging=true]{z-index:2;color:#fff;transform:scale(1.05)}.formation-player:disabled{opacity:.75}.pitch-panel[data-preview=true] button:disabled{opacity:1}.empty-formation{height:180px;color:var(--app-muted);font-size:var(--font-caption);place-items:center;margin-top:14px;display:grid}.formation-hint{color:var(--app-muted);font-size:var(--font-caption);margin:8px 0 0}.planned-lineup-group{margin-top:14px}.planned-lineup-label{color:var(--app-muted);font-size:var(--font-micro);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-weight:600;display:block}.planned-lineup-group>button{text-align:left;touch-action:manipulation;border:0;border-bottom:1px solid #99bec714;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:46px;padding:7px 2px;display:flex}.planned-lineup-group>button[data-selected=true]{color:var(--app-text)}.planned-lineup-group>button>span{min-width:0}.planned-lineup-group>button strong,.planned-lineup-group>button small{display:block}.planned-lineup-group>button strong{color:var(--app-text);font-size:var(--font-small)}.planned-lineup-group>button small,.planned-lineup-group>p{color:var(--app-muted);font-size:var(--font-caption);margin-top:2px}.planned-lineup-group>button svg{width:16px;height:16px;color:var(--app-accent)}.lineup-locked-message{color:var(--app-muted);font-size:var(--font-caption);margin-top:10px;display:block}.match-plan-editor{border-block:1px solid #99bec71c;padding:16px 0 18px}.match-plan-editor-heading,.planned-substitutions-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.match-plan-editor-heading h2,.planned-substitutions-heading h2{font-size:15px}.match-plan-editor-heading small,.planned-substitutions-heading small{color:var(--app-muted);font-size:var(--font-caption);text-align:right}.cancel-plan-edit{min-height:30px;color:var(--app-muted);font-size:var(--font-caption);align-items:center;gap:4px;padding:3px 5px;display:flex}.cancel-plan-edit svg{width:14px;height:14px}.match-plan-time-fields{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.match-plan-editor label{color:var(--app-muted);font-size:var(--font-caption);gap:5px;display:grid}.match-plan-player-fields{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);align-items:end;gap:8px;margin-top:10px;display:grid}.match-plan-player-fields>svg{width:17px;height:17px;color:var(--app-muted);margin-bottom:14px}.player-picker{min-width:0;display:grid;position:relative}.player-picker>label{margin:0 0 5px}.player-picker-button,.player-picker-menu{display:none}.add-planned-substitution{width:100%;color:var(--app-accent);border:0;justify-content:center;align-items:center;gap:7px;margin-top:12px;display:flex}.add-planned-substitution svg{width:16px;height:16px}.planned-substitutions{padding-top:18px}.empty-plan{color:var(--app-muted);font-size:var(--font-small);text-align:center;border-block:1px solid #99bec714;margin-top:12px;padding:22px 0}.planned-substitution{border-bottom:1px solid #99bec717;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:66px;padding-block:10px;display:grid}.planned-substitution[data-status=completed],.planned-substitution[data-status=skipped]{opacity:.58}.planned-substitution-time{gap:2px;display:grid}.planned-substitution-time strong{font-size:13px}.planned-substitution-time span{color:var(--app-muted);font-size:var(--font-caption)}.planned-substitution-players{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);align-items:center;gap:7px;display:grid}.planned-substitution-players>svg{width:14px;height:14px;color:var(--app-muted)}.planned-substitution-players span{gap:2px;min-width:0;display:grid}.planned-substitution-players small{color:var(--app-muted);font-size:var(--font-micro);text-transform:uppercase}.planned-substitution-players strong{font-size:var(--font-small);white-space:normal;overflow-wrap:anywhere}.planned-substitution-players>span:first-child strong{color:var(--app-orange-bright)}.planned-substitution-players>span:last-child strong{color:var(--app-accent)}.remove-planned-substitution{width:34px;min-height:34px;color:var(--app-muted);place-items:center;padding:0;display:grid}.remove-planned-substitution svg{width:15px;height:15px}.planned-substitution-actions{justify-content:flex-end;gap:5px;display:flex}.planned-substitution-actions button{width:44px;min-height:44px;color:var(--app-muted);background:0 0;border:0;place-items:center;padding:0;display:grid}.planned-substitution-actions button svg{width:18px;height:18px}.planned-substitution-status{color:var(--app-accent);font-size:var(--font-micro);justify-items:center;gap:1px;display:grid}.planned-substitution-status svg{width:14px;height:14px}.match-plan-summary{border-top:1px solid #99bec71f;margin-top:22px;padding-top:16px}.match-plan-summary-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.match-plan-summary-heading h2{margin:0;font-size:16px}.match-plan-summary-heading button{min-height:44px;color:var(--app-accent);font-size:var(--font-caption);padding:4px 8px}.match-plan-summary>p{color:var(--app-muted);font-size:var(--font-caption);margin:12px 0 0}.match-plan-summary-list{gap:14px;margin-top:12px;display:grid}.match-plan-time-group{min-width:0}.match-plan-time-group[data-expired=true] .match-plan-time-heading>span{color:var(--app-yellow)}.match-plan-time-heading{border-bottom:1px solid var(--app-border);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:10px 0;display:flex}.match-plan-time-heading h3{margin:0;font-size:14px}.match-plan-time-heading h3 span,.match-plan-time-heading>span{color:var(--app-muted);font-size:var(--font-caption);font-weight:400}.match-plan-summary-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;display:grid}.match-plan-summary-list article+article{border-top:1px solid #99bec714}.match-plan-swap-players{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.match-plan-swap-players>span{align-items:center;gap:6px;min-width:0;display:flex}.match-plan-swap-players>span>span{min-width:0}.match-plan-swap-players svg{flex:0 0 16px;width:16px;height:16px}.match-plan-swap-players strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.match-plan-swap-players small{font-size:var(--font-caption);color:var(--app-muted);margin-left:5px}.match-plan-swap-players .swap-out{color:var(--app-orange-bright)}.match-plan-swap-players .swap-in{color:var(--app-accent)}.match-plan-summary-list article .match-plan-summary-actions{gap:5px;display:flex}.match-plan-summary-actions button{background:0 0;border:0;place-items:center;width:44px;min-height:44px;padding:0;display:grid}.match-plan-summary-actions button svg{width:18px;height:18px}.match-plan-summary-actions .complete{color:var(--app-accent)}.match-plan-summary-actions .remove{color:var(--app-muted)}@media (width>=500px){.match-plan-swap-players{gap:16px}}.match-tabs button{min-width:0;min-height:43px;color:var(--app-muted);font-size:var(--font-small);letter-spacing:.05em;text-transform:uppercase;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;place-items:center;font-weight:600;display:grid}.match-tabs button svg{stroke-width:1.8px;width:19px;height:19px}.match-tabs button[aria-selected=true]{color:var(--app-text);background:#ffffff05;border-bottom-color:#43cbb2b8}.match-tabs button[data-live-tab=true]{color:var(--app-orange-bright)}.match-tabs button[data-live-tab=true][aria-selected=true]{border-bottom-color:var(--app-orange-bright)}.match-surface{padding:12px}.match-status{border-bottom:1px solid #99bec71a;grid-template-columns:minmax(0,1fr) minmax(120px,1.5fr) minmax(0,1fr);align-items:center;gap:6px;min-height:60px;padding:4px 3px 12px;display:grid;position:relative}.match-clock-controls{justify-content:center;align-items:center;gap:8px;display:flex}.match-time{justify-items:center;gap:1px;display:grid}.match-time span,.swap-countdown>span{color:var(--app-muted);font-size:var(--font-micro);letter-spacing:.09em;text-transform:uppercase;font-weight:600}.match-time strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1}.match-time small{color:var(--app-muted);font-size:var(--font-micro);line-height:1.2}.run-button{color:#fff;min-height:32px;font-size:var(--font-small);text-transform:uppercase;background:#ff536640;border-color:#ff53667a;padding:4px 8px;font-weight:700}.run-button[data-running=false]{background:#168c6840;border-color:#43cbb26b}.swap-countdown{text-align:center;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:0;flex-direction:column;align-items:center;min-width:0;min-height:48px;padding:2px 5px;display:flex}.swap-countdown strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.05}.swap-countdown small{color:var(--app-muted);font-size:var(--font-micro)}.planned-swap-countdown{pointer-events:none;width:100%}.planned-swap-list{text-align:center;gap:5px;width:100%;display:grid}.planned-swap-list small{overflow-wrap:anywhere;width:100%;line-height:1.35}.match-status:has(.planned-swap-countdown[data-multiple=true]){min-height:70px}.swap-countdown[data-expired=true]{border:2px solid var(--app-red);animation:.9s ease-in-out infinite swap-alert}@keyframes swap-alert{50%{background:#ff53661f;border-color:#0000}}.match-run-control{justify-content:center;align-items:center;display:flex}.pitch-panel{padding-top:10px}.time-legend{color:var(--app-muted);font-size:var(--font-caption);align-items:center;gap:7px;margin:0 0 9px;display:flex}.time-legend>span{background:linear-gradient(90deg, var(--app-green), var(--app-yellow), var(--app-red));border-radius:2px;flex:0 0 46px;width:46px;height:4px}.pitch{touch-action:pan-y;background:linear-gradient(90deg,#ffffff06 50%,#0000 50%) 0 0/50% 100%,linear-gradient(#1b6b4c,#15573f) 0 0/100% 100%;border:2px solid #e4f8f080;border-radius:3px;height:390px;position:relative;overflow:hidden}.zone{z-index:0;color:#ffffffc7;font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-bottom:1px dashed #ffffff40;justify-content:flex-end;padding:6px 7px;font-weight:700;display:flex;position:absolute;inset-inline:0}.zone-attack{height:28%;top:0}.zone-midfield{background:#0000000a;height:29%;top:28%}.zone-defense{height:25%;top:57%}.zone-goalkeeper{background:#0000000a;border-bottom:0;height:18%;top:82%}.halfway-line{z-index:1;top:50%;pointer-events:none;border-top:2px solid #e4f8f080;position:absolute;inset-inline:0}.center-circle{z-index:1;pointer-events:none;border:2px solid #e4f8f080;border-radius:50%;width:82px;height:82px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.goal{z-index:1;pointer-events:none;border:2px solid #e4f8f080;width:34%;height:46px;position:absolute;left:33%}.goal-top{border-top:0;top:-2px}.goal-bottom{border-bottom:0;bottom:-2px}.pitch-player{--time-color:var(--app-green);z-index:3;width:70px;max-width:18%;min-height:46px;color:var(--app-text);border:0;border-bottom:3px solid var(--time-color);-webkit-user-select:none;user-select:none;touch-action:none;background:#051c25e6;border-radius:2px;grid-template-columns:minmax(0,1fr);place-content:center;padding:4px 5px;display:grid;position:absolute}.pitch-player strong,.pitch-player span{pointer-events:none;display:block}.pitch-player strong{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--font-small);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.pitch-player span{color:var(--app-muted);font-size:var(--font-caption);font-variant-numeric:tabular-nums;margin-top:2px}.pitch-player.selected{background:#f3c85b29}.tactics-board-view{padding:10px 10px 14px}.tactics-workspace{position:relative}.tactics-animation-launcher{flex-wrap:wrap;justify-content:space-between;gap:7px;margin:0 0 8px;display:flex}.tactics-focus{align-items:center;gap:20px;padding:8px 0 16px;display:flex}.tactics-focus-grid{background:#e4f8f026;flex:none;grid-template-columns:repeat(3,44px);gap:2px;display:grid}.tactics-focus-grid button{color:#edf4f4;background:#183c30;border:0;border-radius:0;min-width:44px;min-height:44px;padding:0}.tactics-focus-grid button[aria-pressed=true]{background:var(--app-accent);color:#10241f;font-weight:700}.tactics-focus-description{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.tactics-focus-description button{min-height:44px}.match-feature-options>label,.match-reminder-options>label{cursor:pointer;align-items:center;gap:12px;min-height:48px;margin:0;display:flex}.match-feature-options>label{justify-content:space-between}.match-feature-options input,.match-reminder-options input{width:22px;height:22px;min-height:0;accent-color:var(--app-accent);flex:none}.match-feature-options>small,.match-reminder-options>small{color:var(--app-muted);margin-top:8px;display:block}.tactics-animation-launcher button{color:#edf4f4d6;min-height:34px;font-size:var(--font-caption);letter-spacing:.035em;text-transform:uppercase;background:#0619238a;border:1px solid #e4f8f024;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 9px;font-weight:700;display:flex}.tactics-animation-launcher button svg{flex:none;width:14px;height:14px}.tactics-animation-launcher button[aria-expanded=true]{color:var(--app-accent);background:#43cbb221;border-color:#43cbb24d}.tactics-frame-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 8px;display:grid}.tactics-frame-list{gap:4px;min-width:0;display:flex;overflow-x:auto}.tactics-frame-list button,.tactics-frame-playback button{color:#edf4f4d1;min-width:34px;min-height:34px;font-size:var(--font-small);background:#06192370;border:1px solid #e4f8f024;border-radius:5px;place-items:center;padding:0 8px;font-weight:600;display:grid}.tactics-frame-list button[aria-selected=true]{color:var(--app-accent);background:#43cbb229;border-color:#43cbb247}.tactics-frame-list button svg,.tactics-frame-playback button svg{stroke-width:1.9px;width:15px;height:15px}.tactics-frame-playback{gap:4px;display:flex}.tactics-library-overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031017b3;border-radius:3px;place-items:start center;padding:8px;display:grid;position:absolute;inset:0}.tactics-library{width:100%;max-height:min(650px,100dvh - 150px);color:var(--app-text);background:#092431;border:1px solid #99bec729;border-radius:7px;padding:18px 14px 14px;position:relative;overflow-y:auto;box-shadow:0 14px 34px #00000061}.tactics-library-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:34px;display:flex}.tactics-library-heading h2{margin:0 0 3px;font-size:17px}.tactics-library-heading p{color:var(--app-muted);font-size:var(--font-caption);margin:0;line-height:1.4}.tactics-library-heading>button{min-height:30px;color:var(--app-accent);font-size:var(--font-caption);white-space:nowrap;align-items:center;gap:4px;padding:3px 6px;display:flex}.tactics-library-heading>button svg{width:13px;height:13px}.tactics-library>label{margin-top:16px}.tactics-library-save-actions{justify-content:flex-end;gap:7px;margin-top:8px;display:flex}.tactics-library-save-actions button{min-height:36px;font-size:var(--font-caption);padding:5px 10px}.tactics-new-board{max-width:480px}.tactics-new-board>h2{margin:0;font-size:18px}.tactics-new-board>p{color:var(--app-muted);margin:8px 30px 0 0;line-height:1.5}.tactics-new-board-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-top:14px;display:flex}.tactics-new-board-actions button{min-height:40px;font-size:var(--font-caption);padding:7px 10px}.tactics-library-message{color:var(--app-muted);font-size:var(--font-caption);margin:9px 0 0}.tactics-library-list{border-top:1px solid var(--app-border);margin-top:15px}.tactics-library-list>p{color:var(--app-muted);font-size:var(--font-caption);padding:14px 0}.tactics-library-list>div{border-bottom:1px solid #99bec717;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:58px;display:grid}.tactics-library-list>div[data-active=true]{background:#43cbb20d}.tactics-idea-open{text-align:left;border:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:57px;padding:8px 5px 8px 0;display:flex}.tactics-idea-open>span:first-child{min-width:0}.tactics-idea-open strong,.tactics-idea-open small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tactics-idea-open strong{font-size:var(--font-small)}.tactics-idea-open small{color:var(--app-muted);font-size:var(--font-micro);margin-top:3px}.tactics-idea-open>span:last-child{color:var(--app-accent);font-size:var(--font-caption);flex:none}.tactics-idea-delete{width:34px;min-height:34px;color:var(--app-muted);place-items:center;padding:0;display:grid}.tactics-idea-delete svg{width:15px;height:15px}.tactics-delete-confirm{gap:2px;display:flex}.tactics-delete-confirm button{min-height:32px;color:var(--app-muted);font-size:var(--font-micro);padding:3px 5px}.tactics-delete-confirm button:last-child{color:var(--app-red)}.tactics-floating-toolbar{z-index:40;top:calc(8px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0619239e;border:1px solid #e4f8f024;border-radius:6px;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;width:100%;margin-bottom:8px;padding:3px;display:grid;position:sticky;box-shadow:0 6px 16px #0000003d}.tactics-toolbar-button{color:#edf4f4c7;background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;width:100%;min-width:0;min-height:39px;padding:5px;display:grid}.tactics-toolbar-button[aria-pressed=true]{color:var(--app-accent);background:#43cbb229}.tactics-toolbar-button svg{stroke-width:1.9px;width:18px;height:18px}.tactics-toolbar-button .tool-preview{width:25px;height:20px}.tactics-toolbar-letter{font-size:18px;font-weight:700;line-height:1}.tool-preview{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.tool-preview-head{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.symbol-preview{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.symbol-preview polygon{fill:currentColor}.tactics-tool-overlay{z-index:50;padding:calc(68px + env(safe-area-inset-top)) 18px calc(74px + env(safe-area-inset-bottom));place-items:start center;display:grid;position:fixed;inset:0}.tactics-tool-menu{width:min(100%,354px);min-height:230px;color:var(--app-text);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0926316b;border:0;border-radius:8px;padding:48px 14px 14px;position:relative}.tactics-menu-close{width:32px;min-height:32px;color:var(--app-muted);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px}.tactics-menu-close svg{width:17px;height:17px}.tactics-count-menu{gap:8px;display:grid}.tactics-count-menu.single{padding-top:30px}.tactics-count-control{justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:8px 4px;display:flex}.tactics-count-control>span{color:#edf4f4e6;font-size:12px;font-weight:600}.tactics-count-control>div{grid-template-columns:42px 38px 42px;align-items:center;gap:5px;display:grid}.tactics-count-control button{border:0;border-radius:50%;place-items:center;min-height:38px;padding:0;display:grid}.tactics-count-control button svg{width:16px;height:16px}.tactics-count-control strong{text-align:center;font-variant-numeric:tabular-nums;font-size:18px}.tactics-import-lineup{width:100%;min-height:44px;color:var(--app-text);border:1px solid #edf4f433;border-radius:6px;margin-top:8px;padding:10px 14px}.tactics-import-lineup:disabled{color:var(--app-muted);opacity:.55}.tactics-variant-groups{gap:10px;display:grid}.tactics-variant-group h3{color:#edf4f4b8;font-size:var(--font-caption);letter-spacing:.05em;text-transform:uppercase;margin:0 0 6px;font-weight:600}.tactics-variant-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.tactics-variant-grid.compact{grid-template-columns:repeat(2,1fr)}.tactics-variant-grid.shapes{grid-template-columns:repeat(3,1fr)}.tactics-variant{color:#edf4f4e0;background:#051c252e;border:0;border-radius:5px;place-items:center;min-height:64px;padding:9px;display:grid}.tactics-variant[aria-pressed=true]{color:var(--app-accent);background:#43cbb224}.tactics-variant .tool-preview{width:58px;height:40px}.tactics-variant>svg:not(.tool-preview){width:28px;height:28px}.tactics-more-menu{grid-template-columns:repeat(2,58px);place-content:center;gap:10px;padding-top:26px;display:grid}.tactics-more-menu button{background:#051c252e;border:0;border-radius:50%;place-items:center;width:58px;min-height:58px;padding:0;display:grid}.tactics-more-menu button[aria-pressed=true]{color:var(--app-accent);background:#43cbb229}.tactics-more-menu svg{width:23px;height:23px}.pitch.tactics-pitch{aspect-ratio:5/7;cursor:crosshair;-webkit-touch-callout:none;background:#07110d;border:0;border-radius:0;width:100%;height:auto;margin-inline:auto}.tactics-pitch-lines{fill:none;stroke:#e4f8f080;stroke-width:.18px;pointer-events:none}.tactics-pitch-lines .center-dot{fill:#e4f8f080;stroke:none}.tactics-drawing{fill:none;stroke:#fff;stroke-width:.28px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.tactics-drawing.draft{opacity:.62}.tactics-symbol-draft{fill:#43cbb21f;stroke:#43cbb2d9;stroke-width:.8px;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;pointer-events:none}#tactics-arrow path{fill:#fff}.tactics-marker{cursor:default;touch-action:none}.tactics-marker.movable,.tactics-marker.cone,.tactics-marker.symbol{cursor:grab}.tactics-marker:active{cursor:grabbing}.tactics-marker circle{stroke:#ffffffeb;stroke-width:.35px;vector-effect:non-scaling-stroke}.tactics-marker.home circle{fill:#287cc1;stroke:#ecc561;stroke-width:.4px;vector-effect:none}.tactics-marker.away circle{fill:#ed4d40;stroke:#a5322a;stroke-width:.35px;vector-effect:none}.tactics-marker text{fill:#fff;text-anchor:middle;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:2.5px;font-weight:600}.tactics-marker .tactics-marker-name{font-size:2.4px;font-weight:500;fill:#edf4f4!important;stroke:none!important}.tactics-marker.cone path{fill:#f3c85b;stroke:#fff3c8;stroke-width:.25px;vector-effect:non-scaling-stroke}.tactics-marker.cone line{stroke:#fff3c8;stroke-width:.4px;vector-effect:non-scaling-stroke}.tactics-marker.symbol circle,.tactics-marker.symbol ellipse,.tactics-marker.symbol rect,.tactics-marker.symbol path,.tactics-marker.symbol polygon{vector-effect:non-scaling-stroke}.tactics-marker.symbol.circle ellipse{fill:#59a9ed33;stroke:#b9dcff;stroke-width:.9px}.tactics-marker.symbol.square rect{fill:#f3c85b38;stroke:#ffe4a1;stroke-width:.9px}.tactics-marker.symbol.ball circle{fill:#edf4f4fa;stroke:#192e38;stroke-width:.4px}.tactics-marker.symbol.ball polygon{fill:#192e38}.tactics-marker.symbol.ball path{fill:none;stroke:#192e38;stroke-width:.3px;stroke-linecap:round;stroke-linejoin:round}.tactics-drill-instructions{margin:0}.tactics-drill-instructions dt{color:var(--app-text);margin-top:12px;font-weight:600}.tactics-drill-instructions dd{margin:4px 0 0}.tactics-step-caption{margin:0 0 10px}.tactics-step-caption label{color:var(--app-accent);font-size:13px}.tactics-step-caption textarea{resize:vertical;width:100%;min-height:54px;color:var(--app-text);background:0 0;border:0;border-radius:0;padding:4px 0;font-size:14px;line-height:1.5;display:block}.tactics-step-caption textarea:disabled{opacity:1;-webkit-text-fill-color:var(--app-text)}.bench-heading{color:var(--app-muted);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:8px;margin:10px 1px 6px;display:flex}.bench{border-block:1px solid #99bec71a;grid-template-columns:repeat(3,1fr);gap:7px;min-height:64px;padding:7px 0;display:grid}.bench button{border:1px solid #59a9ed94;border-radius:3px;min-height:50px;padding:5px}.bench button.selected{background:#f3c85b1f}.bench strong,.bench span{display:block}.bench strong{font-size:var(--font-small)}.bench span{color:var(--app-muted);font-size:var(--font-caption);font-variant-numeric:tabular-nums;margin-top:3px}.panel-hint{color:var(--app-muted);font-size:var(--font-caption);margin:8px 0 0}.finish-match-control{text-align:center;border-top:1px solid #99bec71a;margin:26px 0 8px;padding-top:16px}.finish-match-button{width:100%;min-height:46px;color:var(--app-muted);-webkit-user-select:none;user-select:none;touch-action:manipulation;border:1px solid #ff53664d;border-radius:4px;position:relative;overflow:hidden}.finish-match-button:before{content:"";transform-origin:0;background:#ff536647;position:absolute;inset:0;transform:scaleX(0)}.finish-match-button[data-holding=true]:before{animation:1.6s linear forwards finish-fill}.finish-match-button span{z-index:1;font-size:var(--font-small);font-weight:600;position:relative}.finish-match-control small{color:var(--app-muted);font-size:var(--font-micro);margin-top:5px;display:block}.match-finished-message{color:var(--app-text);font-size:var(--font-small);border-block:1px solid #43cbb233;justify-content:center;align-items:center;gap:7px;margin:24px 0 8px;padding:13px 0;display:flex}.match-finished-message svg{width:16px;height:16px;color:var(--app-accent)}@keyframes finish-fill{to{transform:scaleX(1)}}.players-panel{padding-top:12px}.player-list-heading,.player-row{grid-template-columns:minmax(90px,1fr) 74px 52px 65px;align-items:center;gap:7px;display:grid}.player-list-heading{min-height:32px;color:var(--app-muted);font-size:var(--font-caption);border-bottom:1px solid #99bec71a}.player-list-heading span:nth-child(2),.player-list-heading span:nth-child(3){text-align:center}.player-row{border-bottom:1px solid #99bec713;min-height:56px}.player-row.selected{background:#43cbb214}.player-row[data-on-pitch=true]{color:var(--app-orange-bright)}.player-row>div strong,.player-row>div span{display:block}.player-row>div strong{overflow-wrap:anywhere;font-size:16px;line-height:1.25}.player-row>div span{color:var(--app-muted);font-size:var(--font-caption);margin-top:2px}.player-row[data-on-pitch=true]>div span{color:var(--app-orange-bright);opacity:.82}.live-time{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;white-space:nowrap;font-size:20px;font-weight:600}.target-time-display{color:var(--app-muted);text-align:center;font-size:var(--font-caption);font-variant-numeric:tabular-nums;white-space:nowrap}.player-row[data-on-pitch=true] .target-time-display{color:var(--app-orange-bright);opacity:.82}.player-row button{min-height:34px;font-size:var(--font-small);border-color:#99bec72e;padding:5px 7px}.positions-panel{padding:12px 5px 4px}.position-module{touch-action:pan-y;position:relative}.swipe-arrow{z-index:4;color:#edf4f494;pointer-events:none;place-items:center;width:30px;height:42px;display:grid;position:absolute;top:76px}.swipe-arrow svg{stroke-width:1.6px;width:23px;height:23px}.swipe-arrow-left{animation:2.2s ease-in-out .7s 2 swipe-arrow-left;left:0}.swipe-arrow-right{animation:2.2s ease-in-out .7s 2 swipe-arrow-right;right:0}@keyframes swipe-arrow-left{0%,to{opacity:.45;transform:translate(0)}45%{opacity:1;transform:translate(-5px)}}@keyframes swipe-arrow-right{0%,to{opacity:.45;transform:translate(0)}45%{opacity:1;transform:translate(5px)}}.position-toolbar{border-bottom:1px solid #99bec71a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.position-toolbar label{text-transform:uppercase;letter-spacing:.05em;margin:0}.position-toolbar select{width:150px;min-height:40px}.position-focus{text-align:center;margin-top:18px}.position-focus h2{margin:0 0 3px;font-size:19px}.position-focus>span{color:var(--app-muted);font-size:var(--font-small)}.donut{border-radius:50%;width:170px;height:170px;margin:46px auto 48px;position:relative}.donut-hole{z-index:1;background:var(--app-bg);text-align:center;border:1px solid #99bec71a;border-radius:50%;place-content:center;display:grid;position:absolute;inset:28px}.donut-hole strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1}.donut-hole span{color:var(--app-muted);font-size:var(--font-micro);text-transform:uppercase;margin-top:3px}.donut-callout{--callout-color:var(--app-muted);z-index:3;min-width:76px;font-size:var(--font-caption);pointer-events:none;gap:1px;line-height:1.15;display:grid;position:absolute}.donut-callout strong{color:var(--callout-color);font-size:var(--font-small)}.donut-callout.attack{--callout-color:var(--app-red);bottom:-24px;left:calc(100% - 8px)}.donut-callout.defense{--callout-color:var(--app-green);top:-24px;left:calc(100% - 8px)}.donut-callout.goalkeeper{--callout-color:var(--app-blue);text-align:right;top:-24px;right:calc(100% - 8px)}.donut-callout.midfield{--callout-color:var(--app-yellow);text-align:right;bottom:-24px;right:calc(100% - 8px)}.zone-breakdown{border-top:1px solid #99bec71a}.zone-breakdown>div{border-bottom:1px solid #99bec713;grid-template-columns:10px 1fr auto 38px;align-items:center;gap:8px;min-height:44px;display:grid}.zone-dot{border-radius:50%;width:7px;height:7px}.zone-breakdown span{font-size:12px}.zone-breakdown time{color:var(--app-muted);font-size:var(--font-caption);font-variant-numeric:tabular-nums}.zone-breakdown strong{text-align:right;font-size:12px}.swipe-hint{color:var(--app-muted);font-size:var(--font-caption);text-align:center;margin:10px 0 0}.position-comparison{border-top:1px solid #99bec71f;margin-top:28px;padding-top:18px}.comparison-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.comparison-heading h2{margin:0;font-size:16px}.comparison-heading span{color:var(--app-muted);font-size:var(--font-caption);text-align:right}.zone-selector{grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;display:grid}.zone-selector button{min-height:34px;color:var(--app-muted);font-size:var(--font-caption);border-color:#99bec71f;padding:3px}.zone-selector button[aria-pressed=true]{background:#ffffff0d;border-color:currentColor}.bar-chart{margin-top:18px}.x-axis{color:var(--app-muted);font-size:var(--font-micro);grid-template-columns:repeat(5,1fr);margin:0 0 5px 80px;display:grid}.x-axis span{text-align:center}.x-axis .axis-start{text-align:left}.x-axis .axis-end{text-align:right}.bar-chart.with-total-time .x-axis{grid-template-columns:repeat(5,minmax(0,1fr)) 68px;column-gap:8px}.x-axis .total-axis-label{color:var(--app-muted);text-align:right;text-transform:uppercase}.bars{border-block:1px solid #99bec729;min-width:0;display:grid}.bar-column{border-bottom:1px solid #99bec712;grid-template-columns:minmax(54px,72px) minmax(0,1fr);align-items:center;gap:8px;min-height:35px;display:grid}.bar-chart.with-total-time .bar-column{grid-template-columns:minmax(54px,72px) minmax(0,1fr) 68px}.bar-column:last-child{border-bottom:0}.bar-track{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#99bec714 calc(25% - 1px) 25%);width:100%;height:17px;position:relative}.bar{opacity:.82;min-width:1px;height:100%;display:block;position:relative}.bar i{color:#061923;font-size:var(--font-micro);place-items:center;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.bar-total-share{background:#edf4f4c7}.bar-track-all{gap:2px;width:100%;display:grid}.bar-thin-track{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#99bec714 calc(25% - 1px) 25%);width:100%;height:3px;display:block}.bar-thin{opacity:.88;min-width:1px;height:100%;display:block}.bar-name{color:var(--app-muted);font-size:var(--font-caption);text-overflow:ellipsis;white-space:nowrap;line-height:1.15;overflow:hidden}.bar-total-time{color:var(--app-text);font-size:var(--font-caption);text-align:right;font-variant-numeric:tabular-nums}.total-position-comparison{margin-top:22px}.total-position-comparison .bar-name{color:var(--app-text);font-size:var(--font-small);font-weight:600}.total-position-comparison .bar-total-time{font-size:var(--font-small)}.takeover-request{border-block:1px solid var(--app-border);align-items:center;gap:12px;margin:34px 0 18px;padding-block:14px;display:flex}.avatar{background:#0d3843;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;display:grid}.takeover-request strong,.takeover-request div span{display:block}.takeover-request strong{font-size:13px}.takeover-request div span{color:var(--app-muted);font-size:var(--font-small);margin-top:3px}.takeover-status{min-height:40px;color:var(--app-muted);font-size:12px}.join-code{color:var(--app-muted);border-block:1px solid var(--app-border);font-size:var(--font-small);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;padding:12px 0;display:flex}.join-code strong{color:var(--app-text);letter-spacing:.12em;font-size:20px}.match-share{border-bottom:1px solid var(--app-border);justify-items:center;gap:9px;padding:18px 0;display:grid}.match-share img{border-radius:4px;width:154px;height:154px;display:block}.match-share p{color:var(--app-muted);font-size:var(--font-caption);text-align:center;margin:0}.match-share input{min-height:36px;font-size:var(--font-caption)}.match-share button{justify-content:center;align-items:center;gap:7px;min-height:36px;display:flex}.match-share button svg{width:15px;height:15px}.match-share>span{color:var(--app-muted);font-size:var(--font-caption)}.takeover-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.summary-total{border-block:1px solid var(--app-border);justify-content:space-between;align-items:baseline;padding:16px 0;display:flex}.summary-total span{color:var(--app-muted);font-size:var(--font-small);text-transform:uppercase}.summary-total strong{font-size:28px}.summary-heading,.summary-row{grid-template-columns:1fr 78px 62px;gap:8px;display:grid}.summary-heading.without-target,.summary-row.without-target{grid-template-columns:1fr 90px}.summary-heading{color:var(--app-muted);font-size:var(--font-caption);padding:12px 0 6px}.summary-row{border-bottom:1px solid #99bec713;align-items:center;min-height:42px;padding:9px 0;font-size:12px}.summary-heading span:nth-child(n+2),.summary-row span:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}.summary-zones{grid-column:1/-1;grid-template-columns:repeat(2,max-content);justify-content:start;gap:5px 16px;margin-top:6px;display:grid}.summary-zones span{color:var(--app-muted);font-size:var(--font-caption);white-space:nowrap;grid-template-columns:5px auto auto;justify-content:start;align-items:center;gap:4px;display:grid;text-align:left!important}.summary-zones i{border-radius:50%;flex:0 0 5px;width:5px;height:5px}.summary-zones strong{color:var(--app-text);font-size:var(--font-caption);margin-left:1px}.event-list{border-top:1px solid var(--app-border)}.event-list>div{color:var(--app-muted);font-size:var(--font-small);border-bottom:1px solid #99bec713;grid-template-columns:52px 1fr;gap:8px;padding:9px 0;display:grid}.event-list p{color:var(--app-muted);font-size:var(--font-small);padding-top:10px}.history-tabs{border-bottom:1px solid var(--app-border);grid-template-columns:repeat(3,1fr);margin:14px 0 8px;display:grid}.history-tabs button{min-height:42px;color:var(--app-muted);font-size:var(--font-small);text-transform:uppercase;letter-spacing:.05em;border:0;border-bottom:2px solid #0000;border-radius:0;font-weight:600}.history-tabs button[aria-selected=true]{color:var(--app-text);border-bottom-color:var(--app-accent)}.history-list{border-top:1px solid #99bec70f}.history-list-row{border-bottom:1px solid #99bec717;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.history-open-match{text-align:left;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;min-height:68px;padding:11px 8px 11px 0;display:flex}.history-open-match>span:first-child{min-width:0}.history-list strong,.history-list small{display:block}.history-open-match>span:first-child strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-list small{color:var(--app-muted);font-size:var(--font-caption);margin-top:4px}.history-open-match>span:last-child{flex:none;align-items:center;gap:5px;display:flex}.history-open-match>span:last-child strong{font-variant-numeric:tabular-nums;font-size:12px}.history-list svg{width:16px;height:16px;color:var(--app-muted)}.history-delete-match{width:36px;min-height:36px;color:var(--app-muted);border-color:#0000;place-items:center;padding:0;display:grid}.history-delete-match svg{color:currentColor}.history-delete-confirm{align-items:center;gap:3px;display:flex}.history-delete-confirm button{min-height:34px;color:var(--app-muted);font-size:var(--font-caption);padding:4px 6px}.history-delete-confirm button:last-child{color:var(--app-red)}.history-back{min-height:34px;color:var(--app-accent);align-items:center;gap:4px;margin:8px 0 14px;padding:3px 0;display:flex}.history-back svg{width:16px;height:16px}.history-total-filter{z-index:5;margin:14px 0 18px;position:relative}.history-total-filter details{position:relative}.history-total-filter summary{min-height:42px;color:var(--app-muted);cursor:pointer;font-size:var(--font-small);border:1px solid #99bec72e;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;list-style:none;display:flex}.history-total-filter summary::-webkit-details-marker{display:none}.history-total-filter summary:after{content:"⌄";color:var(--app-accent);margin-left:8px;font-size:14px}.history-total-filter summary strong{color:var(--app-text);font-size:var(--font-small);margin-left:auto;font-weight:600}.history-total-filter details[open] summary:after{transform:rotate(180deg)}.history-total-options{z-index:10;top:calc(100% + 4px);background:var(--app-surface-2);border:1px solid #99bec72e;max-height:240px;position:absolute;inset-inline:0;overflow-y:auto;box-shadow:0 12px 28px #00000047}.history-total-options label{cursor:pointer;border-bottom:1px solid #99bec714;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;margin:0;padding:7px 10px;display:grid}.history-total-options label:last-child{border-bottom:0}.history-total-options input{width:16px;min-height:16px;accent-color:var(--app-accent);margin:0;padding:0}.history-total-options span{color:var(--app-text);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-total-options time{color:var(--app-muted);font-size:var(--font-caption);font-variant-numeric:tabular-nums}.player-report-builder{padding-top:6px}.report-intro{margin-bottom:22px}.report-controls{border-bottom:1px solid var(--app-border);padding-bottom:22px}.report-controls>h2{margin:0 0 14px;font-size:16px}.report-player-select{margin-top:0}.report-match-filter{margin-top:14px}.report-match-filter summary{min-height:45px;color:var(--app-muted);background:var(--app-surface-2);cursor:pointer;border:1px solid #97beb233;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 11px;font-size:12px;font-weight:600;list-style:none;display:flex}.report-match-filter summary::-webkit-details-marker{display:none}.report-match-filter summary:after{content:"⌄";color:var(--app-accent);margin-left:8px;font-size:14px}.report-match-filter[open] summary:after{transform:rotate(180deg)}.report-match-filter summary strong{color:var(--app-text);font-size:var(--font-small);margin-left:auto}.report-match-options{scrollbar-width:thin;border:1px solid #97beb22e;border-top:0;max-height:230px;overflow-y:auto}.report-match-options label{cursor:pointer;border-bottom:1px solid #99bec714;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:42px;margin:0;padding:7px 10px;display:grid}.report-match-options label:last-child{border-bottom:0}.report-match-options input,.report-section-options input{width:16px;min-height:16px;accent-color:var(--app-accent);margin:0;padding:0}.report-match-options span{color:var(--app-text);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.report-match-options time{color:var(--app-muted);font-size:var(--font-caption);font-weight:400}.report-section-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;display:grid}.report-section-options legend{grid-column:1/-1;margin-bottom:7px}.report-section-options label{min-height:34px;color:var(--app-text);font-size:var(--font-small);cursor:pointer;align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.report-comment{margin-top:16px;position:relative}.report-comment textarea{resize:vertical;min-height:100px;line-height:1.45}.report-comment small{color:var(--app-muted);font-size:var(--font-micro);font-weight:400;position:absolute;bottom:7px;right:8px}.player-report-preview{background:#edf4f40b;border:1px solid #edf4f421;border-radius:6px;margin-top:24px;overflow:hidden}.report-preview-heading{border-bottom:1px solid #99bec71f;padding:22px 20px 17px}.report-preview-heading>span{color:var(--app-accent);font-size:var(--font-micro);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.report-preview-heading h2{margin:6px 0 3px;font-size:24px}.report-preview-heading p{color:var(--app-muted);font-size:var(--font-small);margin:0}.report-summary-grid{border-bottom:1px solid #99bec71f;grid-template-columns:repeat(3,1fr);display:grid}.report-summary-grid>div{text-align:center;border-right:1px solid #99bec71a;min-width:0;padding:15px 10px}.report-summary-grid>div:last-child{border-right:0}.report-summary-grid span,.report-summary-grid strong{display:block}.report-summary-grid span{min-height:26px;color:var(--app-muted);font-size:var(--font-micro);text-transform:uppercase;line-height:1.35}.report-summary-grid strong{color:var(--app-text);font-variant-numeric:tabular-nums;margin-top:4px;font-size:15px}.report-preview-section{border-bottom:1px solid #99bec71f;padding:17px 20px}.report-preview-section:last-child{border-bottom:0}.report-preview-section h3{margin:0 0 11px;font-size:13px}.report-position-list>div{border-bottom:1px solid #99bec712;grid-template-columns:7px minmax(0,1fr) auto 38px;align-items:center;gap:8px;min-height:39px;padding-block:3px;display:grid}.report-position-list>div:last-child{border-bottom:0}.report-position-list i{border-radius:50%;width:6px;height:6px}.report-position-list span{color:var(--app-muted);font-size:var(--font-small)}.report-position-list strong{color:var(--app-text);font-size:var(--font-small);font-variant-numeric:tabular-nums}.report-position-list small{color:var(--app-muted);font-size:var(--font-caption);text-align:right;font-variant-numeric:tabular-nums}.report-target,.report-reference{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px 12px;display:grid}.report-target span,.report-reference span{color:var(--app-muted);font-size:var(--font-small)}.report-target strong,.report-reference strong{font-variant-numeric:tabular-nums;font-size:15px}.report-target small,.report-reference small{color:var(--app-muted);font-size:var(--font-micro);grid-column:1/-1;line-height:1.45}.report-match-list>div{border-bottom:1px solid #99bec712;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding-block:6px;display:flex}.report-match-list>div:last-child{border-bottom:0}.report-match-list span{min-width:0}.report-match-list span:last-child{text-align:right;flex:none}.report-match-list strong,.report-match-list small{display:block}.report-match-list strong{color:var(--app-text);font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-match-list small{color:var(--app-muted);font-size:var(--font-micro);margin-top:3px}.report-coach-comment p{color:var(--app-muted);font-size:var(--font-small);white-space:pre-wrap;margin:0;line-height:1.55}.report-actions{grid-template-columns:1fr 1.35fr;gap:8px;margin-top:14px;display:grid}.report-actions button{font-size:var(--font-small);justify-content:center;align-items:center;gap:7px;padding-inline:8px;display:flex}.report-actions svg{width:15px;height:15px}.report-copy-message{color:var(--app-accent);font-size:var(--font-caption);text-align:center;margin:9px 0 0}.report-manual-copy{margin-top:13px}.report-manual-copy textarea{resize:vertical;min-height:150px;color:var(--app-text);font-size:var(--font-small);line-height:1.45}.report-manual-copy small{color:var(--app-muted);font-size:var(--font-micro);margin-top:5px;font-weight:400;display:block}.report-privacy{color:var(--app-muted);font-size:var(--font-micro);text-align:center;margin:16px 4px 0;line-height:1.45}.help-view{scroll-behavior:smooth}.help-back{min-height:32px;color:var(--app-accent);align-items:center;gap:4px;margin:-5px 0 13px;padding:2px 0;display:flex}.help-back svg{width:16px;height:16px}.help-index{border-block:1px solid var(--app-border);flex-wrap:wrap;gap:7px 12px;margin:17px 0 23px;padding-block:12px;display:flex}.help-index a{color:var(--app-muted);font-size:var(--font-small);text-decoration:none}.help-index a:focus-visible{color:var(--app-text);outline-offset:3px;outline:2px solid #edf4f4b8}.help-section{border-bottom:1px solid #99bec717;padding:0 0 18px;scroll-margin-top:82px}.help-section+.help-section{padding-top:1px}.help-section h2{align-items:center;gap:9px;margin:20px 0 9px;font-size:15px;display:flex}.help-section h2 span{width:25px;height:25px;color:var(--app-accent);flex:0 0 25px;place-items:center;display:grid}.help-section h2 svg{stroke-width:1.8px;width:17px;height:17px}.help-section p,.help-section li,.help-faq p{color:var(--app-muted);font-size:14px;line-height:1.55}.help-section p{margin-bottom:8px}.help-section p:last-child{margin-bottom:0}.help-section strong,.help-faq strong{color:var(--app-text);font-weight:600}.help-section ul{margin:7px 0 0;padding-left:18px}.help-section li+li{margin-top:5px}.help-faq{padding-top:3px}.help-faq h2{margin-bottom:3px}.help-faq details{border-bottom:1px solid #99bec717}.help-faq summary{color:var(--app-text);cursor:pointer;padding:14px 0;font-size:14px;font-weight:600;line-height:1.4}.help-faq details p{margin:-3px 0 14px}.bottom-nav{z-index:20;min-height:calc(58px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);background:radial-gradient(115% 180% at 50% 0,#2c5148 0%,#273e38 52%,#1f312e 100%);border-top:1px solid #97beb229;grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:sticky;bottom:0}.bottom-nav button{min-width:0;min-height:56px;color:var(--app-muted);font-size:var(--font-micro);border:0;border-top:1px solid #0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 1px;line-height:1.2;display:flex}.bottom-nav button span{overflow-wrap:anywhere;max-width:100%}.bottom-nav button[aria-pressed=true]{color:var(--app-text);border-top-color:#43cbb2b8}.bottom-nav button[aria-pressed=true] svg{color:var(--app-accent)}.bottom-nav button[data-accent-icon=true] svg{color:var(--app-orange-bright)}.bottom-nav svg{width:16px;height:16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=480px){.match-mode-selector>div{grid-template-columns:1fr}.match-mode-selector button{align-content:start}.recommendation{flex-direction:column;align-items:stretch;gap:12px}.inline-edit{justify-content:start}.previous-match-setup{flex-wrap:wrap}.setup-player[data-mode=simple]{grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding-block:14px}.setup-player[data-mode=simple] .player-name-input{grid-area:1/1;min-width:0}.setup-player[data-mode=simple] .availability{grid-area:1/2}.setup-player[data-mode=simple] .remove-player{grid-area:1/3}.setup-player[data-mode=simple] .target-time{grid-column:1/-1;justify-content:flex-end}.setup-player[data-mode=simple] .target-time>.sr-only{clip:auto;white-space:normal;width:auto;height:auto;margin-right:auto;position:static}.planned-substitution{grid-template-columns:minmax(0,1fr) auto}.planned-substitution-time{grid-column:1/-1;align-items:baseline;gap:8px;display:flex}.planned-substitution-players{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px}.planned-substitution-players>svg{display:none}.planned-substitution-players strong,.match-plan-summary-list article strong,.match-plan-summary-list article small{white-space:normal;overflow-wrap:anywhere}.report-summary-grid>div{padding-inline:5px}.report-summary-grid span{overflow-wrap:anywhere;min-height:34px}.report-section-options{grid-template-columns:1fr}}@media (width<=360px){.content{padding-inline:14px}.previous-match-setup{flex-direction:column;align-items:stretch}.previous-match-setup button{width:100%}.tactics-board-view{padding-inline:7px}.tactics-frame-controls{grid-template-columns:1fr}.tactics-frame-playback{justify-content:flex-end}.tactics-floating-toolbar{gap:1px;width:calc(100% - 10px);padding-inline:2px}.tactics-toolbar-button{min-height:37px;padding-inline:3px}.tactics-toolbar-button svg{width:16px;height:16px}.tactics-toolbar-button .tool-preview{width:22px}.tactics-tool-overlay{padding-inline:10px}.accordion-content>div{grid-template-columns:1fr}.accordion-content>div>button{width:100%}.match-surface{padding-inline:9px}.match-clock-controls{gap:6px}.match-time strong{font-size:18px}.run-button{padding-inline:8px}.pitch-player{width:64px}.player-list-heading,.player-row{grid-template-columns:minmax(76px,1fr) 62px 44px 60px;gap:5px}.live-time{font-size:18px}.target-time-display{font-size:var(--font-micro)}.player-row>div strong{font-size:16px}.player-row button{font-size:var(--font-caption);padding-inline:4px}}@media (width>=700px){:root{--font-micro:12px;--font-caption:13px;--font-small:14px}body{padding-block:16px}.app-frame,.fatal-error{width:min(100% - 32px,780px)}.app-frame{border:1px solid #99bec71f;border-radius:10px;min-height:calc(100dvh - 32px)}.content{padding:26px 28px 34px}.login-view{padding-top:0}.login-hero{margin-inline:-28px;padding-inline:28px}.match-surface{padding:16px 24px 22px}.pitch{height:min(72vw,580px)}.formation-board{height:min(72vw,560px)}.pitch-player{width:88px}.player-list-heading,.player-row{grid-template-columns:minmax(160px,1fr) 110px 80px 90px;gap:12px}.summary-heading,.summary-row{grid-template-columns:minmax(180px,1fr) 110px 90px}.summary-heading.without-target,.summary-row.without-target{grid-template-columns:minmax(180px,1fr) 120px}.player-report-builder{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:0 24px;display:grid}.player-report-builder>.report-intro{grid-column:1/-1}.player-report-builder>.report-controls{grid-column:1}.player-report-builder>.player-report-preview,.player-report-builder>.dashboard-empty{grid-area:2/2/span 2;margin-top:0}.player-report-builder>.report-actions,.player-report-builder>.report-copy-message,.player-report-builder>.report-privacy{grid-column:1}.bar-column{grid-template-columns:minmax(90px,120px) minmax(0,1fr)}.bar-chart.with-total-time .bar-column{grid-template-columns:minmax(90px,120px) minmax(0,1fr) 82px}.bar-chart.with-total-time .x-axis{grid-template-columns:repeat(5,minmax(0,1fr)) 82px}.x-axis{margin-left:128px}.tactics-board-view{padding-inline:10px}.tactics-workspace{max-width:760px;margin-inline:auto}}@media (width>=700px) and (pointer:coarse){.player-picker>select{display:none}.player-picker-button{width:100%;min-height:45px;color:var(--app-text);background:var(--app-surface-2);text-align:left;border:1px solid #97beb233;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;display:flex}.player-picker-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-picker-button svg{width:17px;height:17px;color:var(--app-muted);flex:none}.player-picker-button[aria-expanded=true]{border-color:#b1d0d67a}.player-picker-menu{z-index:25;background:var(--app-surface-2);border:1px solid #97beb23d;border-radius:4px;max-height:min(260px,38dvh);display:grid;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #00000047}.player-picker-menu button{min-height:44px;color:var(--app-text);text-align:left;border:0;border-bottom:1px solid #99bec71a;border-radius:0;padding:8px 11px}.player-picker-menu button:last-child{border-bottom:0}.player-picker-menu button[aria-selected=true]{color:var(--app-accent);background:#43cbb21a}.pitch-panel{grid-template-columns:minmax(0,1fr) clamp(180px,27%,200px);grid-template-areas:"heading heading""legend bench-heading""pitch bench""hint hint";align-items:start;column-gap:14px;display:grid}.pitch-panel>.pitch-heading{grid-area:heading}.pitch-panel>.time-legend{grid-area:legend}.pitch-panel>.pitch{grid-area:pitch;height:min(72vw,580px)}.pitch-panel>.bench-heading{grid-area:bench-heading;margin:0 1px 9px}.pitch-panel>.bench{scrollbar-width:thin;grid-area:bench;grid-template-columns:1fr;align-content:start;height:min(72vw,580px);padding-block:0;overflow-y:auto}.pitch-panel>.panel-hint{grid-area:hint}.pitch.tactics-pitch{width:100%}.tactics-marker .tactics-marker-name{font-size:1.8px}}@media (width>=1024px){body{padding-block:24px}.app-frame,.fatal-error{width:min(100% - 48px,1040px)}.app-frame{min-height:calc(100dvh - 48px)}.content{padding:30px 38px 40px}.login-view{padding-top:0}.login-hero{margin-inline:-38px;padding-inline:38px}.match-surface{padding:18px 34px 26px}.pitch-panel,.positions-panel{max-width:800px;margin-inline:auto}.pitch{height:620px}.formation-board{max-width:800px;height:620px;margin-inline:auto}.tactics-workspace{max-width:760px}}@media (width>=700px) and (width<=1100px){.report-section-options{grid-template-columns:1fr;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.tactics-workspace{max-width:none}.tactics-animation-launcher{top:env(safe-area-inset-top);z-index:45;background:#1c302b;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px 0;position:sticky}.tactics-animation-launcher>button{min-width:0;min-height:48px;color:var(--app-muted);letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:9px;flex-direction:column;flex:1;gap:3px;padding:5px 6px;font-size:12px;font-weight:500}.tactics-animation-launcher>button svg{stroke-width:1.7px;width:20px;height:20px}.tactics-animation-launcher>button[aria-expanded=true],.tactics-animation-launcher>button[data-focused=true]{color:var(--app-accent);background:#43cbb217}.tactics-animation-launcher>.tactics-expand-button{flex:0 0 44px}.tactics-focus{z-index:46;background:#263d35;border:0;border-radius:12px;padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0005}.tactics-sidebar{display:contents}.tactics-focus{gap:10px;display:grid}.tactics-focus-grid{background:0 0;grid-template-columns:repeat(3,46px);gap:3px}.tactics-focus-grid button{background:#ffffff09;border:0;border-radius:5px;min-height:46px;font-size:15px}.tactics-focus-description{text-align:center;color:var(--app-muted);font-size:13px;display:block}.tactics-sequence{min-width:0;top:calc(62px + env(safe-area-inset-top));z-index:43;background:#1c302b;border-radius:10px;position:sticky}.tactics-sequence[hidden]{display:none}.tactics-frame-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;margin:0}.tactics-frame-list{gap:2px}.tactics-frame-list button,.tactics-frame-playback button{background:0 0;border:0;border-radius:50%;flex:0 0 40px;min-width:40px;min-height:44px}.tactics-frame-list button[aria-selected=true]{color:var(--app-accent);background:#43cbb220}.tactics-frame-playback{gap:0}.tactics-frame-playback button[aria-label=Play]{background:var(--app-accent);color:#132f26}.tactics-step-caption{margin:0;position:relative}.tactics-caption-heading{height:44px;color:var(--app-muted);justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.tactics-caption-heading button{min-height:44px;color:var(--app-muted);background:0 0;border:0;padding:0 4px;font-size:12px}.tactics-caption-heading button[aria-expanded=true]{color:var(--app-accent)}.tactics-caption-heading .tactics-add-frame{color:var(--app-accent);white-space:nowrap;align-items:center;gap:4px;display:flex}.tactics-caption-heading .tactics-delete-frame{flex:0 0 36px;place-items:center;width:36px;padding:0;display:grid}.tactics-caption-heading :is(.tactics-add-frame,.tactics-delete-frame) svg{width:16px;height:16px}.tactics-step-caption textarea{z-index:1;resize:none;background:#263d35;border-radius:10px;width:100%;height:148px;min-height:60px;max-height:35dvh;padding:12px;font-size:16px;line-height:1.45;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #0005}.tactics-step-caption textarea[hidden]{display:none}.tactics-workspace[data-animation=true] .tactics-floating-toolbar{top:calc(152px + env(safe-area-inset-top))}.tactics-stage{min-width:0}.tactics-floating-toolbar{top:calc(62px + env(safe-area-inset-top));width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#1c302b;border:0;border-radius:12px;padding:2px}.tactics-toolbar-button{border:0;border-radius:9px;min-height:44px}.tactics-tool-menu{-webkit-backdrop-filter:none;backdrop-filter:none;background:#263d35;border-radius:14px;box-shadow:0 12px 32px #0005}.tactics-library-overlay{padding:max(16px, env(safe-area-inset-top)) 12px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0006;align-items:center;position:fixed}.tactics-library{background:#1c302b;border:0;border-radius:14px;max-width:600px;max-height:calc(100dvh - 48px)}.tactics-expanded{z-index:100;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:#14251f;position:fixed;inset:0;overflow:auto}.tactics-expanded .tactics-workspace{max-width:1500px;margin:auto}.tactics-stage .pitch.tactics-pitch{display:block}.tactics-expanded .pitch.tactics-pitch{width:min(100%, calc((100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 5 / 7))}.tactics-expanded [data-animation=true] .pitch.tactics-pitch{width:min(100%, calc((100dvh - 290px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 5 / 7))}.tactics-expanded .tactics-floating-toolbar{max-width:620px;margin-inline:auto}@media (width>=700px){.tactics-workspace{grid-template-columns:minmax(0,1fr) 220px;grid-template-areas:"launcher launcher""tools sequence""stage sequence";align-items:start;gap:6px 20px;max-width:calc(71.4286dvh + 18.5714px);margin-inline:auto;display:grid}.tactics-workspace[data-animation=false]{grid-template-columns:minmax(0,1fr);grid-template-areas:"launcher""tools""stage"}.tactics-floating-toolbar{grid-area:tools}.tactics-animation-launcher{grid-area:launcher;justify-content:flex-start}.tactics-animation-launcher>button{flex-direction:row;flex:0 auto;gap:8px;min-height:44px;padding-inline:15px;font-size:14px}.tactics-animation-launcher>.tactics-expand-button{margin-left:auto}.tactics-stage{grid-area:stage}.tactics-sequence{background:0 0;grid-area:sequence;position:sticky;top:70px}.tactics-frame-controls{flex-direction:column-reverse;align-items:stretch;gap:18px;display:flex}.tactics-frame-playback{justify-content:flex-start;gap:8px}.tactics-frame-playback button{min-width:48px;min-height:48px}.tactics-frame-list{flex-wrap:wrap;max-height:180px;overflow-y:auto}.tactics-frame-list button{flex-basis:40px}.tactics-step-caption{margin-top:8px}.tactics-caption-heading{flex-wrap:wrap;gap:0 8px;height:auto;min-height:44px}.tactics-workspace[data-animation=true] .tactics-floating-toolbar{top:calc(62px + env(safe-area-inset-top))}.tactics-step-caption textarea{height:148px}.tactics-stage .pitch.tactics-pitch{width:min(100%,71.4286dvh - 221.429px)}.tactics-expanded .tactics-stage .pitch.tactics-pitch{width:min(100%, calc((100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 5 / 7))}.tactics-expanded .tactics-workspace{grid-template-columns:minmax(0,1fr) 260px;max-width:calc(71.4286dvh + 172.857px)}.tactics-expanded .tactics-workspace[data-animation=false]{grid-template-columns:minmax(0,1fr)}}@media (width>=700px) and (width<=1023px){.tactics-board-view .tactics-workspace[data-animation]{grid-template-columns:minmax(0,1fr) 232px;grid-template-areas:"stage sidebar";align-items:start;gap:18px;max-width:760px;margin-inline:auto;display:grid}.tactics-sidebar{top:calc(8px + env(safe-area-inset-top));flex-direction:column;grid-area:sidebar;gap:12px;min-width:0;display:flex;position:sticky}.tactics-sidebar>*{flex-shrink:0}.tactics-sidebar:has(.tactics-tool-overlay,.tactics-library-overlay){z-index:60}.tactics-sidebar .tactics-animation-launcher{order:0;grid-template-columns:repeat(2,minmax(0,1fr)) 40px;gap:2px;margin:0;display:grid;position:relative;top:auto}.tactics-sidebar .tactics-animation-launcher>button{flex-direction:row;gap:6px;min-height:44px;padding-inline:5px;font-size:12px}.tactics-sidebar .tactics-animation-launcher>button:first-child{grid-area:1/1}.tactics-sidebar .tactics-animation-launcher>button:nth-child(2){grid-area:1/2}.tactics-sidebar .tactics-animation-launcher>button:nth-child(3){grid-area:2/1}.tactics-sidebar .tactics-animation-launcher>button:nth-child(4){grid-area:2/2}.tactics-sidebar .tactics-expand-button{grid-area:1/3/span 2;width:40px;margin:0}.tactics-sidebar .tactics-focus{box-shadow:none;grid-area:3/1/auto/-1;position:static}.tactics-board-view .tactics-sidebar .tactics-floating-toolbar{order:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;position:relative;top:auto}.tactics-sidebar .tactics-sequence{background:0 0;order:2;position:relative;top:auto}.tactics-sidebar .tactics-step-caption textarea{max-height:148px;box-shadow:none;position:static}.tactics-stage{grid-area:stage}.tactics-stage .pitch.tactics-pitch{width:100%}.tactics-tool-overlay{place-items:start end;padding:20px}.tactics-expanded .tactics-workspace[data-animation]{grid-template-columns:minmax(0,1fr) 260px;max-width:920px}}@media (width>=1024px){.tactics-board-view{--tactics-desktop-height:calc(100dvh - 280px);padding:12px}.tactics-board-view .tactics-workspace[data-animation]{height:var(--tactics-desktop-height);max-width:calc(var(--tactics-desktop-height) * 5 / 7 + 334px);grid-template:"stage sidebar"minmax(0,1fr)/minmax(0,1fr) 310px;gap:24px;margin-inline:auto;display:grid}.tactics-sidebar{flex-direction:column;grid-area:sidebar;gap:16px;min-width:0;height:100%;padding:0 4px 12px;display:flex;overflow-y:auto}.tactics-sidebar>*{flex-shrink:0}.tactics-sidebar .tactics-animation-launcher{order:0;grid-template-columns:repeat(4,minmax(0,1fr)) 36px;gap:2px;margin:0;display:grid;position:relative;top:auto}.tactics-sidebar .tactics-animation-launcher>button{flex-direction:column;justify-content:center;padding-inline:4px;font-size:12px}.tactics-sidebar .tactics-expand-button{grid-area:1/5;margin:0;justify-content:center!important}.tactics-board-view .tactics-sidebar .tactics-floating-toolbar{order:1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;position:relative;top:auto}.tactics-sidebar .tactics-sequence{order:2;position:relative;top:auto}.tactics-sidebar .tactics-frame-list{max-height:144px}.tactics-sidebar .tactics-step-caption textarea{max-height:148px;box-shadow:none;position:static}.tactics-board-view .tactics-stage{height:100%;min-height:0}.tactics-board-view .tactics-stage .pitch.tactics-pitch{aspect-ratio:5/7;width:100%;height:100%;max-height:none}.tactics-tool-overlay{place-items:start end;padding:20px}.tactics-expanded{--tactics-desktop-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));overflow:hidden}}@media print{body{background:#fff;padding:0}.app-frame{color:#172126;width:100%;min-height:0;box-shadow:none;background:#fff;border:0;overflow:visible}.app-header,.bottom-nav,.history-view>h1,.history-tabs,.player-report-builder>:not(.player-report-preview){display:none!important}.app-main,.content,.player-report-builder{margin:0;padding:0;display:block}.player-report-preview{color:#172126;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff;border:0;margin:0;display:block}.report-preview-heading,.report-summary-grid,.report-preview-section{border-color:#d8dfe1}.report-preview-heading>span{color:#147a66}.report-preview-heading h2,.report-summary-grid strong,.report-position-list strong,.report-match-list strong{color:#172126}.report-preview-heading p,.report-summary-grid span,.report-position-list span,.report-position-list small,.report-match-list small,.report-coach-comment p,.report-target span,.report-target small,.report-reference span,.report-reference small{color:#53636a}}.team-setup{margin-top:4px}.team-row>.team-setup{grid-area:2/1/auto/-1;min-width:0}.setup-view[data-roster-managed] .setup-player{grid-template-columns:minmax(0,1fr) auto}.setup-view[data-roster-managed] .target-time{grid-column:1/-1}.setup-view[data-roster-managed] .match-roster-name{grid-area:1/1}.bottom-nav{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.team-setup h3{margin:24px 0 12px}.team-players-section>summary{cursor:pointer;min-height:44px;color:var(--app-accent);padding-block:10px;font-size:18px;font-weight:600}.team-players-section>summary:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.team-defaults{border-block:1px solid var(--app-border);margin:18px 0;padding-block:12px}.team-defaults summary{color:var(--app-accent);cursor:pointer;line-height:1.5}.team-setup fieldset,.match-detail-form{border:0;min-width:0;margin:18px 0;padding:0}.team-setup label,.matches-view label{color:var(--app-muted);gap:7px;display:grid}.team-setup select,.team-setup input,.matches-view input,.matches-view select{width:100%;min-width:0;min-height:44px;font-size:16px}.team-setup .team-preferences-toggle{color:var(--app-text);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.team-preferences-toggle input{flex-shrink:0;order:2;width:22px}.team-preferences-toggle small{color:var(--app-muted);margin-top:4px;display:block}.team-roster-row{border-bottom:1px solid #99bec71f;grid-template-columns:minmax(0,1fr) 44px;gap:10px;padding:16px 0;display:grid}.team-roster-row>button,.match-list-actions button{border:0;place-items:center;width:44px;min-height:44px;padding:8px;display:grid}.team-roster-row>button svg,.match-list-actions svg{width:20px;height:20px}.team-player-roles,.team-remove-confirm,.match-delete-confirm{grid-column:1/-1}.team-player-roles summary{min-height:44px;color:var(--app-muted);cursor:pointer;padding:12px 0}.role-choice-list{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.role-choice-list button{min-height:44px;padding:8px 14px}.role-choice-list button[aria-pressed=true]{color:var(--app-accent);background:#43cbb21f}.team-setup-actions,.team-roster-tools{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.team-setup-actions button,.team-roster-tools button{min-height:44px;padding:10px 16px}.new-scheduled-match{align-items:center;gap:10px;min-height:48px;margin:22px 0;display:flex}.matches-list article{border-bottom:1px solid #99bec726;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px 0;display:grid}.match-list-open{text-align:left;background:0 0;border:0;min-width:0;padding:0}.match-list-open strong,.match-list-open span,.match-list-open small{overflow-wrap:anywhere;display:block}.match-list-open strong{margin-bottom:6px;font-size:18px}.match-list-open span{color:var(--app-muted);font-size:14px}.match-list-open small{color:var(--app-accent);margin-top:7px}.matches-list article[data-active=true] .match-list-open,.matches-list article[data-active=true] .match-list-open strong,.matches-list article[data-active=true] .match-list-open span,.matches-list article[data-active=true] .match-list-open small{color:var(--app-orange-bright)}.match-list-actions{align-items:center;display:flex}.match-detail-form>label,.match-detail-form>.field-grid{margin:20px 0}.match-detail-form .team-setup-actions{justify-content:flex-end}.lineup-attention{border-left:3px solid var(--app-yellow);color:var(--app-text);margin:16px;padding:12px 16px}.lineup-attention button{min-height:44px;margin-top:10px}.match-roster-name{align-self:center;min-width:0}.match-roster-name strong{overflow-wrap:anywhere;font-size:18px;display:block}.match-roster-name small{color:var(--app-muted);margin-top:5px;font-size:13px;display:block}@media (width<=480px){.match-list-actions{flex-direction:column}}