/* One role palette shared by lists, rosters, dialogs and market. */
html[data-theme] .role.role-P{background:#ffb420!important;color:#fff!important;border-color:#ffb420!important}
html[data-theme] .role.role-D{background:#65b82d!important;color:#fff!important;border-color:#65b82d!important}
html[data-theme] .role.role-C{background:#2779fb!important;color:#fff!important;border-color:#2779fb!important}
html[data-theme] .role.role-A{background:#fa3155!important;color:#fff!important;border-color:#fa3155!important}
.role{min-width:26px;text-align:center;border-radius:7px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:0;padding:6px 7px}
.role-progress-P .role-track span{background:#ffb420}.role-progress-D .role-track span{background:#65b82d}.role-progress-C .role-track span{background:#2779fb}.role-progress-A .role-track span{background:#fa3155}
main>.card,main>.panel{margin-bottom:16px}.panel{border-radius:17px}.toolbar{gap:12px}.toolbar :is(input,select){min-height:42px;border-radius:10px}.table-wrap{scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.card,.panel{box-shadow:0 6px 22px #00000006}.dialog-head .close{flex-shrink:0}.btn{min-height:40px}.tabs button{min-height:38px}.table-wrap th{padding-top:13px;padding-bottom:13px}.role-progress>div{font-size:12px}body :is(button,a,input,select,textarea):focus-visible{outline:3px solid #80b3ff;outline-offset:3px}.player-filters input{flex:1;min-width:180px}.player-filters select{min-width:135px}
@media(prefers-reduced-motion:no-preference){
 main{animation:page-in .18s ease-out}.btn,nav a,.tabs button,.market-role-filters button,.market-club-filters button>span,.appearance-control button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:not(:disabled):active,.market-club-filters button:active>span{transform:scale(.97)}.credit-tile{transition:background-color .2s ease,box-shadow .2s ease}.board-buy{animation:panel-in .2s ease-out}.market-player{animation:row-in .15s ease-out}.role-track span{transition:width .25s ease}.dialog-content{animation:page-in .16s ease-out}
 @keyframes page-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
 @keyframes panel-in{from{opacity:.45;transform:translateX(8px)}to{opacity:1;transform:none}}
 @keyframes row-in{from{opacity:.6}to{opacity:1}}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:760px){
 main>.card,main>.panel{margin-bottom:12px}.toolbar{padding:15px;gap:9px}.toolbar :is(input,select){min-height:40px}.player-filters{display:grid;grid-template-columns:1fr 1fr}.player-filters input{grid-column:1/-1;min-width:0;width:100%}.player-filters select{width:100%;min-width:0}.dialog-head{padding:17px}.dialog-content{padding:17px}.dialog-content .stats{gap:7px}.dialog-content .stat{padding:12px 8px}.dialog-content .stat strong{font-size:23px}.dialog-content .stat label{font-size:10px}.tabs{max-width:100%;gap:3px}.tabs button{font-size:10px;padding:9px 10px}.table-wrap th,.table-wrap td{padding:12px 10px}.table-foot{padding:12px;font-size:10px;line-height:1.5;flex-wrap:wrap}.stats .stat strong{font-variant-numeric:tabular-nums}
 .trade-board .board-buy tr.market-player{grid-template-columns:24px minmax(58px,1fr) repeat(5,22px) 31px;gap:9px 3px;padding:12px 9px;align-items:center}
 .trade-board .board-buy .player-role{grid-area:1/1;align-self:center}.trade-board .board-buy .player-identity{grid-area:1/2;padding:0;align-self:center}.trade-board .board-buy .player-identity strong{font-size:12px!important;line-height:1.3;overflow-wrap:anywhere}.trade-board .board-buy .player-identity small{font-size:9px;line-height:1.3;margin-top:3px}.trade-board .board-buy .player-price{grid-area:1/8;padding:0;font-size:18px!important;align-self:center}
 .trade-board .board-buy td[data-label]:not(.player-price){grid-row:1;padding:5px 0;border:0;background:transparent;font-size:10px;align-self:center;text-align:center;font-variant-numeric:tabular-nums}.trade-board .board-buy td[data-label=MV]{grid-column:3}.trade-board .board-buy td[data-label=FM]{grid-column:4}.trade-board .board-buy td[data-label=PV]{grid-column:5}.trade-board .board-buy td[data-label=Gol]{grid-column:6}.trade-board .board-buy td[data-label=Assist]{grid-column:7}.trade-board .board-buy td[data-label]:before{font-size:7px;margin-bottom:5px;letter-spacing:0}.trade-board .board-buy td[data-label=Assist]:before{content:'AS'}
 .trade-board .board-buy .player-action{grid-column:1/-1;grid-row:2;border-top:1px solid var(--edge);padding-top:9px;gap:10px}.trade-board .board-buy .player-action small{font-size:9px;line-height:1.35}.trade-board .board-buy .role{min-width:23px;width:23px;padding:5px 3px;font-size:9px}.trade-board .board-buy .board-choice{min-height:34px;min-width:108px;padding:7px 10px;font-size:11px}
}
@media(max-width:360px){.trade-board .board-buy tr.market-player{grid-template-columns:21px minmax(48px,1fr) repeat(5,19px) 27px;column-gap:2px}.trade-board .board-buy .player-identity strong{font-size:11px!important}.trade-board .board-buy td[data-label]:not(.player-price){font-size:9px}.trade-board .board-buy .player-price{font-size:16px!important}}

@media(max-width:760px){.trade-board .board-buy .player-role{padding:0}.mode-toggle button{font-size:10px;padding:6px 8px}.profile-team{max-width:90px;overflow-wrap:anywhere}}