/* Soccersim Formation component - consolidated from legacy release patches. */
.goal-match-table .formation-cell{text-align:left;}
.formation-card{padding:0 0 18px;}
.formation-toolbar{justify-content:space-between;flex-wrap:wrap;}
.formation-select-row{display:flex;align-items:center;flex-wrap:wrap;}
.formation-select-row label{font-weight:700;}
.formation-select-row select{border:1px solid #ccd7cf;color:#24302a;}
.setting-row select{border:1px solid #ccd7cf;background:#fff;color:#24302a;}
.formation-inline-icons{display:flex;align-items:center;gap:6px;}
.icon-square-btn{border:1px solid #cad4ce;border-radius:4px;cursor:pointer;}
.formation-tabs{display:flex;align-items:center;flex-wrap:wrap;}
.formation-tab{text-decoration:none;color:#2d7dc0;}
.formation-main-grid{display:grid;}
.formation-settings{display:flex;flex-direction:column;}
.setting-row{display:flex;flex-direction:column;}
.setting-row label{font-weight:700;color:#2e3b35;}
.formation-side-columns{display:flex;flex-direction:column;}
.formation-side-columns.right{align-items:flex-start;}
.formation-list-item{display:flex;align-items:center;}
.formation-list-item span{min-width:18px;color:#7b857e;font-weight:700;}
.formation-field-board:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.15);}
.formation-field-board:after{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.15);}
.formation-field-board:before{top:25%;}
.formation-field-board:after{top:75%;}
.field-circle{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);}
.field-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.field-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;}
.formation-card{border-radius:3px;}
.formation-card .team-card-title{min-height:38px;text-transform:none;font-size:12px;font-weight:500;}
.formation-topline{padding:10px 14px 7px;font-size:10.9px;color:#29342d;}
.formation-topline a{color:#2478bb;text-decoration:none;font-weight:600;}
.formation-next-competition{color:#333e37;font-weight:500;margin-left:4px;}
.formation-select-row{gap:6px;}
.formation-select-row label{font-size:10.8px;}
.formation-select-row select{height:29px;font-size:10.6px;padding:0 8px;border-radius:3px;}
.setting-row select{height:29px;font-size:10.6px;padding:0 8px;border-radius:3px;}
.icon-square-btn{font-size:11px;padding:0;}
.formation-tab{border-radius:3px 3px 0 0;font-size:10.5px;}
.setting-row{gap:4px;}
.setting-row label{font-size:10.8px;}
.formation-squad-count{margin-top:2px;padding-top:7px;}
.formation-list-item{font-size:9.6px;line-height:1.15;white-space:nowrap;}
.formation-list-item b{min-width:0;overflow:visible;text-overflow:clip;color:#2c3730;white-space:normal!important;overflow-wrap:anywhere;}
.formation-list-item .formation-side-code{text-align:center;color:#59665e;font-weight:700;}
.formation-tier-icon{margin-left:auto;flex:0 0 auto;}
.formation-person{position:relative;width:12px;height:14px;flex:0 0 12px;display:inline-block;}
.formation-person:before{content:"";position:absolute;left:4px;top:0;width:5px;height:5px;border-radius:50%;border:1px solid #a87336;}
.formation-person:after{content:"";position:absolute;left:2px;top:6px;width:9px;height:7px;border-radius:5px 5px 2px 2px;background:#e8b45e;border:1px solid #a87336;}
.formation-field-board{border-radius:0;}
.formation-field-board:before{display:none;}
.formation-field-board:after{display:none;}
.field-penalty{position:absolute;left:50%;transform:translateX(-50%);}
.field-goal{position:absolute;left:50%;transform:translateX(-50%);}
.formation-page-shell{width:min(1080px,calc(100% - 18px));}
.formation-card{padding-bottom:10px;}
.formation-toolbar{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:end;padding:0 14px 9px;}
.formation-select-row{align-self:end;}
.formation-select-row select{min-width:102px;border-color:#c9d4cc;background:#fff;}
.formation-tabs{justify-content:flex-end;align-self:end;gap:2px;border-bottom:1px solid #dfe6e1;}
.formation-tab{margin-bottom:-1px;padding:9px 12px;border:1px solid transparent;border-bottom:0;}
.formation-tab.active{background:#fff;border-color:#dfe6e1;border-bottom-color:#fff;color:#146f35;font-weight:600;}
.formation-main-grid{grid-template-columns:300px minmax(0,1fr);gap:16px;padding:0 14px;}
.formation-settings{gap:8px;}
.formation-settings .setting-row select{width:100%;}
.formation-lineup-panel{display:grid;}
.formation-side-columns{min-width:0;}
.formation-unit-list h4{margin:0 0 4px;font-size:10.9px;color:#24332a;font-weight:800;}
.formation-list-item{min-height:20px;padding:1px 2px;gap:4px;border-radius:2px;cursor:grab;user-select:none;transition:background .12s ease,color .12s ease;}
.formation-list-item:hover{background:#f1f7f2;}
.formation-list-item:active{cursor:grabbing;}
.formation-list-item.active-player b{color:#18291e;}
.formation-list-item.active-player:before{content:"";width:2px;height:12px;background:#198f3f;border-radius:2px;flex:0 0 2px;}
.formation-list-item:not(.active-player):before{content:"";width:2px;height:12px;flex:0 0 2px;}
.formation-list-item .formation-side-code{min-width:18px;width:18px;font-size:8.8px;}
.formation-tier-icon{width:12px!important;height:14px!important;}
.formation-field-board{touch-action:none;}
.field-penalty{border-width:2px;}
.field-goal{border-width:2px;}
.field-six-yard{position:absolute;left:50%;transform:translateX(-50%);}
.field-circle{border-width:2px;}
.field-center-dot{position:absolute;left:50%;top:50%;background:#fff;border-radius:50%;transform:translate(-50%,-50%);}
.field-player{z-index:5;gap:0;min-width:48px;user-select:none;}
.field-player.dragging{z-index:20;}
.field-person-wrap{display:flex;align-items:center;justify-content:center;gap:1px;height:16px;}
.field-player .formation-person{width:10px;height:13px;flex-basis:10px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.22));}
.field-player .formation-person:before{left:3px;width:4px;height:4px;}
.field-player .formation-person:after{left:1px;top:5px;width:8px;height:7px;background:#e7a85e;border-color:#895e29;}
.formation-field-status-slot{display:inline-flex;align-items:center;justify-content:center;gap:1px;width:auto;min-width:11px;height:11px;flex:0 0 auto;line-height:0;}
.formation-field-status-icon{display:block;width:10px;height:10px;max-width:10px;max-height:10px;object-fit:contain;image-rendering:auto;}
.formation-field-status-icon.injury{width:11px;height:11px;max-width:11px;max-height:11px;}
.field-player b{max-width:58px;font-size:8px;line-height:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);font-weight:800;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;white-space:normal!important;}
.formation-drop-hint{position:absolute;left:50%;top:50%;z-index:30;transform:translate(-50%,-50%);padding:6px 9px;border:1px dashed rgba(255,255,255,.95);background:rgba(10,72,30,.82);color:#fff;border-radius:3px;font-size:9px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .12s ease;}
.formation-drop-hint.show{opacity:1;}
.formation-squad-count{grid-column:1/-1;margin:0;padding:8px 0 0;border-top:1px solid #e3e9e5;color:#657269;font-size:9.8px;}
.formation-squad-count span{margin-left:7px;}
.icon-square-btn{display:grid;place-items:center;width:20px;height:20px;border-color:#cbd5cf;background:#fff;color:#2478bb;font-weight:800;}
.icon-square-btn:hover{border-color:#198f3f;color:#198f3f;}
.formation-tabs .formation-tab.disabled{color:#9aa39d;background:#f4f6f4;border-color:#e3e8e4;cursor:default;pointer-events:none;user-select:none;}
.formation-tabs .formation-tab.disabled:hover{color:#9aa39d;background:#f4f6f4;}
.formation-field-board{width:324px;height:402px;min-height:402px;border:1px solid #56794e;background:
    linear-gradient(90deg,rgba(255,255,255,.025) 50%,rgba(0,0,0,.018) 50%),
    repeating-linear-gradient(0deg,#5d9c39 0,#5d9c39 25px,#639f3d 25px,#639f3d 50px);background-size:48px 100%,100% 100%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 0 24px rgba(24,72,18,.16),0 1px 2px rgba(24,62,30,.08);}
.field-penalty{width:64%;height:20.5%;border:2px solid rgba(255,255,255,.96);box-sizing:border-box;}
.field-penalty.top{top:1px;border-top:0;}
.field-penalty.bottom{bottom:1px;border-bottom:0;}
.field-penalty:after{content:"";position:absolute;left:50%;width:66px;height:31px;transform:translateX(-50%);border:2px solid rgba(255,255,255,.96);box-sizing:border-box;}
.field-penalty.top:after{bottom:-31px;border-top:0;border-radius:0 0 40px 40px;}
.field-penalty.bottom:after{top:-31px;border-bottom:0;border-radius:40px 40px 0 0;}
.field-six-yard{width:36%;height:10%;border:2px solid rgba(255,255,255,.96);box-sizing:border-box;}
.field-six-yard.top{top:1px;border-top:0;}
.field-six-yard.bottom{bottom:1px;border-bottom:0;}
.field-goal{z-index:2;width:19%;height:4.8%;border:2px solid rgba(255,255,255,.98);box-sizing:border-box;background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.30) 0,rgba(255,255,255,.30) 1px,transparent 1px,transparent 7px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.26) 1px,transparent 1px,transparent 6px),
    rgba(255,255,255,.045);}
.field-goal.top{top:1px;border-top:0;}
.field-goal.bottom{bottom:1px;border-bottom:0;}
.field-circle{width:82px;height:82px;border:2px solid rgba(255,255,255,.96);}
.field-line{height:2px;background:rgba(255,255,255,.96);}
.field-center-dot{width:5px;height:5px;}
.formation-side-columns{gap:9px;}
.formation-list-item{padding-left:0;padding-right:0;}
.formation-unit-list h4{margin-bottom:3px;}
.formation-lineup-panel{grid-template-columns:142px 324px 46px 140px;gap:8px;align-items:start;justify-content:start;}
.formation-field-board{position:relative;overflow:hidden;}
.field-player{cursor:grab;touch-action:auto;}
.field-player:active{cursor:grabbing;}
.field-player.dragging{opacity:.68;cursor:grabbing;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25));}
.field-empty-slot{position:absolute;z-index:4;transform:translate(-50%,-50%);min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;pointer-events:none;}
.field-empty-slot span{display:grid;place-items:center;min-width:20px;height:16px;padding:0 4px;border:1px dashed rgba(255,255,255,.9);border-radius:9px;background:rgba(16,73,28,.42);color:#fff;font-size:7px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.55);}
.field-empty-slot b{color:rgba(255,255,255,.88);font-size:7px;line-height:9px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.7);}
.formation-bank-drop{width:46px;height:402px;min-height:402px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1px dashed #9fbaaa;border-radius:3px;background:linear-gradient(180deg,#f8fbf8 0%,#edf5ef 100%);color:#357146;user-select:none;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,color .12s ease;}
.formation-bank-drop span{font-size:12px;line-height:1.5;font-weight:900;text-align:center;letter-spacing:.04em;}
.formation-bank-drop small{font-size:7.5px;line-height:1;font-weight:800;letter-spacing:.08em;color:#7b8b80;}
.formation-bank-drop.is-over{border-color:#168b3a;background:#dff1e3;color:#117c32;box-shadow:inset 0 0 0 2px rgba(22,139,58,.12);}
.formation-remove-list{border-radius:3px;transition:background .12s ease,box-shadow .12s ease;}
.formation-remove-list.is-over{background:#eef7f0;box-shadow:inset 0 0 0 1px #b6d6bf;}
.formation-drop-hint{white-space:nowrap;}
.formation-squad-count span{color:#728078;}
.formation-person:before{background:#efb15f;border-color:#9a6427;}
.field-player .formation-person:before{background:#efb15f;border-color:#9a6427;}
.formation-person.role-d:after{background:#4eae62;border-color:#28793a;}
.formation-person.role-m:after{background:#efa33d;border-color:#a96516;}
.formation-person.role-dm:after{background:#efa33d;border-color:#a96516;}
.formation-person.role-am:after{background:#efa33d;border-color:#a96516;}
.formation-person.role-ma:after{background:#efa33d;border-color:#a96516;}
.formation-person.role-md:after{background:#efa33d;border-color:#a96516;}
.formation-person.role-a:after{background:#df5a50;border-color:#96362f;}
.formation-person.role-ad:after{background:#df5a50;border-color:#96362f;}
.formation-person.role-g:after{background:#9b84df;border-color:#604da5;}
.formation-person.role-gk:after{background:#9b84df;border-color:#604da5;}
.field-player .formation-person.role-d:after{background:#4eae62;border-color:#28793a;}
.field-player .formation-person.role-m:after{background:#efa33d;border-color:#a96516;}
.field-player .formation-person.role-a:after{background:#df5a50;border-color:#96362f;}
.field-player .formation-person.role-g:after{background:#9b84df;border-color:#604da5;}
.icon-square-btn:disabled{opacity:.45;cursor:default;}
.formation-player-tooltip{position:fixed;z-index:2500;pointer-events:none;font-family:Arial,"Segoe UI",sans-serif;text-align:left;}
.formation-player-tooltip[hidden]{display:none;}
.formation-tooltip-stat:not(:last-child)::after{font-weight:400;}
.formation-tooltip-traits .positive{color:#16a22d;}
.formation-tooltip-traits .negative{color:#e12929;}
.formation-tooltip-traits .trait-divider{display:inline-block;margin:0 6px;color:#333;font-weight:700;}
.formation-list-item.tooltip-open{background:#f1f7f2;}
.field-player.tooltip-open{z-index:22;}
.formation-lineup-panel{padding-top:6px;}
.formation-player-tooltip{width:334px;max-width:calc(100vw - 16px);box-sizing:border-box;overflow:hidden;border:2px solid #111;border-radius:0;background:#fff;color:#111;box-shadow:0 5px 14px rgba(0,0,0,.24);}
.formation-tooltip-head{box-sizing:border-box;width:100%;min-height:22px;padding:4px 7px 3px;overflow:visible;text-overflow:clip;background:#050505;color:#fff;font-size:10.2px;line-height:1.3;font-weight:800;overflow-wrap:anywhere;white-space:normal!important;}
.formation-tooltip-skills{box-sizing:border-box;width:100%;padding:6px 7px 5px;overflow:hidden;background:#fff;color:#111;font-size:9.75px;line-height:1.45;}
.formation-tooltip-skill-line{display:flex;align-items:baseline;width:100%;min-width:0;overflow:hidden;white-space:nowrap;}
.formation-tooltip-skill-line + .formation-tooltip-skill-line{margin-top:1px;}
.formation-tooltip-stat{display:inline;flex:0 0 auto;min-width:0;white-space:nowrap;font-weight:400;}
.formation-tooltip-stat:not(:last-child)::after{content:none;}
.formation-tooltip-separator{flex:0 0 auto;white-space:pre;font-weight:400;color:#111;}
.formation-tooltip-stat b{font-weight:500;font-variant-numeric:tabular-nums;}
.formation-tooltip-stat.main-skill{font-weight:900;color:#000;}
.formation-tooltip-stat.main-skill span{font-weight:900;color:#000;}
.formation-tooltip-stat.main-skill b{font-weight:900;color:#000;}
.formation-tooltip-traits{box-sizing:border-box;width:100%;min-height:25px;padding:4px 7px 6px;overflow:hidden;border-top:1px solid #d9d9d9;background:#fff;font-size:9.7px;line-height:1.35;font-weight:700;white-space:normal;overflow-wrap:anywhere;}
.formation-tab{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.formation-tab:hover{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.formation-tab:focus{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.formation-tab.active{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.formation-list-item b{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.formation-list-item.active-player b{font-weight:var(--ss-weight-regular)!important;font-style:normal!important;}
.field-player .formation-field-status-slot{flex:0 0 auto;}
.field-player .formation-field-status-icon{width:10px!important;height:10px!important;max-width:10px!important;max-height:10px!important;margin:0!important;vertical-align:middle!important;}
.field-player .formation-field-status-icon.injury{width:11px!important;height:11px!important;max-width:11px!important;max-height:11px!important;}
.field-empty-slot>span{display:none!important;}
.field-empty-slot>b{margin-top:0!important;}
.formation-topline .formation-next-team-link{display:inline-flex;align-items:center;gap:4px;color:#2478bb;text-decoration:none;font-weight:600;vertical-align:middle;}
.formation-topline .formation-next-team-link:hover{text-decoration:underline;}
.formation-topline .formation-next-team-link .team-status-icon{flex:0 0 auto;}
.formation-topline .formation-next-team-link img{flex:0 0 auto;}
.formation-topline .formation-versus{display:inline-block;margin:0 2px;color:#53635b;}
.field-player .field-person-wrap{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:48px!important;height:16px!important;gap:0!important;}
.field-player .formation-person{margin:0!important;flex:0 0 10px!important;}
.field-player .formation-field-status-slot{position:absolute!important;left:calc(50% + 7px)!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:11px!important;height:11px!important;margin:0!important;gap:1px!important;pointer-events:none!important;}
.field-player>b{width:100%!important;max-width:58px!important;margin:0 auto!important;text-align:center!important;}
/* Centralized responsive rules. Breakpoints are ordered from broad to narrow so smaller layouts override larger ones predictably. */
@media (max-width:1050px){.formation-toolbar{grid-template-columns:280px minmax(0,1fr);}.formation-main-grid{grid-template-columns:280px minmax(0,1fr);}.formation-field-board{width:306px;height:388px;min-height:388px;}.formation-lineup-panel{grid-template-columns:136px 306px 42px 136px;gap:7px;}.formation-bank-drop{width:42px;height:388px;min-height:388px;}}
@media (max-width:980px){.formation-field-board{order:2;}.formation-side-columns{order:1;}.formation-side-columns.right{order:3;}}
@media (max-width:900px){.formation-toolbar{grid-template-columns:1fr;}.formation-main-grid{grid-template-columns:1fr;}.formation-tabs{justify-content:flex-start;}.formation-settings{max-width:420px;}.formation-field-board{width:324px;height:402px;min-height:402px;}.formation-lineup-panel{grid-template-columns:136px 306px 42px 136px;justify-content:start;overflow-x:auto;padding-bottom:4px;}.formation-bank-drop{width:42px;height:388px;min-height:388px;}}
@media (max-width:700px){.formation-toolbar{padding-right:14px;padding-left:14px;}.formation-main-grid{padding-right:14px;padding-left:14px;}.formation-player-tooltip{width:min(330px,calc(100vw - 16px));}.formation-tooltip-skills{font-size:9.35px;}}
@media (max-width:680px){.formation-side-columns{display:grid;grid-template-columns:1fr 1fr;}.formation-side-columns.right{display:grid;grid-template-columns:1fr 1fr;}.formation-squad-count span{display:block;margin:3px 0 0;}.formation-field-board{height:402px;min-height:402px;}.formation-lineup-panel{grid-template-columns:1fr;overflow:visible;}.formation-field-board{order:1;width:min(324px,100%);margin:0 auto;}.formation-bank-drop{order:2;width:min(324px,100%);height:46px;min-height:46px;margin:0 auto;flex-direction:row;gap:10px;}.formation-bank-drop span{font-size:10px;line-height:1;letter-spacing:.08em;}.formation-bank-drop span br{display:none;}.formation-side-columns{order:3;}.formation-side-columns.right{order:4;}}
@media (max-width:340px){.formation-tooltip-skills{font-size:8.45px;}.formation-tooltip-head{font-size:9.5px;}}

/* full player names in the squad, on the pitch and in tooltips. */
.formation-list-item{white-space:normal;}
.field-player{width:78px;max-width:24%;}
.field-player b{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.formation-tooltip-head{height:auto;white-space:normal;}

/* Formation Setup --------------------------------------------------- */
.formation-tabs button.formation-tab{font:inherit;cursor:pointer;background:transparent;}
.formation-tabs button.formation-tab:not(.active):hover{background:#f4f8f5;color:#146f35;}
.formation-section-panel{display:none;}
.formation-section-panel.active{display:block;}
.formation-advanced-panel{margin:0 14px 8px;padding:14px 16px;border:1px solid #dfe6e1;border-radius:3px;background:#fff;}
.formation-advanced-panel h3{margin:0 0 6px;font-size:14px;color:#16833c;}
.formation-advanced-panel>p{margin:0 0 14px;color:#68726c;font-size:10.5px;line-height:1.45;}
.formation-table-scroll{overflow-x:auto;}
.formation-advanced-table{width:100%;border-collapse:collapse;font-size:10.5px;}
.formation-advanced-table th,.formation-advanced-table td{padding:8px 7px;border-bottom:1px solid #e7ebe8;text-align:left;vertical-align:middle;white-space:nowrap;}
.formation-advanced-table th{background:#f6f8f6;color:#4d5851;font-weight:600;}
.formation-advanced-table td:first-child{min-width:150px;}
.formation-advanced-table td small{display:block;margin-top:2px;color:#8a958e;}
.formation-advanced-table select,.formation-strategy-row select,.formation-strategy-row input{min-height:28px;border:1px solid #cfd8d2;border-radius:2px;background:#fff;padding:4px 6px;font-size:10.5px;}
.formation-penalty-cell{color:#248846;font-weight:600;}
.formation-penalty-cell.has-penalty{color:#bc4b3f;}
.formation-strategy-list{display:grid;gap:8px;}
.formation-strategy-row{display:grid;grid-template-columns:1fr 78px 1.15fr 1.1fr .9fr 1.2fr 1.2fr auto;gap:7px;align-items:end;padding:9px;border:1px solid #e1e7e3;background:#fafbfa;border-radius:3px;}
.formation-strategy-row label{display:grid;gap:3px;color:#59645d;font-size:9.5px;}
.formation-strategy-row label>span{font-weight:600;}
.formation-strategy-remove,.formation-add-strategy{min-height:28px;border:1px solid #cfd8d2;border-radius:3px;background:#fff;padding:5px 9px;cursor:pointer;font-size:10px;}
.formation-add-strategy{margin-top:10px;border-color:#198f3f;color:#147735;}
.formation-strategy-remove:hover{border-color:#c66;color:#a33;}
.formation-add-strategy:hover{background:#f1faf4;}
.formation-empty-advanced{padding:16px;border:1px dashed #cfd8d2;background:#fafbfa;color:#78837b;text-align:center;font-size:10.5px;}
@media(max-width:1200px){.formation-strategy-row{grid-template-columns:repeat(4,minmax(130px,1fr));}.formation-strategy-remove{justify-self:start;}}
@media(max-width:700px){.formation-advanced-panel{margin-left:8px;margin-right:8px;padding:10px;}.formation-strategy-row{grid-template-columns:1fr 1fr;}.formation-tabs button.formation-tab{flex:0 0 auto;}}

/* direct mobile formation editor ------------------------ */
.formation-mobile-player-picker{display:none;}

@media (max-width:820px), (pointer:coarse){
  html.formation-mobile-picker-open{overflow:hidden!important;}
  html.formation-mobile-picker-open body{overflow:hidden!important;}

  /* On phones the pitch is the editor. Long desktop squad columns are hidden;
     a tap on a fixed slot opens the role-specific picker instead. */
  .formation-main-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding:0 12px 12px!important;
  }
  .formation-lineup-panel{
    order:1!important;
    display:block!important;
    width:100%!important;
    overflow:visible!important;
  }
  .formation-settings{
    order:2!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:10px!important;
  }
  .formation-side-columns,
  .formation-side-columns.right,
  .formation-bank-drop,
  .formation-squad-count{
    display:none!important;
  }
  .formation-field-board{
    position:relative!important;
    order:1!important;
    width:min(100%,520px)!important;
    max-width:520px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:324 / 402!important;
    margin:0 auto!important;
    touch-action:manipulation!important;
  }
  .field-player,
  .field-empty-slot{
    min-width:62px!important;
    min-height:42px!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    pointer-events:auto!important;
    -webkit-tap-highlight-color:rgba(255,255,255,.16);
  }
  .field-player{width:82px!important;max-width:27%!important;}
  .field-player b{
    max-width:82px!important;
    font-size:9.5px!important;
    line-height:11px!important;
  }
  .field-empty-slot b{
    padding:4px 6px!important;
    border:1px dashed rgba(255,255,255,.75)!important;
    border-radius:10px!important;
    background:rgba(13,82,32,.35)!important;
    font-size:8px!important;
    line-height:10px!important;
  }
  .formation-settings .setting-row label{font-size:13px!important;}
  .formation-settings .setting-row select{
    width:100%!important;
    height:42px!important;
    font-size:14px!important;
    padding:0 10px!important;
  }

  .formation-mobile-player-picker{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    background:rgba(10,18,13,.62);
    backdrop-filter:blur(1px);
  }
  .formation-mobile-player-dialog{
    width:min(760px,100%);
    max-height:min(82vh,720px);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid #d8dfda;
    border-radius:7px;
    background:#fff;
    box-shadow:0 18px 55px rgba(0,0,0,.34);
    color:#26302b;
  }
  .formation-mobile-player-dialog-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:11px 13px 9px;
    border-bottom:1px solid #dfe5e1;
  }
  .formation-mobile-player-dialog-head h2{
    margin:0;
    font-size:18px;
    line-height:1.15;
    font-weight:700;
  }
  .formation-mobile-player-dialog-head p{
    margin:4px 0 0;
    color:#758078;
    font-size:11px;
    font-weight:600;
  }
  .formation-mobile-picker-close{
    border:0;
    background:transparent;
    color:#aeb5b0;
    font-size:27px;
    line-height:1;
    cursor:pointer;
  }
  .formation-mobile-player-list{
    flex:1 1 auto;
    min-height:0;
    overflow:hidden;
    padding:0;
    background:#fff;
  }
  .formation-mobile-player-table-rail{
    width:100%;
    height:100%;
    max-height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-x pan-y;
  }
  .formation-mobile-player-table{
    width:850px;
    min-width:780px;
    max-width:none;
    border-collapse:collapse;
    table-layout:fixed;
    font-size:10px;
    color:#26302b;
    background:#fff;
  }
  .formation-mobile-player-table th,
  .formation-mobile-player-table td{
    height:30px;
    box-sizing:border-box;
    padding:4px 5px;
    border-right:1px solid #edf0ee;
    border-bottom:1px solid #dfe5e1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:middle;
    text-align:center;
  }
  .formation-mobile-player-table th{
    position:sticky;
    top:0;
    z-index:3;
    height:27px;
    background:#f4f7f5;
    color:#66726b;
    font-size:8.5px;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:uppercase;
  }
  .formation-mobile-player-table th:first-child{z-index:5;background:#f4f7f5;}
  .formation-mobile-player-table th:first-child,
  .formation-mobile-player-table td:first-child{
    width:205px;
    min-width:205px;
    text-align:left;
    position:sticky;
    left:0;
    z-index:2;
    background:inherit;
  }
  .formation-mobile-player-table th:nth-child(2),
  .formation-mobile-player-table td:nth-child(2){width:38px;}
  .formation-mobile-player-table th:nth-child(3),
  .formation-mobile-player-table td:nth-child(3){width:46px;}
  .formation-mobile-player-table th:nth-child(n+4):nth-child(-n+12),
  .formation-mobile-player-table td:nth-child(n+4):nth-child(-n+12){width:42px;}
  .formation-mobile-player-table th:last-child,
  .formation-mobile-player-table td:last-child{width:78px;}
  .formation-mobile-player-row{
    cursor:pointer;
    outline:none;
    background:#fff;
  }
  .formation-mobile-player-row:focus,
  .formation-mobile-player-row:active{background:#f1f8f3;}
  .formation-mobile-player-row.is-current{background:#edf8f0;}
  .formation-mobile-player-row.is-current td:first-child{box-shadow:inset 3px 0 #1d8d45;}
  .formation-mobile-player-row.is-unavailable{
    cursor:not-allowed;
    background:#f7f8f7;
  }
  .formation-mobile-player-name{
    display:flex;
    align-items:center;
    gap:5px;
    min-width:0;
  }
  .formation-mobile-player-name .formation-person{flex:0 0 12px;margin:0;}
  .formation-mobile-player-name b{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:normal;
    line-height:1.08;
    color:#244d79;
    font-size:13px;
    font-weight:700;
  }
  .formation-mobile-player-name .formation-field-status-icon{
    position:static!important;
    width:11px!important;
    height:11px!important;
    margin:0!important;
    flex:0 0 11px;
  }
  .formation-mobile-pos-cell,
  .formation-mobile-side-cell,
  .formation-mobile-skill-cell{font-variant-numeric:tabular-nums;}
  .formation-mobile-skill-cell{font-weight:700;color:#2f3933;}
  .formation-mobile-player-state{
    display:inline-block;
    max-width:70px;
    padding:2px 5px;
    border-radius:999px;
    font-size:8px;
    font-weight:800;
    line-height:1.15;
    white-space:nowrap;
    border:1px solid #d8dfdb;
    background:#f4f6f5;
    color:#6b756f;
  }
  .formation-mobile-player-state.is-selected{background:#ebf8ee;border-color:#a9d4b4;color:#1d7c3d;}
  .formation-mobile-player-state.is-on-pitch{background:#eff3f0;border-color:#d1d9d4;color:#586760;}
  .formation-mobile-player-state.is-unavailable{background:#f6eeee;border-color:#e4cccc;color:#9b6060;}
  .formation-mobile-player-dialog-foot{
    display:flex;
    justify-content:flex-end;
    padding:8px 12px 10px;
    border-top:1px solid #e1e6e3;
  }
  .formation-mobile-close-button{
    min-width:82px;
    padding:8px 14px;
    border:1px solid #cbd3ce;
    border-radius:4px;
    background:#fff;
    color:#303833;
    font-size:14px;
  }
  .formation-mobile-no-players{
    padding:18px 8px!important;
    color:#77817a;
    text-align:center!important;
  }
}

@media (max-width:420px){
  .formation-mobile-player-picker{padding:8px;}
  .formation-mobile-player-dialog{width:min(96vw,100%);max-height:86vh;border-radius:14px;}
  .formation-mobile-player-dialog-head{padding:13px 12px 10px;}
  .formation-mobile-player-dialog-head h2{font-size:18px;}
  .formation-mobile-player-list{padding:8px 10px 10px;gap:8px;}
  .formation-mobile-player-card{padding:10px 9px 9px;border-radius:8px;}
  .formation-mobile-player-name b{font-size:14px;}
  .formation-mobile-player-name .formation-mobile-player-side{min-width:22px;font-size:9px;padding:2px 4px;}
  .formation-mobile-player-state{font-size:9px;padding:4px 6px;}
  .formation-mobile-player-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
  .formation-mobile-stat-chip{padding:6px;}
  .formation-mobile-stat-chip em{font-size:8.5px;}
  .formation-mobile-stat-chip strong{font-size:12px;}
}

@media (max-width:360px){
  .formation-mobile-player-name b{font-size:13px;}
  .formation-mobile-player-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* compact mobile formation player table -----------------
   Keep the existing mobile picker data/selection path, but render its
   candidates as one real table instead of one card + nine skill tiles per
   player. The modal owns both scroll axes; the page never does. */
@media (max-width:820px), (pointer:coarse){
  .formation-mobile-player-picker{padding:8px!important;}
  .formation-mobile-player-dialog{
    width:min(780px,calc(100vw - 16px))!important;
    max-height:min(88dvh,760px)!important;
    border-radius:8px!important;
  }
  .formation-mobile-player-dialog-head{
    flex:0 0 auto;
    padding:10px 12px 8px!important;
    gap:8px!important;
  }
  .formation-mobile-player-dialog-head h2{font-size:18px!important;line-height:1.1!important;}
  .formation-mobile-player-dialog-head p{margin-top:2px!important;font-size:10px!important;}
  .formation-mobile-picker-close{font-size:24px!important;padding:0 2px!important;min-width:28px;min-height:28px;}

  .formation-mobile-player-list{
    flex:1 1 auto;
    min-height:0;
    display:block!important;
    overflow:auto!important;
    padding:0!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .formation-mobile-player-table-rail{
    min-width:0;
    width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
  }
  .formation-mobile-player-table{
    width:100%;
    min-width:780px;
    border-collapse:collapse;
    table-layout:fixed;
    background:#fff;
    color:#26302b;
    font-size:10.5px;
  }
  .formation-mobile-player-table col.player-col{width:205px;}
  .formation-mobile-player-table col.role-col{width:44px;}
  .formation-mobile-player-table col.side-col{width:48px;}
  .formation-mobile-player-table col.skill-col{width:52px;}
  .formation-mobile-player-table col.state-col{width:72px;}
  .formation-mobile-player-table th,
  .formation-mobile-player-table td{
    height:30px;
    padding:4px 6px;
    border-bottom:1px solid #e5eae7;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    box-sizing:border-box;
  }
  .formation-mobile-player-table thead th{
    position:sticky;
    top:0;
    z-index:4;
    background:#f3f6f4;
    color:#68736c;
    font-size:9px;
    font-weight:800;
    letter-spacing:.025em;
    text-transform:uppercase;
    box-shadow:0 1px 0 #dfe5e1;
  }
  .formation-mobile-player-table th:first-child,
  .formation-mobile-player-table td:first-child{
    position:sticky;
    left:0;
    z-index:3;
    text-align:left;
    background:#fff;
  }
  .formation-mobile-player-table thead th:first-child{
    z-index:5;
    background:#f3f6f4;
  }
  .formation-mobile-player-row{
    cursor:pointer;
    outline:none;
  }
  .formation-mobile-player-row:hover td,
  .formation-mobile-player-row:focus td{background:#f7fbf8;}
  .formation-mobile-player-row:hover td:first-child,
  .formation-mobile-player-row:focus td:first-child{background:#f7fbf8;}
  .formation-mobile-player-row.is-current td{background:#eef8f1;}
  .formation-mobile-player-row.is-current td:first-child{background:#eef8f1;box-shadow:inset 3px 0 0 #1d8d45;}
  .formation-mobile-player-row.is-unavailable{cursor:not-allowed;}
  /* dim the player, never the card/injury status icons or the "Unavailable" pill */
  .formation-mobile-player-row.is-unavailable td>:not(.formation-mobile-player-name):not(.formation-mobile-player-state),
  .formation-mobile-player-row.is-unavailable .formation-mobile-player-name>:not(.formation-field-status-icon){opacity:.55}
  .formation-mobile-player-row.is-unavailable td:not(:has(*)){color:#8a908a}
  .formation-mobile-player-row.is-unavailable td{background:#f7f8f7;}
  .formation-mobile-player-row.is-unavailable td:first-child{background:#f7f8f7;}

  .formation-mobile-player-cell{overflow:hidden;}
  .formation-mobile-player-name{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:5px!important;
    min-width:0;
    white-space:nowrap!important;
  }
  .formation-mobile-player-name .formation-person{flex:0 0 13px!important;margin:0!important;}
  .formation-mobile-player-name b{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:122px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap!important;
    color:#244d79;
    font-size:11px!important;
    line-height:1.1!important;
    font-weight:700!important;
  }
  .formation-mobile-player-name .formation-field-status-icon{
    position:static!important;
    width:11px!important;
    height:11px!important;
    margin:0!important;
    flex:0 0 11px!important;
  }
  .formation-mobile-player-state{
    display:inline-block;
    margin-left:5px;
    padding:2px 4px!important;
    border-radius:999px;
    font-size:8px!important;
    font-weight:800;
    line-height:1!important;
    vertical-align:middle;
  }
  .formation-mobile-role-cell,.formation-mobile-side-cell{font-weight:700;color:#56635b;}
  .formation-mobile-state-cell{padding-left:4px!important;padding-right:4px!important;}
  .formation-mobile-skill-cell{font-variant-numeric:tabular-nums;font-weight:700;color:#2f3933;}

  .formation-mobile-player-dialog-foot{
    flex:0 0 auto;
    padding:7px 10px 8px!important;
  }
  .formation-mobile-close-button{
    min-width:68px!important;
    min-height:32px!important;
    padding:5px 10px!important;
    font-size:12px!important;
  }
}

@media (max-width:420px){
  .formation-mobile-player-dialog{width:calc(100vw - 12px)!important;max-height:90dvh!important;border-radius:9px!important;}
  .formation-mobile-player-dialog-head{padding:9px 10px 7px!important;}
  .formation-mobile-player-dialog-head h2{font-size:17px!important;}
  .formation-mobile-player-table{font-size:10px;}
  .formation-mobile-player-table th,.formation-mobile-player-table td{height:29px;padding:3px 5px;}
  .formation-mobile-player-name b{font-size:10.5px!important;}
}

/* — compact formation player picker; preserve one-table mobile renderer. */
@media (max-width:900px), (hover:none) and (pointer:coarse){
  .formation-mobile-player-dialog{
    width:min(720px,calc(100vw - 10px))!important;
    max-height:min(92dvh,760px)!important;
  }
  .formation-mobile-player-dialog-head{padding:7px 9px 6px!important;}
  .formation-mobile-player-dialog-head h2{font-size:16px!important;line-height:1.05!important;}
  .formation-mobile-player-dialog-head p{font-size:9px!important;margin-top:1px!important;}
  .formation-mobile-picker-close{font-size:21px!important;min-width:26px!important;min-height:26px!important;}
  .formation-mobile-player-table{min-width:680px!important;font-size:9.25px!important;}
  .formation-mobile-player-table col.player-col{width:170px!important;}
  .formation-mobile-player-table col.role-col{width:34px!important;}
  .formation-mobile-player-table col.side-col{width:38px!important;}
  .formation-mobile-player-table col.skill-col{width:40px!important;}
  .formation-mobile-player-table col.state-col{width:58px!important;}
  .formation-mobile-player-table th,
  .formation-mobile-player-table td{height:25px!important;padding:2px 4px!important;}
  .formation-mobile-player-table thead th{font-size:8px!important;letter-spacing:0!important;}
  .formation-mobile-player-name{gap:3px!important;}
  .formation-mobile-player-name .formation-person{flex-basis:11px!important;transform:scale(.9);transform-origin:center;}
  .formation-mobile-player-name b{max-width:118px!important;font-size:9.75px!important;}
  .formation-mobile-player-name .formation-field-status-icon{width:9px!important;height:9px!important;flex-basis:9px!important;}
  .formation-mobile-skill-cell{font-weight:500!important;color:#445048!important;}
  .formation-mobile-player-table th.is-main-skill,
  .formation-mobile-player-table td.is-main-skill{font-weight:800!important;color:#151b18!important;}
  .formation-mobile-player-state{font-size:7.5px!important;padding:1px 3px!important;margin-left:2px!important;}
  .formation-mobile-player-dialog-foot{padding:5px 8px 6px!important;}
  .formation-mobile-close-button{min-width:62px!important;min-height:30px!important;padding:4px 8px!important;font-size:11px!important;}
}
@media (max-width:420px){
  .formation-mobile-player-dialog{width:calc(100vw - 8px)!important;}
  .formation-mobile-player-table{min-width:660px!important;font-size:9px!important;}
  .formation-mobile-player-table col.player-col{width:160px!important;}
  .formation-mobile-player-table col.role-col{width:32px!important;}
  .formation-mobile-player-table col.side-col{width:36px!important;}
  .formation-mobile-player-table col.skill-col{width:39px!important;}
  .formation-mobile-player-table col.state-col{width:55px!important;}
  .formation-mobile-player-table th,.formation-mobile-player-table td{height:24px!important;padding:2px 3px!important;}
  .formation-mobile-player-name b{max-width:112px!important;font-size:9.5px!important;}
}

/* Server acknowledgement / conflict is never silently hidden from managers. */
.formation-save-feedback {
  margin: 10px 16px; padding: 10px 14px; border: 1px solid #e1a64c;
  border-radius: 6px; background: rgba(94,66,25,.15); color: inherit;
  font-size: 13px; line-height: 1.4;
}
.formation-save-feedback[hidden] { display: none !important; }
.field-player[aria-disabled="true"] { opacity: .72; cursor: not-allowed; }
.field-player[aria-disabled="true"] .field-player-profile-link { opacity: 1; }

/* Pointer-based desktop Formation editor: visual preview never intercepts targets. */
.formation-pointer-preview{position:fixed;z-index:1200;pointer-events:none;user-select:none;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;padding:5px 9px;border:1px solid #2c7541;border-radius:4px;background:#e9f6ed;color:#17542a;box-shadow:0 3px 9px rgba(0,0,0,.16);font:600 11px Arial,sans-serif;}
.formation-field-board .formation-pointer-target{outline:2px solid #f3ce53;outline-offset:2px;border-radius:3px;}
.formation-bank-drop.formation-pointer-target,.formation-remove-list.formation-pointer-target{outline:2px solid #28884b;outline-offset:2px;}
.formation-page-shell .formation-player-profile-link{user-select:none;}
html.formation-pointer-dragging .formation-player-tooltip{display:none!important;}

/* Formation 2.24: compact click-to-place feedback; no new formation state. */
.formation-field-board .formation-editor-instruction:not([hidden]){position:absolute;top:6px;left:8px;right:8px;z-index:35;background:rgba(7,58,22,.92);border:1px solid rgba(255,255,255,.75);border-radius:3px;color:#fff;padding:5px 7px;font:600 10px/1.3 Arial,sans-serif;text-align:center;pointer-events:none;}
.formation-list-item.formation-editor-selected,.field-player.formation-editor-selected{outline:2px solid #edce52;outline-offset:1px;border-radius:3px;}
.formation-list-item .formation-player-profile-link,.field-player .formation-player-profile-link{user-select:none;-webkit-user-drag:none;}

/* Prevent status, card and tier images from stealing desktop Formation gestures.
   The player wrapper owns movement; icons and the existing skill tooltip do not. */
.formation-page-shell .field-player img,
.formation-page-shell .formation-list-item img { -webkit-user-drag:none; }
/* Empty positions must receive real click/touch hit tests for the existing picker. */
.formation-field-board .field-empty-slot { pointer-events:auto; }


/* Compact existing formation replacement picker (no separate UI engine). */
@media (max-width:820px), (pointer:coarse) {
  .formation-mobile-player-dialog{
    width:min(420px,100%);
    max-height:min(72dvh,650px);
    border-radius:10px;
  }
  .formation-mobile-player-list{overflow-y:auto;overscroll-behavior:contain;}
  .formation-mobile-player-table-rail{width:100%;height:auto;overflow-x:hidden;overflow-y:visible;}
  .formation-mobile-player-table.is-compact{width:100%;min-width:0;table-layout:fixed;font-size:12px;}
  .formation-mobile-player-table.is-compact th:first-child,
  .formation-mobile-player-table.is-compact td:first-child{
    width:auto;min-width:0;position:static;white-space:normal;
  }
  .formation-mobile-player-table.is-compact th:nth-child(2),
  .formation-mobile-player-table.is-compact td:nth-child(2){width:52px;}
  .formation-mobile-player-table.is-compact th:nth-child(3),
  .formation-mobile-player-table.is-compact td:nth-child(3){width:56px;}
  .formation-mobile-player-table.is-compact th:last-child,
  .formation-mobile-player-table.is-compact td:last-child{width:68px;}
  .formation-mobile-player-table.is-compact td{height:44px;padding:8px 5px;}
  .formation-mobile-player-table.is-compact .formation-mobile-player-name b{font-size:12.5px;}
  .formation-mobile-player-dialog-head h2{font-size:16px;}
  .field-player,.field-empty-slot{touch-action:manipulation;}
}

/* Reuse Formation's existing person icon in the compact drag marker. */
.formation-pointer-preview{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px;}
.formation-pointer-preview .field-person-wrap{height:16px;display:flex;align-items:center;gap:2px;}
.formation-pointer-preview img{width:10px;height:12px;object-fit:contain;}
.formation-pointer-preview,.formation-pointer-preview *{pointer-events:none!important;}
.formation-pointer-preview.is-invalid{border-color:#b52d2d;cursor:not-allowed;}
.formation-field-board .formation-pointer-invalid{outline:2px solid #b52d2d;outline-offset:2px;border-radius:3px;}

/* Direct pickup, same pitch marker, movement on the compositor. */
.formation-pointer-preview{left:0;top:0;padding:2px 4px;min-width:0;max-width:160px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;text-shadow:0 1px 2px #163e1d;will-change:transform;}
.formation-pointer-preview.is-invalid{color:#ffcece;}
.formation-pointer-preview .field-person-wrap{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));}
/* Small save status in the existing settings column, below Tackling Intensity. */
.formation-tackling-setting{position:relative;}
.formation-tackling-setting > .formation-save-feedback.is-success{position:absolute;top:calc(100% + 6px);left:0;display:block;width:fit-content;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:#217440;border-radius:3px;font:600 11px/1.4 Arial,sans-serif;opacity:1;transition:opacity .3s ease;overflow-wrap:anywhere;}
.formation-save-feedback.is-success.is-fading{opacity:0;}
@media(prefers-reduced-motion:reduce){.formation-tackling-setting > .formation-save-feedback.is-success{transition:none;}}

/* Existing replacement picker: readable skills in one contained scroll rail. */
@media (max-width:820px), (pointer:coarse) {
 .formation-mobile-player-dialog{width:min(780px,100%);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));}
 .formation-mobile-player-list{min-height:0;overflow:hidden;}
 .formation-mobile-player-table-rail{overflow:auto;max-height:60dvh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
 .formation-mobile-player-table.has-skills{width:760px;min-width:760px;table-layout:fixed;font-size:12px;}
 .formation-mobile-player-table.has-skills th,.formation-mobile-player-table.has-skills td{height:44px;padding:6px 5px;font-size:12px;}
 .formation-mobile-player-table.has-skills th:first-child,.formation-mobile-player-table.has-skills td:first-child{width:210px;position:sticky;left:0;}
 .formation-mobile-player-table.has-skills th:nth-child(n+4),.formation-mobile-player-table.has-skills td:nth-child(n+4){width:48px;}
 .formation-mobile-player-table.has-skills .formation-mobile-player-name b{max-width:145px;font-size:12.5px;}
}