/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.absolute{position:absolute}.relative{position:relative}.inset-\[4\%\]{inset:4%}.top-1\/2{top:50%}.top-\[4\%\]{top:4%}.right-\[4\%\]{right:4%}.bottom-\[4\%\]{bottom:4%}.left-1\/2{left:50%}.left-\[4\%\]{left:4%}.z-10{z-index:10}.mx-auto{margin-inline:auto}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.aspect-\[7\/10\]{aspect-ratio:7/10}.h-\[3px\]{height:3px}.h-\[7\%\]{height:7%}.h-\[15\%\]{height:15%}.h-\[22\%\]{height:22%}.min-h-screen{min-height:100vh}.w-\[26\%\]{width:26%}.w-\[31\%\]{width:31%}.w-\[48\%\]{width:48%}.w-full{width:100%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.touch-none{touch-action:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[4px\]{border-style:var(--tw-border-style);border-width:4px}.border-x-\[3px\]{border-inline-style:var(--tw-border-style);border-inline-width:3px}.border-t-\[3px\]{border-top-style:var(--tw-border-style);border-top-width:3px}.border-b-\[3px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-active\:scale-110:is(:where(.group):active *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}*{box-sizing:border-box}body{width:100%;min-width:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.72s linear infinite button-spinner-rotate}#root{width:100%;min-height:100%;overflow-x:hidden}.match-bg{background:radial-gradient(circle at 16% 72%,#8fe625b8,#0000 24%),radial-gradient(circle at 76% 45%,#578243b3,#0000 30%),linear-gradient(135deg,#122427f5,#080b12f5),#101820;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-title-bar{background:#171b29;border-bottom:4px solid #5ccb84;flex:none;min-height:142px;padding:26px 18px 24px;position:relative}.app-title-bar h1{color:#fff;letter-spacing:.18em;text-align:center;text-transform:uppercase;margin:0;font-size:22px;font-weight:950;line-height:1}.header-actions{z-index:20;align-items:flex-start;gap:8px;display:inline-flex;position:absolute;top:18px;right:18px}.language-switch,.header-login-button,.header-user-menu>button,.header-user-menu>span{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:11px;font-weight:950;line-height:1;display:inline-flex}.header-user-menu{align-items:center;gap:8px;display:flex;position:relative}.header-user-menu>span{text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.header-user-menu>button,.header-login-button{cursor:pointer}.header-dropdown-button{justify-content:center;width:34px;padding:0}.user-dropdown{background:#fff;border:1px solid #0f172a1f;gap:6px;min-width:170px;padding:8px;display:grid;position:absolute;top:42px;right:0;box-shadow:0 18px 34px #00000038}.user-dropdown button{color:#273142;text-align:left;text-transform:uppercase;background:#eef0f0;border:0;min-height:34px;font-size:11px;font-weight:900}.language-switch span{font-size:15px}.auth-screen{z-index:10000;background:#080b12b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auth-screen-card{background:#fff;gap:12px;width:min(100%,430px);display:grid;box-shadow:0 24px 60px #00000059}.auth-screen-card>input,.auth-screen-card>button{margin-inline:14px}.auth-screen-card>button:last-of-type{margin-bottom:14px}.pitch-mode-bar{background:#eef0f0;border-bottom:1px solid #0f172a14;flex:none;padding:12px 18px}.pitch-mode-switch{background:0 0;justify-content:center;padding:0}.pitch-mode-switch button{color:#273142;background:#fff;border:1px solid #2e994c2e;min-width:92px}.pitch-mode-switch button.active{color:#fff;background:#5ccb84}.dashboard-shell{background:#eef0f0;flex:auto;min-height:0;overflow:hidden}.tactics-dashboard{max-width:1500px}.content-grid{grid-template-columns:minmax(280px,360px) minmax(360px,1fr);align-items:stretch;gap:18px;height:100%;min-height:0;padding:24px;display:grid;overflow:hidden}.stats-column,.lineup-column{min-width:0;min-height:0}.stats-column{flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-heading,.lineup-header{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#5ccb84;justify-content:space-between;align-items:center;min-height:34px;padding:0 14px;font-size:11px;font-weight:900;display:flex}.lineup-header{min-height:56px;padding:12px 14px}.squad-editor{background:#fff;flex:auto;gap:10px;min-height:0;padding:14px;display:grid;overflow:hidden auto}.squad-row{background:#f8faf9;border:1px solid #e4e9ed;gap:8px;padding:10px;display:grid}.squad-row-header{grid-template-columns:28px 1fr 30px;align-items:center;gap:8px;display:grid}.squad-row-header span{color:#fff;background:#2f3747;border-radius:50%;place-items:center;height:26px;font-size:11px;font-weight:900;display:grid}.squad-row-header strong{color:#273142;text-transform:uppercase;font-size:11px;font-weight:900}.squad-row-header button{color:#fff;background:#5ccb84;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.squad-row-header button:disabled{cursor:not-allowed;background:#cbd5d1}.squad-input-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.squad-input-list input,.extra-player-input input{color:#273142;border:1px solid #dfe4e8;outline:none;min-width:0;height:32px;padding:0 9px;font-size:11px;font-weight:800}.squad-input-list input:focus,.extra-player-input input:focus{border-color:#5ccb84;box-shadow:0 0 0 3px #5ccb8429}.extra-player-input{grid-template-columns:1fr 32px;gap:6px;display:grid}.extra-player-input button{color:#fff;background:#2f3747;border:0;place-items:center;height:32px;display:grid}.mobile-player-editor{display:none}.tactical-shell{grid-template-columns:minmax(240px,280px) minmax(520px,1fr) minmax(240px,300px);gap:16px;height:100%;min-height:0;padding:18px;display:grid}.tactical-panel,.tactic-library-panel{background:#fff;flex-direction:column;min-height:0;display:flex;overflow:hidden}.tactical-controls{grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;display:grid}.tactical-controls button,.tactical-timeline button{color:#fff;text-transform:uppercase;background:#2f3747;border:0;min-height:34px;font-size:11px;font-weight:900}.tactical-controls button:first-child{background:#5ccb84}.tactical-controls button.active{background:#163d2a;box-shadow:inset 0 0 0 2px #5ccb84f2}.tactical-controls button:disabled,.tactical-timeline button:disabled{cursor:not-allowed;opacity:.45}.tactic-library{gap:12px;min-height:0;padding:14px;display:grid}.tactic-library-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tactic-library-actions button:last-child{grid-column:1/-1}.tactic-library-actions button{color:#fff;text-transform:uppercase;background:#173325;border:0;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;font-weight:900;transition:background-color .16s,color .16s,opacity .16s,transform .12s;display:flex}.tactic-library-actions button:first-child{background:#5ccb84}.tactic-library-actions .save-button,.lineup-header-actions .save-button{color:#173325;box-shadow:none;background:linear-gradient(135deg,#facc15,#f59e0b)}.tactic-library-actions .save-button{border:2px solid #ffffffbf;min-height:40px;font-size:12px}.tactic-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;min-height:0;display:grid;overflow-y:auto}.tactic-list>button{color:#273142;text-align:left;background:#eef0f0;border:0;grid-template-columns:1fr auto;align-content:space-between;align-items:start;gap:8px;min-height:86px;padding:14px;display:grid}.tactic-list>button.active{background:#dff6e8;box-shadow:inset 0 4px #5ccb84}.tactic-list span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:950;overflow:hidden}.tactic-list small{color:#647074;grid-column:1;font-size:10px;font-weight:800}.tactic-list span[role=button]{color:#dc2626;grid-area:1/2/span 2;place-items:center;width:24px;height:24px;display:grid}.tactical-timeline{gap:8px;min-height:0;padding:0 14px 14px;display:grid;overflow-y:auto}.tactical-timeline button{color:#273142;background:#eef0f0;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.tactical-timeline button.active{color:#fff;background:#5ccb84}.tactical-timeline button span{width:20px;height:20px;color:inherit;background:#1118272e;border-radius:50%;place-items:center;font-size:11px;display:grid}.tactical-timeline .add-frame-button{color:#fff;background:#173325;justify-content:center;gap:6px}.tactical-timeline .clear-frames-button{color:#991b1b;background:#fee2e2;justify-content:center;gap:6px}.tactical-help{color:#647074;margin:auto 14px 14px;font-size:12px;font-weight:700;line-height:1.45}.tactical-tray{background:#0f332247;border:1px solid #ffffff2e;gap:8px;padding:14px;display:grid}.tactical-tray span{color:#fff;text-transform:uppercase;font-size:11px;font-weight:900}.tactical-tray-list{flex-wrap:wrap;gap:7px;display:flex}.tactical-tray-dot{color:#111827;cursor:grab;touch-action:none;background:#f8fafc;border:2px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:950;display:grid;box-shadow:0 4px 10px #11182724}.tactical-tray-dot.opponent{background:#dc2626}.tactical-stage{background:#43ad5e;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.tactical-side-tray{align-content:center;align-self:stretch;gap:12px;min-height:0;display:grid;overflow-y:auto}.tactical-side-tray .tactical-tray{padding:10px}.tactical-side-tray .tactical-tray-list{justify-content:center}.tactical-pitch{aspect-ratio:7/10;touch-action:pan-y;background:repeating-linear-gradient(0deg,#ffffff0e 0 58px,#0000000a 58px 116px),linear-gradient(135deg,#37a84f 0%,#2e9849 50%,#2a8841 100%);border:4px solid #fffc;justify-self:center;max-width:100%;height:min(100%,640px);position:relative;overflow:hidden}.tactical-marker-shell{z-index:12;cursor:grab;touch-action:none;position:absolute;transform:translate(-50%,-50%)}.tactical-marker-shell:active{cursor:grabbing}.tactical-marker-shell.is-dragging{opacity:0}.tactical-marker{color:#111827;background:#f8fafc;border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:grid;box-shadow:0 10px 18px #00000047}.tactical-marker.ball-marker{background:radial-gradient(circle at 30% 30%,#fff 0 20%,#0000 21%),#facc15;border:2px solid #111827;width:24px;height:24px}.tactical-marker.opponent-marker{background:#dc2626;border-width:2px;width:28px;height:28px}.tactical-drag-preview{z-index:9999;color:#111827;pointer-events:none;background:#f8fafc;border:3px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:15px;font-weight:950;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 10px 18px #00000047}.tactical-drag-preview.opponent{background:#dc2626;border-width:2px;width:28px;height:28px}.tactical-drag-preview.ball{background:radial-gradient(circle at 30% 30%,#fff 0 20%,#0000 21%),#facc15;border:2px solid #111827;width:24px;height:24px}.locker-room{grid-template-columns:minmax(360px,1fr);gap:18px;height:100%;min-height:0;padding:24px;display:grid}.locker-panel{background:#fff;flex-direction:column;min-height:0;display:flex;overflow:hidden}.auth-card,.lineup-save-bar{gap:10px;padding:14px;display:grid}.auth-card p{color:#273142;margin:0;font-size:13px;font-weight:800}.auth-mode-switch{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.auth-card input,.auth-screen-card input,.lineup-save-bar input{color:#273142;border:1px solid #d9dee3;outline:none;min-height:36px;padding:0 10px;font-size:12px;font-weight:800}.auth-card button,.auth-screen-card button,.lineup-save-bar button,.saved-lineup-actions button{color:#fff;text-transform:uppercase;background:#173325;border:0;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:11px;font-weight:900;display:inline-flex}.auth-mode-switch button{color:#273142;background:#eef0f0}.auth-mode-switch button.active,.lineup-save-bar button{color:#fff;background:#5ccb84}.auth-card button:disabled,.auth-screen-card button:disabled,.lineup-save-bar button:disabled,.saved-lineup-actions button:disabled,.tactic-library-actions button:disabled{cursor:not-allowed;opacity:.58}.google-auth-button{background:#2f3747!important}.locker-message{color:#647074;margin:0;padding:14px;font-size:12px;font-weight:800;line-height:1.45}.inline-save-status{color:#fff;text-transform:uppercase;background:#17332529;margin:0;padding:8px 12px;font-size:11px;font-weight:900;line-height:1.35}.tactical-save-status{color:#173325;background:#dff6e8;margin:0 14px 12px}.locker-category-switch{flex-wrap:wrap;gap:8px;padding:0 14px 14px;display:flex}.locker-category-switch button{color:#273142;text-transform:uppercase;background:#eef0f0;border:0;border-radius:999px;min-height:32px;padding:0 12px;font-size:10px;font-weight:900}.locker-category-switch button.active{color:#fff;background:#173325}.saved-lineup-list{gap:10px;min-height:0;padding:0 14px 14px;display:grid;overflow-y:auto}.saved-lineup-card{background:#eef0f0;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.saved-lineup-card strong,.saved-lineup-card span,.saved-lineup-card time{display:block}.saved-lineup-thumbnail{aspect-ratio:7/10;-o-object-fit:cover;object-fit:cover;background:#2e9849;width:74px}.saved-lineup-thumbnail-placeholder{color:#fff;text-align:center;text-transform:uppercase;place-items:center;padding:8px;font-size:9px;font-weight:950;line-height:1.2;display:grid}.saved-lineup-card strong{color:#273142;font-size:13px;font-weight:950}.saved-lineup-card span,.saved-lineup-card time{color:#647074;margin-top:4px;font-size:11px;font-weight:800}.saved-lineup-actions{gap:8px;display:flex}.saved-lineup-actions button:last-child{color:#991b1b;background:#fee2e2;width:34px}.lineup-column{background:#43ad5e;flex-direction:column;align-self:start;height:100%;display:flex;overflow:hidden}.pitch-size-switch,.formation-switch{background:#43ad5e;align-items:center;gap:8px;padding:10px 12px;display:flex}.custom-formation-switch{justify-content:space-between}.pitch-size-switch{padding-bottom:0}.header-pitch-size-switch{background:0 0;justify-content:center;margin-top:18px;padding:0}.header-pitch-size-switch button{background:#ffffff1a;border:1px solid #ffffff2e;min-width:72px}.app-tab-switch{align-items:center;gap:8px;margin-top:20px;display:flex}.lineup-tab-menu{position:relative}.app-tab-switch>button,.lineup-tab-trigger{color:#eaffef;text-transform:uppercase;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;min-height:34px;padding:0 16px;font-size:11px;font-weight:900}.lineup-tab-trigger{align-items:center;gap:8px;display:inline-flex}.lineup-tab-trigger span{color:#ffffffbd;font-size:10px}.app-tab-switch>button.active,.lineup-tab-trigger.active{color:#fff;background:#5ccb84}.lineup-format-menu{z-index:30;background:#fff;border:1px solid #0f172a1f;gap:6px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 34px #00000038}.lineup-format-menu button{color:#273142;text-align:left;text-transform:uppercase;background:#eef0f0;border:0;min-height:34px;font-size:11px;font-weight:900}.lineup-format-menu button.active{color:#fff;background:#5ccb84}.pitch-size-switch button,.formation-switch button{color:#eaffef;background:#ffffff29;border:0;min-height:30px;padding:0 10px;font-size:11px;font-weight:900}.pitch-size-switch button.active,.formation-switch button.active{color:#2e994c;background:#fff}.draw-history-actions{gap:8px;margin-left:auto;display:flex}.draw-history-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.draw-history-actions button:disabled{cursor:not-allowed;opacity:.45}.custom-lineup-control{background:#43ad5e;justify-content:center;align-items:center;padding:0 12px 10px;display:flex}.custom-lineup-control label{color:#fff;text-transform:uppercase;background:#ffffff29;border-radius:999px;align-items:center;gap:10px;padding:6px 10px 6px 14px;font-size:11px;font-weight:900;display:inline-flex}.custom-lineup-control input{color:#2e994c;text-align:center;background:#fff;border:0;border-radius:999px;outline:none;width:72px;height:30px;font-size:13px;font-weight:950}.lineup-stage{background:#43ad5e;flex:auto;align-items:center;min-height:0;padding:14px;display:grid;overflow:hidden}.custom-lineup-stage{grid-template-columns:86px minmax(0,1fr);gap:12px}.custom-side-tray{align-content:center;align-self:stretch;gap:10px;min-height:0;display:grid;overflow:hidden}.custom-player-tray,.opponent-tray{background:#0f332247;border:1px solid #ffffff2e;gap:7px;padding:8px;display:grid}.custom-player-tray>span,.opponent-tray>span{color:#eaffef;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:900}.custom-player-dot-list,.opponent-dot-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.custom-player-dot{color:#111827;cursor:grab;touch-action:none;background:linear-gradient(135deg,#f8fafc 0%,#d7dee7 100%);border:2px solid #fff;border-radius:50%;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;font-size:10px;font-weight:950;display:grid;box-shadow:0 5px 9px #0000003d,inset 0 2px #ffffffad}.custom-player-dot.placed{opacity:.45}.opponent-dot,.opponent-pitch-dot{cursor:grab;touch-action:none;background:#dc2626;border:2px solid #fff;border-radius:50%;width:18px;min-width:18px;height:18px;min-height:18px;box-shadow:0 5px 9px #0000003d,inset 0 2px #ffffff3d}.opponent-dot{padding:0}.opponent-dot.placed{opacity:.45}.opponent-pitch-dot{z-index:12;padding:0;position:absolute;transform:translate(-50%,-50%)}.opponent-dot:active,.opponent-pitch-dot:active{cursor:grabbing}.opponent-pitch-dot.dragging{opacity:0}.drag-preview{z-index:9999;pointer-events:none;opacity:.9;filter:drop-shadow(0 10px 16px #00000052);place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%)}.drag-preview.player-preview{color:#111827;background:linear-gradient(135deg,#f8fafc 0%,#d7dee7 100%);border:2px solid #fff;border-radius:50%;width:28px;height:28px;font-size:11px;font-weight:950}.drag-preview.opponent-preview{background:#dc2626;border:2px solid #fff;border-radius:50%;width:20px;height:20px}.pitch{touch-action:pan-y;background:repeating-linear-gradient(0deg,#ffffff0e 0 58px,#0000000a 58px 116px),linear-gradient(135deg,#37a84f 0%,#2e9849 50%,#2a8841 100%);flex:0 auto;align-self:center;width:auto;max-width:100%;height:clamp(400px,100vh - 270px,700px);min-height:0;margin-bottom:18px}.lineup-stage .pitch{justify-self:center;height:min(100%,700px);margin-bottom:0}.custom-lineup-stage .pitch{height:min(100%,640px)}.pitch:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 40px #00000024}.kit-disc{aspect-ratio:1;color:#111827;background:radial-gradient(circle at 32% 24%,#fffffff2,#0000 20%),linear-gradient(135deg,#f8fafc 0%,#d7dee7 100%);border:2px solid #fff;border-radius:50%;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 18px #00000057,inset 0 -5px #0f172a1f,inset 0 4px #fffc}.player-token{appearance:none;cursor:grab;touch-action:none;background:0 0;border:0;padding:0}.player-token:active{cursor:grabbing}.player-token.dragging{opacity:0}.kit-disc:before{content:"";z-index:-1;filter:blur(2px);background:#0c371d5c;border-radius:999px;position:absolute;inset:-6px}.kit-number{z-index:1;color:inherit;text-shadow:0 1px #ffffff8c,0 2px 4px #00000038;font-size:13px;font-weight:950;line-height:1;position:relative}.token-name,.bench-list small{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 1px 4px #000000b3;background:#102a1994;border-radius:999px;max-width:86px;margin-top:5px;padding:3px 7px;font-size:9px;font-weight:900;line-height:1.1;box-shadow:0 5px 10px #00000024,inset 0 1px #fff3}.bench-list{justify-content:center;gap:4px;max-width:190px;margin-top:2px;display:flex}.bench-list small{color:#d9ffe6;text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:8px;overflow:hidden}.lineup-header-actions{gap:12px;display:flex}.lineup-header-actions button{color:#fff;text-transform:uppercase;background:#ffffff38;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:10px;font-weight:900;transition:background-color .16s,border-color .16s,color .16s,opacity .16s,transform .12s;display:inline-flex}.lineup-header-actions button:disabled{cursor:not-allowed;opacity:.45}.lineup-header-actions button:not(:disabled):hover,.lineup-footer-actions button:not(:disabled):hover,.tactic-library-actions button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.lineup-header-actions button:not(:disabled):active,.lineup-footer-actions button:not(:disabled):active,.tactic-library-actions button:not(:disabled):active{filter:brightness(.96);transform:translateY(1px)}.lineup-header-actions button:focus-visible,.lineup-footer-actions button:focus-visible,.tactic-library-actions button:focus-visible{outline-offset:3px;outline:3px solid #facc15bf}.lineup-header-actions button:last-child{background:#2f3747}.lineup-header-actions button:first-child{color:#fff;background:#5ccb84}.lineup-header-actions .save-button{border:2px solid #ffffffc7;min-height:42px;padding:8px 16px;font-size:11px}.lineup-footer-actions{background:#43ad5e;justify-content:flex-end;gap:10px;margin-top:auto;padding:8px 12px 12px;display:flex}.lineup-footer-actions button{color:#fff;text-transform:uppercase;background:#ffffff38;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:8px 14px;font-size:10px;font-weight:900;transition:background-color .16s,color .16s,opacity .16s,transform .12s;display:inline-flex}.lineup-footer-actions .share-button{color:#2e994c;background:#fff}.lineup-footer-actions .download-button{background:#173325}.lineup-footer-actions .draw-button.active{color:#173325;background:#facc15}.draw-layer{z-index:9;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.draw-hit-layer{z-index:40;cursor:crosshair;touch-action:none;position:absolute;inset:0}.pitch.draw-mode{cursor:crosshair;touch-action:none}.pitch.draw-mode .player-token,.pitch.draw-mode .opponent-pitch-dot{cursor:crosshair}@media (width<=900px){.match-bg{height:auto;min-height:100dvh;overflow:hidden visible}.dashboard-shell{min-height:0;overflow:clip visible}.content-grid{grid-template-columns:1fr;gap:14px;height:auto;overflow:clip visible}.stats-column,.lineup-column{height:auto;max-height:none;overflow-y:visible}.lineup-column{order:1;padding-bottom:24px;position:static;overflow-x:clip}.stats-column{order:2;overflow-x:hidden}.mobile-player-editor{background:#43ad5e;gap:10px;padding:10px 12px 12px;display:grid}.mobile-player-editor-top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.mobile-player-editor-top label{color:#eaffef;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.mobile-player-editor select,.mobile-player-editor input{color:#273142;background:#fffffff5;border:1px solid #ffffff61;border-radius:0;outline:none;min-width:0;height:34px;padding:0 10px;font-size:12px;font-weight:850}.mobile-player-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobile-extra-player-input{grid-column:1/-1;grid-template-columns:1fr 34px;gap:8px;display:grid}.mobile-extra-player-input button,.mobile-add-player{color:#fff;text-transform:uppercase;background:#2f3747;border:0;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;font-weight:900;display:inline-flex}.mobile-add-player{grid-column:1/-1}.lineup-header{align-items:flex-start;gap:10px;padding:10px 12px}.lineup-header-actions{justify-content:flex-end;gap:8px;width:100%}.lineup-footer-actions{background:#43ad5e;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;display:grid}.lineup-footer-actions button{color:#fff;text-transform:uppercase;background:#ffffff38;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:38px;padding:0 10px;font-size:10px;font-weight:900;display:inline-flex}.formation-switch,.custom-side-tray,.custom-player-tray,.opponent-tray{min-width:0;max-width:100%;overflow:visible}.formation-switch{flex-wrap:wrap}.formation-switch button{flex:0 auto}.pitch{width:min(100% - 96px,520px);height:auto;min-height:520px;max-height:none;margin-bottom:0}}@media (width<=640px){.match-bg{padding:0}.app-title-bar h1{letter-spacing:.12em;font-size:17px}.app-title-bar{min-height:96px;padding:54px 12px 16px}.header-actions{justify-content:flex-end;top:12px;left:12px;right:12px}.header-user-menu>span{max-width:120px}.pitch-mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,320px);display:grid}.pitch-mode-switch button{min-width:0}.content-grid{padding:12px}.panel-heading,.lineup-header{min-height:40px}.lineup-header{flex-direction:column}.lineup-footer-actions button{min-height:36px;padding:0 8px;font-size:9px}.formation-switch{padding:9px 10px}.custom-lineup-stage{grid-template-columns:66px minmax(0,1fr);gap:8px;padding:10px}.custom-player-tray,.opponent-tray{gap:6px;padding:7px}.custom-player-dot-list,.opponent-dot-list{gap:5px}.custom-player-dot{width:22px;min-width:22px;height:22px;min-height:22px;font-size:9px}.opponent-dot,.opponent-pitch-dot{width:16px;min-width:16px;height:16px;min-height:16px}.custom-player-dot-list,.opponent-dot-list{flex-wrap:wrap;width:100%;min-width:0}.squad-input-list{grid-template-columns:1fr}.stats-column{display:none}.pitch{width:min(100vw - 112px,420px);min-height:0}}@media (width<=380px){.app-title-bar h1{letter-spacing:.08em;font-size:15px}.content-grid{padding:10px}.lineup-footer-actions button{gap:4px;padding:0 6px;font-size:8px}.mobile-player-inputs{grid-template-columns:1fr}.pitch{width:min(100vw - 96px,360px)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}