: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:#050f15;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050f15;min-width:320px;min-height:100%}body{overscroll-behavior-y:none;background:#050f15;min-width:320px;min-height:100%;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100dvh}:root{--app-bg:#071d28;--app-header:#0b2a38;--app-surface:#0a2430;--app-surface-2:#0c2936;--app-border:#99bec71f;--app-text:#edf4f4;--app-muted:#96adb6;--app-accent:#43cbb2;--app-green:#22bc76;--app-yellow:#f3c85b;--app-red:#ff5366;--app-blue:#59a9ed}.app-frame{width:min(100%,430px);min-height:100dvh;color:var(--app-text);background:var(--app-bg);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:var(--app-bg);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 svg{width:17px;height:17px}.header-meta{text-align:right;min-width:0}.header-meta strong,.header-meta>span{display:block}.header-meta strong{font-size:13px;font-weight:600}.header-meta>span{color:var(--app-muted);margin-top:2px;font-size:11px}.app-header-match{justify-content:flex-start;gap:9px}.app-header-login{background:0 0;border-bottom-color:#0000;width:100%;position:absolute;inset:0 0 auto}.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);gap:5px;margin-top:2px;font-size:10px}.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-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}.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}label,legend{color:var(--app-muted);margin:14px 0 6px;font-size:12px;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 #99bec729;border-radius:4px;outline:none;padding:9px 11px}input:focus,select:focus,textarea:focus{border-color:#b1d0d67a;outline:1px solid #b1d0d647}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:11px}.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(#071d287a 0%,#071d28bd 54%,#071d28f5 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);border:0;border-bottom:2px solid #0000;border-radius:0;padding:7px 3px;font-size:11px}.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);margin-bottom:12px;font-size:11px;line-height:1.45}.auth-link-button{min-height:34px;font-size:10px}.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;padding:3px 4px;font-size:10px}.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);margin-top:4px;font-size:11px;line-height:1.45}.demo-start-button{margin-top:4px}.demo-back-button{margin-top:5px;font-size:11px}.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);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-block:8px;font-size:11px;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}.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);align-items:flex-start;gap:8px;margin:18px 0 0;font-size:11px;line-height:1.45;display:flex}.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:14px 0;display:grid}.team-row>div:first-child strong,.team-row>div:first-child span{display:block}.team-row>div:first-child strong{font-size:15px}.team-row>div:first-child span{color:var(--app-muted);margin-top:3px;font-size:10px}.team-code{text-align:right}.team-code span,.team-code strong{display:block}.team-code span{color:var(--app-muted);text-transform:uppercase;font-size:8px}.team-code strong{letter-spacing:.08em;margin-top:2px;font-size:12px}.team-row>button{grid-column:1/-1;min-height:36px}.assistant-list{border-top:1px solid #99bec714;grid-column:1/-1}.assistant-list>div{min-height:38px;color:var(--app-muted);border-bottom:1px solid #99bec714;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.assistant-list button{min-height:30px;color:var(--app-red);padding-inline:6px;font-size:10px}.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);margin:0 0 10px;font-size:11px;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);margin:0 0 14px;font-size:10px;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-variant-numeric:tabular-nums;font-size:9px}.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;margin:10px 0 0!important;font-size:10px!important}.feedback-status.error{color:var(--app-red)!important}.dashboard-signout{margin-top:12px}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);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;gap:12px;margin:8px 0 4px;padding:9px 0;font-size:10px;display:flex}.setup-match-code strong{color:var(--app-text);letter-spacing:.08em;text-transform:none;font-size:13px}.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(4,1fr);gap:7px;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-details+fieldset{margin-top:26px;padding-top:18px;position:relative}.setup-view .match-details+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 strong,.recommendation span{display:block}.recommendation strong{font-size:13px}.recommendation span{color:var(--app-muted);margin-top:3px;font-size:10px;line-height:1.35}.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{white-space:nowrap;border-color:#99bec72e;min-height:34px;padding:5px 7px;font-size:10px}.setup-view .recommendation+h2{margin-top:32px}.setup-roster{border-top:1px solid var(--app-border)}.roster-save-message{color:var(--app-muted);border-bottom:1px solid #43cbb22e;align-items:center;gap:7px;margin:-2px 0 9px;padding:8px 0;font-size:10px;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:10px;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:11px}.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{margin-top:18px}.match-view{min-height:calc(100dvh - 121px - env(safe-area-inset-top))}.match-tabs{border-bottom:1px solid #99bec71a;grid-template-columns:repeat(3,1fr);padding:9px 12px 0;display:grid}.match-tabs button{min-height:43px;color:var(--app-muted);letter-spacing:.05em;text-transform:uppercase;border:0;border-bottom:2px solid #0000;border-radius:0;font-size:11px;font-weight:600}.match-tabs button[aria-selected=true]{color:var(--app-text);background:#ffffff05;border-bottom-color:#43cbb2b8}.match-surface{padding:12px}.match-status{border-bottom:1px solid #99bec71a;min-height:60px;padding:4px 3px 12px;position:relative}.match-clock-controls{align-items:center;gap:8px;display:flex;position:absolute;top:4px;bottom:12px;left:16.667%;transform:translate(-50%)}.match-time{justify-items:center;gap:1px;display:grid}.match-time span,.swap-countdown>span{color:var(--app-muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;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:8px;line-height:1.2}.run-button{color:#fff;text-transform:uppercase;background:#ff536640;border-color:#ff53667a;min-height:32px;padding:4px 8px;font-size:11px;font-weight:700}.run-button[data-running=false]{background:#168c6840;border-color:#43cbb26b}.swap-countdown{-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:0;flex-direction:column;align-items:center;min-width:100px;min-height:48px;padding:2px 5px;display:flex;position:absolute;top:calc(50% - 4px);left:50%;transform:translate(-50%,-50%)}.swap-countdown strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.05}.swap-countdown small{color:var(--app-muted);font-size:8px}.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}}.controller{color:var(--app-muted);white-space:nowrap;place-content:center;justify-items:center;gap:3px;font-size:10px;display:grid;position:absolute;top:4px;bottom:12px;left:83.333%;transform:translate(-50%)}.controller svg{width:16px;height:16px;color:var(--app-accent)}.pitch-panel{padding-top:10px}.time-legend{color:var(--app-muted);align-items:center;gap:7px;margin:0 0 9px;font-size:10px;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:none;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;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-bottom:1px dashed #ffffff40;justify-content:flex-end;padding:6px 7px;font-size:9px;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:78px;min-height:51px;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;place-content:center;padding:5px 6px;display:grid;position:absolute}.pitch-player strong,.pitch-player span{pointer-events:none;display:block}.pitch-player strong{font-size:12px}.pitch-player span{color:var(--app-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:11px}.pitch-player.selected{background:#f3c85b29}.bench-heading{color:var(--app-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;gap:8px;margin:10px 1px 6px;font-size:9px;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:11px}.bench span{color:var(--app-muted);font-variant-numeric:tabular-nums;margin-top:3px;font-size:10px}.panel-hint{color:var(--app-muted);text-align:center;margin:8px 0 0;font-size:10px}.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:11px;font-weight:600;position:relative}.finish-match-control small{color:var(--app-muted);margin-top:5px;font-size:8px;display:block}.match-finished-message{color:var(--app-text);border-block:1px solid #43cbb233;justify-content:center;align-items:center;gap:7px;margin:24px 0 8px;padding:13px 0;font-size:11px;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) 36px 78px 65px;align-items:center;gap:7px;display:grid}.player-list-heading{min-height:32px;color:var(--app-muted);border-bottom:1px solid #99bec71a;font-size:10px}.player-list-heading span:nth-child(2){text-align:right;grid-column:3}.player-row{border-bottom:1px solid #99bec713;min-height:56px}.player-row.selected{background:#43cbb214}.player-row>div strong,.player-row>div span{display:block}.player-row>div strong{font-size:12px}.player-row>div span{color:var(--app-muted);margin-top:2px;font-size:10px}.time-progress{border-radius:2px;width:100%;height:4px}.total-time{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.player-row button{border-color:#99bec72e;min-height:34px;padding:5px 7px;font-size:11px}.notice{border-left:2px solid var(--app-yellow);margin-top:12px;padding:9px 0 9px 10px}.notice strong,.notice span{display:block}.notice strong{font-size:12px}.notice span{color:var(--app-muted);margin-top:3px;font-size:10px;line-height:1.4}.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:11px}.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);text-transform:uppercase;margin-top:3px;font-size:8px}.donut-callout{--callout-color:var(--app-muted);z-index:3;pointer-events:none;gap:1px;min-width:76px;font-size:9px;line-height:1.15;display:grid;position:absolute}.donut-callout strong{color:var(--callout-color);font-size:11px}.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-variant-numeric:tabular-nums;font-size:10px}.zone-breakdown strong{text-align:right;font-size:12px}.swipe-hint{color:var(--app-muted);text-align:center;margin:10px 0 0;font-size:9px}.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);text-align:right;font-size:9px}.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);border-color:#99bec71f;padding:3px;font-size:9px}.zone-selector button[aria-pressed=true]{color:var(--app-text);background:#ffffff0d;border-color:#99bec747}.bar-chart{margin-top:18px}.x-axis{color:var(--app-muted);grid-template-columns:repeat(5,1fr);margin:0 0 5px 80px;font-size:8px;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)) 48px;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) 48px}.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;place-items:center;font-size:8px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.bar-name{color:var(--app-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1.15;overflow:hidden}.bar-total-time{color:var(--app-text);text-align:right;font-variant-numeric:tabular-nums;font-size:10px}.total-position-comparison{margin-top:22px}.total-position-comparison .bar-name{color:var(--app-text);font-size:11px;font-weight:600}.total-position-comparison .bar-total-time{font-size:11px}.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);margin-top:3px;font-size:11px}.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);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:baseline;padding:12px 0;font-size:11px;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);text-align:center;margin:0;font-size:10px}.match-share input{min-height:36px;font-size:9px}.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:9px}.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);text-transform:uppercase;font-size:11px}.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);padding:12px 0 6px;font-size:10px}.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);white-space:nowrap;grid-template-columns:5px auto auto;justify-content:start;align-items:center;gap:4px;font-size:9px;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);margin-left:1px;font-size:9px}.event-list{border-top:1px solid var(--app-border)}.event-list>div{color:var(--app-muted);border-bottom:1px solid #99bec713;grid-template-columns:52px 1fr;gap:8px;padding:9px 0;font-size:11px;display:grid}.event-list p{color:var(--app-muted);padding-top:10px;font-size:11px}.history-tabs{border-bottom:1px solid var(--app-border);grid-template-columns:1fr 1fr;margin:14px 0 8px;display:grid}.history-tabs button{min-height:42px;color:var(--app-muted);text-transform:uppercase;letter-spacing:.05em;border:0;border-bottom:2px solid #0000;border-radius:0;font-size:11px;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>button{text-align:left;border:0;border-bottom:1px solid #99bec717;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:68px;padding:11px 0;display:flex}.history-list>button>span:first-child{min-width:0}.history-list strong,.history-list small{display:block}.history-list>button>span:first-child strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-list small{color:var(--app-muted);margin-top:4px;font-size:9px}.history-list>button>span:last-child{flex:none;align-items:center;gap:5px;display:flex}.history-list>button>span:last-child strong{font-variant-numeric:tabular-nums;font-size:12px}.history-list svg{width:16px;height:16px;color:var(--app-muted)}.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;border:1px solid #99bec72e;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;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);margin-left:auto;font-size:11px;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);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-total-options time{color:var(--app-muted);font-variant-numeric:tabular-nums;font-size:10px}.bottom-nav{z-index:20;min-height:calc(58px + env(safe-area-inset-bottom));padding:0 5px env(safe-area-inset-bottom);background:#061923;border-top:1px solid #99bec71a;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);border:0;border-top:1px solid #0000;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 1px;font-size:9px;display:flex}.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 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<=360px){.content{padding-inline:14px}.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}.controller span{font-size:9px}.pitch-player{width:70px}.player-list-heading,.player-row{grid-template-columns:minmax(76px,1fr) 30px 70px 60px;gap:5px}.total-time{font-size:10px}.player-row button{padding-inline:4px;font-size:10px}}@media (width>=700px){body{padding-block:24px}.app-frame{border:1px solid #99bec71f;border-radius:10px;min-height:calc(100dvh - 48px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}