/* Number fonts for the kit backs (SIL Open Font License, see assets/fonts). */
@font-face{font-family:'Arquibancada Oswald';src:url(assets/fonts/oswald-bold-digitos.woff2) format('woff2');font-weight:700;font-display:swap;unicode-range:U+30-39}
@font-face{font-family:'Arquibancada Anton';src:url(assets/fonts/anton-digitos.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+30-39}
@font-face{font-family:'Arquibancada Saira';src:url(assets/fonts/SairaCondensed-ExtraBold.ttf) format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#171426;--side:#141220;--panel:#211d35;--raised:#2a253e;--line:#363049;--ink:#eeeaf5;--muted:#a39ab5;--accent:#db4aad;--cyan:#66d4d4;font:13px/1.5 'Segoe UI',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg,img{vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.hidden,[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:208px;display:flex;flex-direction:column;padding:20px 13px 15px;background:var(--side);border-right:1px solid var(--line);z-index:70;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;margin:0 9px 23px}.brand-mark{display:grid;place-items:center;width:29px;height:33px;border-radius:4px;background:var(--accent);font-size:22px;font-weight:750}.brand-mark>span{display:none}.brand-word{display:block;font-size:15px;font-weight:750;letter-spacing:.6px}.brand-sub{display:block;font-size:7px;letter-spacing:1.7px;color:#776c87;margin-top:3px}.sidebar-club{display:flex;align-items:center;gap:10px;padding:14px 9px;margin-bottom:18px;background:#1c182b;border:1px solid #302a40;border-radius:4px}.club-logo{display:inline-block;object-fit:contain;flex-shrink:0}.sidebar-club>.club-logo{max-width:35px;max-height:39px}.club-name{font-size:12px;font-weight:650}.club-meta{font-size:9px;color:var(--muted);margin-top:4px}.nav-group{margin-bottom:18px}.nav-caption{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#776c87;margin:0 10px 7px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:4px;background:none;color:#b4abc6;text-align:left;font-size:11px}.nav-item:hover{background:#29233c;color:white}.nav-item.active{background:#39213d;color:#f4c8e5;box-shadow:inset 3px 0 var(--accent)}.nav-icon{width:17px;display:grid;place-items:center;color:#9185a4}.nav-icon svg{width:16px;height:16px}.nav-item.active .nav-icon{color:var(--accent)}.nav-counter{margin-left:auto;padding:1px 5px;border-radius:3px;background:#3d2c4b;font-size:9px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:15px 6px 0;font-size:9px;color:#776c87}.sidebar-tools{display:flex;gap:5px;margin:12px 0 8px}.sidebar-tools .btn{flex:1;min-width:0;padding:6px 5px;font-size:9px}.sidebar-bottom>.btn{width:100%}.sidebar-bottom>p{font-size:8px;margin-top:10px}.save-status{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.save-status:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--cyan)}
.main{margin-left:208px;padding:0 20px 24px;min-width:0}.topbar{height:64px;margin:0 -20px;padding:0 20px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);background:#1b172c;position:relative;z-index:30}.mobile-menu-btn{display:none}.topbar-title{font-size:12px;font-weight:650;white-space:nowrap}.breadcrumb{display:block;font-size:9px;color:#81758e;font-weight:400}.topbar-search{position:relative;max-width:340px;flex:1;margin-left:auto}.search-input{width:100%;height:32px;padding:6px 11px;border:1px solid #44374f;border-radius:4px;background:#211b32;color:var(--ink);font-size:10px}.search-input::placeholder{color:#81758e}.search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:330px;overflow:auto;background:var(--raised);border:1px solid #55415e;border-radius:4px;box-shadow:0 12px 28px #08041277;z-index:40}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;font-size:11px}.search-result:hover{background:#3a2b49}.search-result small{display:block;color:var(--muted);font-size:9px}.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.date-label{font-size:9px;color:var(--muted);white-space:nowrap}.date-label strong{display:block;font-size:10px;color:#c4b8d4}.avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#3f304d;font-size:9px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:23px 0 18px}.page-title{font-size:23px;font-weight:650;letter-spacing:-.5px}.page-eyebrow,.eyebrow{font-size:8px;color:#8a7c9a;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:5px}.page-subtitle{font-size:10px;color:var(--muted);margin-top:5px}.page-actions,.page-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-toolbar{margin-bottom:15px}.content{min-width:0}.main-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:24px;color:#81758e;font-size:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.btn svg{width:14px;height:14px}.btn-primary,.continue-btn{background:var(--accent);color:white}.btn-primary:hover:not(:disabled),.continue-btn:hover:not(:disabled){background:#ed65bf}.continue-btn{min-height:34px;padding:8px 18px;font-size:10px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}.btn-secondary{background:#2b253e;color:#d4c9e0;border-color:#4c3b59}.btn-secondary:hover{background:#3b2c4b}.btn-ghost{background:none;color:#b3a6c5}.btn-ghost:hover{background:#342842;color:white}.btn-danger{background:#452537;color:#f0afc3;border-color:#733f54}.btn-danger:hover{background:#633046}.btn-small{font-size:10px;padding:6px 9px}.icon-btn,.mobile-menu-btn{place-items:center;width:30px;height:30px;border:1px solid #4c3b59;border-radius:4px;background:#2a2139;color:#d2bddf}.icon-btn{display:inline-grid;padding:0}.icon-btn svg,.mobile-menu-btn svg{width:16px;height:16px}.full-width{width:100%}.text-left{text-align:left!important}.text-center{text-align:center!important}.muted{color:var(--muted)}.positive{color:var(--cyan)!important}.negative{color:#e184a4!important}.small-note,.stat-note{font-size:9px;color:var(--muted);margin-top:12px;line-height:1.8}.stat-note{display:block;margin-top:5px}.section-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tab{background:none;border:0;border-bottom:2px solid transparent;padding:10px 14px;color:var(--muted);font-size:11px;white-space:nowrap}.tab.active{color:#f1bbdf;border-color:var(--accent)}.tab:hover{color:white}.pill{display:inline-flex;padding:3px 7px;border:1px solid #51405f;border-radius:3px;background:#352943;color:#c3b1d2;font-size:8px}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr);gap:14px;align-items:start}.panel,.club-profile,.calendar-round{background:var(--panel);border:1px solid var(--line);border-radius:5px;overflow:hidden;min-width:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line);min-height:46px}.panel-title{font-size:12px;font-weight:650}.panel-body{padding:15px}.panel-body>p{font-size:11px;color:var(--muted);line-height:1.8}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;border-top:1px solid var(--line);background:#1d192d;color:var(--muted);font-size:9px}.panel-footer .btn{padding:3px 0;font-size:9px}.wide{grid-column:1/-1}.span2{grid-column:span 2}.metrics-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--panel);border:1px solid var(--line);border-radius:4px;margin-bottom:14px}.metric{padding:12px 16px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border:0}.metric-label{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.metric-value{display:block;font-size:24px;font-weight:600;margin-top:5px}.metric-value small{font-size:11px;color:var(--muted);margin-left:3px;font-weight:400}
.fixture-panel{background:linear-gradient(130deg,#28203e,var(--panel))}.fixture-row{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;gap:12px;padding:20px 0}.fixture-side{display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;font-size:12px;font-weight:600}.fixture-side>.club-logo{max-width:49px;max-height:55px}.fixture-vs{text-align:center;color:#82738f;font-size:16px}.fixture-meta{font-size:9px;color:var(--muted);text-align:center}.fixture-kickoff{display:inline-block;padding:3px 7px;background:#3f263f;color:#e7aad1;font-size:8px;border-radius:3px}.club-identity{display:flex;align-items:center;gap:12px}.club-identity h2{font-size:16px}.strength-row{display:grid;grid-template-columns:78px 1fr 25px;gap:10px;align-items:center;font-size:10px;padding:9px 0}.strength-row>span{color:var(--muted)}.strength-row>strong{text-align:right}.progress-bar{height:5px;background:#3a314d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--cyan)}.inbox-list,.match-list{display:flex;flex-direction:column}.inbox-item{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.inbox-item:last-child,.match-row:last-child{border:0}.inbox-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:5px;flex-shrink:0}.news-date{display:block;font-size:8px;color:#81758e;margin-top:5px}.inbox-copy strong{font-size:11px;font-weight:600}.inbox-copy p{font-size:10px;color:var(--muted);margin-top:4px}.match-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.empty-state{padding:26px 15px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.empty-state strong{display:block;color:#c7bdd3;font-weight:600}
.table-wrap{width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#574463 var(--panel)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}.data-table th{height:31px;padding:6px 10px;background:#1c192c;border-bottom:1px solid var(--line);font-size:8px;color:#9487a6;text-transform:uppercase;white-space:nowrap}.data-table td{height:38px;padding:8px 10px;border-bottom:1px solid #302a42;white-space:nowrap}.data-table tr:last-child td{border:0}.data-table tr:hover td{background:#2b243c}.data-table th:first-child,.data-table td:first-child{padding-left:15px}.data-table .my-club td{background:#372039;color:#f4c9e8}.team-cell{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:11px}.team-cell>.club-logo{max-width:24px;max-height:27px}.team-cell small{font-size:7px;color:#e094c4}.rank{color:var(--muted);font-size:10px}.zone-cl{box-shadow:inset 3px 0 #73bde1}.zone-sl{box-shadow:inset 3px 0 #8f7fc7}.zone-drop{box-shadow:inset 3px 0 #d26b92}.form-dots{display:inline-flex;gap:3px}.form-dot{display:inline-grid;place-items:center;width:14px;height:16px;border-radius:2px;font-size:8px;font-weight:650;background:#433650;color:#d9c8e7}.form-dot.win{background:#255653;color:#99e4d8}.form-dot.draw{background:#584f39;color:#e3d7a2}.form-dot.loss{background:#5c3149;color:#eda9ca}.rating{display:inline-grid;place-items:center;min-width:25px;height:23px;border-radius:3px;background:#244c4f;color:#8de0de;font-size:10px;font-weight:700}.position{display:inline-grid;place-items:center;width:30px;height:21px;border-radius:3px;background:#3a304b;color:#b6a3cf;font-size:8px}.fitness{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.fitness-bar{height:4px;width:34px;background:#40334e;border-radius:3px;overflow:hidden}.fitness-fill{height:100%;background:var(--cyan)}.fitness-fill.low{background:#e184a4}
.tactics-layout{display:grid;grid-template-columns:minmax(330px,460px) minmax(0,1fr);gap:14px;align-items:start}.tactics-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.field{min-width:0}.field-label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.select,.input{width:100%;min-height:34px;padding:7px 10px;border:1px solid #44374f;border-radius:4px;background:#191629;color:#dbd2e6;font-size:11px}.lineup-select{font-size:10px;min-width:175px;min-height:29px;padding:5px 7px}.pitch{position:relative;width:100%;max-width:460px;height:480px;margin:auto;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(0deg,#29484a 0,#29484a 60px,#2e4e50 60px,#2e4e50 120px)}.pitch-lines{position:absolute;inset:17px;border:1px solid #d3edef42}.pitch-lines:before{content:'';position:absolute;top:50%;width:100%;border-top:1px solid #d3edef42}.center-circle{position:absolute;width:84px;height:84px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d3edef42;border-radius:50%}.penalty-area,.goal-area{position:absolute;left:50%;transform:translateX(-50%);border:1px solid #d3edef42}.penalty-area{width:55%;height:69px}.goal-area{width:25%;height:25px}.penalty-area.top,.goal-area.top{top:17px;border-top:0}.penalty-area.bottom,.goal-area.bottom{bottom:17px;border-bottom:0}.pitch-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;background:none;border:0;color:white;min-width:66px;padding:0;z-index:2}.shirt{width:38px;height:42px;filter:drop-shadow(0 3px 2px #091d2850)}.player-tag{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#101626b9;padding:2px 5px;border-radius:2px;font-size:9px;margin-top:3px}.player-rating{position:absolute;right:8px;top:-2px;background:var(--cyan);color:#173337;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:8px;font-weight:700}.pitch-player:hover .shirt{filter:drop-shadow(0 0 4px #9be9ef6b)}
.club-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.club-card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:14px;color:inherit;text-align:left;min-width:0}.club-card:hover{background:#2a223a;border-color:#685075}.club-card-head{display:flex;align-items:center;gap:11px}.club-card-head>.club-logo{max-width:38px;max-height:44px}.club-card-info strong,.club-card-info h3{display:block;font-size:12px}.club-card-info span,.club-card-info small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.clubs-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:14px;align-items:start}.profile-header{display:flex;align-items:center;gap:15px;padding:20px;border-bottom:1px solid var(--line)}.profile-header>.club-logo{max-width:62px;max-height:70px}.profile-header h2{font-size:20px;font-weight:600}.profile-header p{font-size:10px;color:var(--muted)}.player-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#40304b;color:#d4b4e4;font-size:20px;flex-shrink:0}.profile-stat{padding:15px;background:var(--panel);font-size:10px}.profile-stat span{display:block;color:var(--muted);font-size:8px;margin-bottom:6px}.profile-stat strong{font-size:17px;font-weight:600}.market-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}.market-controls .field{min-width:150px}
.training-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.training-option{display:grid;grid-template-columns:15px 1fr 17px;gap:10px;align-items:center;padding:13px;border:1px solid #44384e;border-radius:4px;background:#292136;color:var(--ink);text-align:left}.training-option.selected{background:#39223d;border-color:#a74686}.training-option>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.training-option strong{font-size:10px}.training-option>span:nth-child(2)>span{font-size:9px;color:var(--muted)}.training-radio{width:13px;height:13px;border:1px solid #7c658e;border-radius:50%}.selected .training-radio{background:var(--accent);box-shadow:inset 0 0 0 3px #39223d}.training-check{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--accent);color:white;font-size:8px}.ledger-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.ledger-row>div>span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.calendar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendar-round-title{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#2b223a;font-size:9px}.calendar-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:10px 13px;border-top:1px solid #30283d;font-size:10px}.calendar-match>span{display:flex;align-items:center;gap:6px}.calendar-match>span:first-child{justify-content:flex-end}.calendar-match .club-logo{max-width:21px;max-height:25px}.calendar-match.my-club{background:#342038}.result-badge{min-width:38px;text-align:center;background:#3a2c47;color:#d1badd;border-radius:3px;padding:3px 7px;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:#080511c9;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal{position:relative;width:min(560px,100%);max-height:calc(100dvh - 44px);overflow:auto;background:var(--panel);border:1px solid #504059;border-radius:7px;box-shadow:0 24px 90px #05030c66}.modal-wide{width:min(960px,100%)}.modal-head{padding:22px 42px 18px 22px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:20px;font-weight:600}.modal-head p,.modal-body>p{font-size:11px;color:var(--muted);line-height:1.8}.modal-body{padding:22px}.modal-body>h2{font-size:20px;margin:12px 0}.modal-close{position:absolute;right:13px;top:13px;z-index:5;width:28px;height:28px;display:grid;place-items:center;border:1px solid #5c4463;border-radius:4px;background:#33233c;color:#c9afd3;font-size:18px}.result-dialog{width:100%}.modal:has(>.result-dialog){width:min(650px,100%)}.result-dialog .modal-head{text-align:center;padding-left:42px}.scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:25px 22px;background:#1b172a}.scoreboard-team{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;font-size:12px}.scoreboard-team>.club-logo{max-width:58px;max-height:66px}.scoreboard-team>span,.score-big>span{font-size:7px;color:var(--muted);letter-spacing:1px}.score-big{font-size:47px;font-weight:650;text-align:center;white-space:nowrap}.score-big em{font-style:normal;color:var(--accent)}.score-big>span{display:block;font-weight:400}.result-stats{padding:0 24px;margin:20px 0;display:flex;flex-direction:column;gap:11px}.result-stats>div{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;font-size:11px}.result-stats span{color:var(--muted);font-size:10px}.result-stats strong{color:var(--cyan)}.match-events{border-top:1px solid var(--line);padding-top:15px;margin:0 24px 20px}.match-events h3{font-size:12px;margin-bottom:10px}.event{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:11px}.event-minute{font-size:9px;color:var(--muted);min-width:26px}.event-goal{color:var(--cyan)}.event>div>span{display:block;font-size:9px;color:var(--muted)}.match-finance{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:14px;margin:18px 24px;font-size:10px}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 22px;background:#1b172a;border-top:1px solid var(--line)}
.setup{padding:27px}.setup-header{margin-bottom:21px}.setup-kicker{display:block;font-size:8px;letter-spacing:1.5px;color:var(--accent);margin-bottom:9px}.setup-title{font-size:25px;font-weight:650}.setup-subtitle{font-size:11px;color:var(--muted);margin-top:8px}.setup-club-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.club-choice{position:relative;display:flex;align-items:center;gap:9px;padding:11px 10px;border:1px solid #44364e;border-radius:4px;background:#292235;color:var(--ink);text-align:left;min-width:0}.club-choice>.club-logo{max-width:32px;max-height:37px}.club-choice>span:not(.club-choice-check){display:block;min-width:0}.club-choice strong{display:block;font-size:10px}.club-choice small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.club-choice:hover{border-color:#886187}.club-choice.selected{background:#402440;border-color:var(--accent)}.club-choice-check{position:absolute;right:5px;top:5px;font-size:8px;color:#f7bbdf}.setup-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px}.setup-footer>p{font-size:9px;color:var(--muted)}.toast{position:fixed;bottom:23px;left:calc(50% + 104px);transform:translate(-50%,10px);opacity:0;pointer-events:none;z-index:150;background:#49324f;color:#f1d7eb;border:1px solid #77537f;border-radius:5px;padding:12px 17px;font-size:11px;max-width:calc(100% - 30px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.algorithm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.formula-box{padding:14px;background:#1b172a;border:1px solid #3b304c;border-radius:4px;margin:15px 0}.formula{display:block;font:11px/1.9 Consolas,monospace;color:#9adfe0;overflow-wrap:anywhere}.algorithm-note{border:1px solid #46344f;border-left:3px solid var(--accent);padding:14px;background:#282034;color:var(--muted);font-size:11px;line-height:1.8;margin-top:16px}.algorithm-note strong{display:block;color:#d0bedc}.algorithm-steps{font-size:11px;color:var(--muted);line-height:1.9;padding-left:19px}.algorithm-steps li{padding:5px 0}.example-box{border-left:2px solid var(--cyan);background:#252b39;padding:14px;color:#b6ccd4;font-size:11px;line-height:1.8;margin-top:15px}.menu-backdrop{display:none}
@media(max-width:1200px){.dashboard-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout>.panel:last-child{grid-column:1/-1}.club-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tactics-layout{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr)}.topbar{gap:12px}.topbar-search{max-width:240px}.date-label{display:none}.clubs-layout{grid-template-columns:1fr}.setup-club-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.tactics-layout{grid-template-columns:1fr}.tactics-controls{max-width:460px;margin-left:auto;margin-right:auto}.calendar-grid{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 40px #07031170}.sidebar.mobile-open{transform:translateX(0)}.menu-backdrop{display:block;position:fixed;inset:0;background:#0805119e;z-index:60}.main{margin-left:0;padding:0 16px 22px}.topbar{margin:0 -16px;padding:0 16px}.mobile-menu-btn{display:inline-grid}.topbar-title{font-size:11px}.continue-btn{font-size:9px;padding:8px 12px}.avatar{display:none}.toast{left:50%}.main-footer{font-size:7px}}
@media(max-width:680px){.topbar{height:auto;min-height:64px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;padding:12px 16px;gap:10px}.topbar-search{max-width:none;width:100%;margin:0;grid-column:1/-1;grid-row:2}.top-actions{margin:0;grid-column:3}.continue-btn{font-size:9px;padding:7px 11px;min-height:31px}.page-heading{flex-wrap:wrap;align-items:flex-start;margin:18px 0 15px;gap:13px}.page-title{font-size:21px}.page-actions{width:100%}.dashboard-layout,.algorithm-grid{grid-template-columns:1fr;gap:12px}.dashboard-layout>.panel:last-child,.span2,.wide{grid-column:auto}.metrics-strip{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.club-grid,.setup-club-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.club-card{padding:12px}.club-card-head{gap:8px}.club-card-head>.club-logo{max-width:31px;max-height:36px}.club-card-info h3,.club-card-info strong{font-size:11px}.training-options{grid-template-columns:1fr}.market-controls .field{min-width:calc(50% - 6px);flex:1}.pitch{height:450px}.data-table{min-width:530px;font-size:11px}.modal-backdrop{padding:13px}.modal{max-height:calc(100dvh - 26px)}.modal-body{padding:18px}.setup{padding:23px 17px}.setup-title{font-size:23px}.setup-subtitle{font-size:10px}.club-choice{padding:10px 8px;gap:8px}.club-choice>.club-logo{max-width:28px;max-height:32px}.setup-footer{flex-direction:column;align-items:stretch;gap:14px;margin-top:18px}.setup-footer .btn{width:100%}.scoreboard{padding:22px 17px;gap:11px}.scoreboard-team{font-size:10px}.scoreboard-team>.club-logo{max-width:46px;max-height:53px}.score-big{font-size:38px}.main-footer{flex-direction:column;gap:5px;font-size:8px}}
@media(max-width:380px){.pitch{height:420px}.player-tag{font-size:8px;max-width:69px}.score-big{font-size:32px}.metric-label{font-size:7px}.club-choice strong{font-size:9px}.club-choice>.club-logo{max-width:25px;max-height:29px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Align the visual components with the live interface markup. */
:root{font-size:14px}
.mobile-menu-btn.icon-btn{display:inline-grid}
.continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:4px;line-height:1.4;font-size:11px}
.menu-backdrop{border:0;padding:0}
.nav-item{font-size:13px;padding:9px 10px}.nav-caption{font-size:9px}.club-name{font-size:13px}.club-meta{font-size:10px}.brand-word{font-size:16px}.breadcrumb{font-size:11px}.date-label{font-size:10px}.date-label strong{font-size:11px}.topbar-search .search-input{font-size:12px}
.page-title{font-size:24px}.page-subtitle{font-size:12px}.page-eyebrow,.eyebrow{font-size:9px}.btn{font-size:12px}.btn-small{font-size:11px}.panel-title{font-size:13px}.panel-header>.muted{font-size:10px}.panel-body>p{font-size:12px}.panel-footer{font-size:11px}.small-note,.stat-note{font-size:11px}.metric-label{font-size:10px}.metric-value{font-size:26px}.metrics-strip{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.main-footer{font-size:9px}
.dashboard-layout{grid-auto-flow:dense}.content>.panel+.panel,.content>.algorithm-grid+.panel{margin-top:14px}
.progress-bar,.fitness-bar,.progress-fill,.fitness-fill{display:block}.strength-row{font-size:12px}.strength-row strong{font-size:11px}
.inbox-item,.match-row{width:100%;background:none;color:var(--ink);text-align:left;border:0;border-bottom:1px solid var(--line)}
.inbox-item:hover,.match-row:hover{background:#2b243c}.inbox-item{align-items:flex-start;padding:14px 7px}.inbox-item:last-child,.match-row:last-child{border-bottom:0}.inbox-copy{min-width:0;flex:1}.inbox-copy strong{display:block;font-size:13px;line-height:1.5;margin:4px 0}.inbox-copy>span:last-child{display:block;font-size:12px;color:var(--muted);line-height:1.65}.news-date{font-size:9px;margin-top:0}.inbox-item>span:last-child{color:#8f7fa5;margin-left:auto}.match-row{font-size:12px;padding:11px 6px;justify-content:flex-start}.match-row>.result-badge{margin-left:auto}.search-results .match-row{padding:10px 12px}.search-results .nav-caption{margin:11px 12px 4px}
.fixture-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.fixture-side{font-size:13px}.fixture-side>span{font-size:11px;font-weight:400;color:var(--muted)}.fixture-kickoff{font-size:10px}.fixture-panel .panel-footer{margin-top:12px}
.data-table{font-size:13px}.data-table th{font-size:10px;height:32px}.data-table td{height:38px;padding:6px 10px}.data-table .btn{padding:0;border:0;background:none;font-size:inherit;font-weight:500;line-height:1.4}.data-table .btn:hover{color:var(--cyan)}.data-table th .btn{font-size:10px;color:var(--muted)}.data-table td.position{display:table-cell;width:auto;height:38px;background:none;border-radius:0;color:#b6a3cf;text-align:center;font-size:11px}.data-table .team-cell{font-size:12px}.rating{height:22px;font-size:11px}.position{font-size:9px}.fitness{font-size:10px}.form-dot{width:16px;height:18px;font-size:9px}.table-wrap .data-table:has(th:nth-child(5):last-child){min-width:0}
.page-toolbar>.input{flex:1 1 220px;width:auto;min-width:160px}.page-toolbar>.select{width:190px;min-width:160px}.page-toolbar>.muted{font-size:11px}.field-label{font-size:11px}.select,.input{font-size:12px}.lineup-select{font-size:11px;border:1px solid #44374f;border-radius:4px;background:#191629;color:#dbd2e6;min-height:29px;padding:5px 7px;max-width:100%}
.pitch-lines>.penalty-area.top,.pitch-lines>.goal-area.top{top:0}.pitch-lines>.penalty-area.bottom,.pitch-lines>.goal-area.bottom{bottom:0}.panel-footer:has(>.strength-row){display:block;padding:12px 0 0;border:0;background:none}.pitch .player-tag{font-size:10px}
.training-option strong{font-size:13px}.training-option>span:nth-child(2)>span{font-size:12px;line-height:1.6}.training-radio{font-size:0}.training-check{background:none;color:var(--accent);font-size:12px}.selected .training-check{background:var(--accent);color:white}
.club-card-info strong,.club-card-info h3{font-size:13px}.club-card-info span,.club-card-info small{font-size:11px}.club-card-head>span:last-child{margin-left:auto;color:#8c7c9e}.club-profile{border:0;background:none;overflow:visible}.club-profile>.panel+.panel{margin-top:14px}.profile-header .muted{font-size:11px}.panel-body>.page-actions,.modal-body>.page-actions{margin-top:16px}
.panel-body:has(>.calendar-round){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendar-match{width:100%;border:0;border-top:1px solid #30283d;background:var(--panel);color:var(--ink);font-size:11px}.calendar-match[data-action]:hover{background:#36253f}.calendar-match.my-club{background:#342038}.calendar-match .team-cell{min-width:0;font-size:11px;white-space:normal;line-height:1.4}.calendar-match .team-cell:first-child{text-align:right}.calendar-round-title{font-size:10px}.result-badge{font-size:11px}.result-badge.win{color:var(--cyan)}.result-badge.loss{color:#e184a4}
.setup>.modal-body{padding:0}.setup-title{font-size:26px}.setup-subtitle{font-size:12px}.club-choice strong{font-size:12px}.club-choice small{font-size:10px}.setup-footer .small-note{margin-top:4px}.setup-footer .club-identity{font-size:13px}
.score-big>span{display:inline;font-size:inherit;letter-spacing:0;color:var(--accent)}.result-dialog .scoreboard>div:nth-child(2){text-align:center}.result-dialog>h3{font-size:13px;margin:20px 0 11px}.result-dialog .match-events{margin:0;padding-top:10px}.result-dialog .event{font-size:12px}.scoreboard-team{font-size:13px}.result-stats>div{font-size:13px}.result-stats span{font-size:11px}.event-minute{font-size:10px}
@media(max-width:820px){.mobile-menu-btn.icon-btn{display:inline-grid}.sidebar{padding-top:20px}.main-footer{font-size:9px}}
@media(max-width:680px){.metrics-strip{grid-template-columns:1fr 1fr}.metric-label{font-size:9px}.metric-value{font-size:24px}.page-title{font-size:23px}.data-table{font-size:12px}.data-table .team-cell{font-size:12px}.table-wrap .data-table:has(th:nth-child(5):last-child){min-width:0}.panel-body:has(>.calendar-round){grid-template-columns:1fr}.calendar-match{padding:10px;font-size:11px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px}.calendar-match .team-cell{font-size:10px;gap:5px}.page-toolbar>.select{width:auto;flex:1 1 160px}.page-toolbar>.input{flex-basis:100%}.club-card-info strong{font-size:12px}.club-card-info span{font-size:10px}.club-choice strong{font-size:11px}.club-choice small{font-size:9px}.setup-subtitle{font-size:11px}.fixture-meta{font-size:10px}.fixture-side{font-size:12px}.inbox-copy strong{font-size:12px}.inbox-copy>span:last-child{font-size:11px}.setup-footer .club-identity{font-size:12px}}

/* Final refinements verified in the rendered desktop and mobile views. */
.topbar-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.breadcrumb{overflow:hidden;text-overflow:ellipsis}
.panel-footer .btn{font-size:11px;padding:5px 0}.panel-footer .btn.full-width{padding:8px 12px}
.data-table:has(.lineup-select) td{padding:4px 10px}
@media(max-width:680px){.pitch .player-tag{max-width:64px;font-size:9px}.panel-footer .btn{font-size:11px}}

/* Player attributes,.weight-editor-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start;margin:16px 0}

.attribute-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:650}
.attribute-group-heading small{font-size:10px;font-weight:400;color:var(--muted)}
.attribute-list{padding:3px 13px 9px}

.attribute-label{min-width:0;font-size:12px;line-height:1.45;color:#d7cfdf}

.attribute-provenance{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid #44384f;border-radius:4px;background:#261f35;font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0}
.attribute-provenance>p{flex:1;min-width:160px}
.attribute-provenance a{color:#a9dfe1;text-decoration:underline;text-underline-offset:2px}
.attribute-source-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #554461;border-radius:3px;font-size:10px;font-weight:600;line-height:1.4;white-space:nowrap;background:#352a43;color:#c3b1d5}
.provenance-estimated{border-color:#77633d;background:#42352a;color:#e3c383}
.provenance-verified{border-color:#3d7570;background:#254542;color:#a3ddcf}
.provenance-imported{border-color:#655889;background:#332d49;color:#c7bae8}
.attribute-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px;border:1px solid var(--line);border-radius:4px;background:#251f36;margin:14px 0}

.attribute-summary .small-note{margin-top:5px}
.role-selector{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.role-selector .select{width:auto;min-width:180px}
.role-selector .field-label{margin:0}
.role-evaluation{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.role-evaluation>div{min-width:0}
.role-evaluation strong{font-size:13px}
.role-evaluation small{display:block;font-size:11px;color:var(--muted);line-height:1.6}
.weight-editor-layout .panel-body{padding:6px 13px 12px}
.weight-row{display:grid;grid-template-columns:minmax(0,1fr) 58px 45px;align-items:center;gap:9px;min-height:43px;border-bottom:1px solid #302a42;padding:5px 0;font-size:12px}
.weight-row:last-child{border-bottom:0}
.weight-row label{min-width:0;line-height:1.4}
.weight-input{width:58px;min-height:30px;padding:4px 6px;border:1px solid #51425c;border-radius:3px;background:#191629;color:#eee6f5;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}
.weight-input:hover{border-color:#84608b}
.weight-input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-color:#679da5}
.weight-percent{font-size:10px;line-height:1.3;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.attribute-formula{display:block;padding:13px 15px;border:1px solid #3f344e;border-left:3px solid var(--cyan);border-radius:3px;background:#1c192b;color:#bcd9dd;font:12px/1.9 Consolas,monospace;overflow-wrap:anywhere;margin:14px 0}
.weight-key{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:var(--muted);line-height:1.6}

.role-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}
.role-card{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:54px;padding:10px 11px;border:1px solid #4d3f58;border-radius:4px;background:#292237;color:var(--ink);font-size:12px;text-align:left}
.role-card:hover{border-color:#87618c;background:#33263e}
.role-card.selected{border-color:var(--accent);background:#3a253e}
.role-card strong{color:var(--cyan);font-size:17px;font-weight:650;font-variant-numeric:tabular-nums}
.role-card small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}
.attribute-preview{padding:13px 15px;background:#1c192b;border:1px solid #423650;border-radius:4px;margin:14px 0;min-width:0}
.attribute-preview>p{font-size:12px;line-height:1.8;color:var(--muted)}
.attribute-import-panel{margin-top:14px}
.attribute-import-panel textarea{display:block;resize:vertical;min-height:180px;max-height:440px;font:11px/1.8 Consolas,monospace;tab-size:2}
.attribute-import-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}
.attribute-import-actions .small-note{margin:0;flex:1;min-width:180px}
.attribute-inline-stats{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}

.attribute-inline-stats small{color:var(--muted);font-size:9px}
@media(max-width:1100px){.weight-editor-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.role-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.role-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.weight-editor-layout{grid-template-columns:1fr;gap:12px}.attribute-label{font-size:12px}.attribute-group-heading{font-size:13px}.attribute-summary{gap:12px;padding:13px}.attribute-summary>.role-selector{width:100%}.role-selector .select{flex:1;min-width:150px}.attribute-provenance{padding:11px 12px;gap:8px;font-size:11px}.attribute-provenance>p{flex-basis:100%}.attribute-import-actions{align-items:stretch}.attribute-import-actions .btn{flex:1}.attribute-import-panel textarea{font-size:10px;min-height:180px}.attribute-formula{font-size:11px;padding:12px}.role-card{font-size:11px;padding:9px 10px}.role-card strong{font-size:16px}}

/* Attribute layouts aligned with the integrated profile and weight editor. */
.role-evaluation{flex-wrap:wrap;align-items:stretch;margin:14px 0}
.role-evaluation>.role-selector{display:flex;flex-direction:column;align-items:stretch;gap:7px;flex:0 1 240px;min-width:170px}
.role-evaluation .role-selector .field-label{display:block;margin:0}
.role-evaluation .role-selector .select{width:100%;min-width:0}
.role-evaluation>.attribute-summary{flex:1 1 320px;margin:0;justify-content:flex-start;gap:17px}
.attribute-summary>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.attribute-summary>div>.muted{display:block;font-size:11px;line-height:1.6}

.weight-input:disabled{opacity:.45;cursor:default;background:#252033;border-color:#3c3349}

@media(max-width:680px){.role-evaluation{gap:11px}.role-evaluation>.role-selector{flex:1 1 100%}.role-evaluation>.attribute-summary{flex:1 1 100%;gap:14px}.attribute-summary>div{flex:1}}

.weight-editor-layout .panel-body{padding:0}

.rating.attr-high{background:#234c4d;color:#8ce3e0}
.rating.attr-good{background:#2d423c;color:#a7d5a2}
.rating.attr-mid{background:#443c31;color:#e1c277}
.rating.attr-low{background:#302b3e;color:#aaa0b8}

/* Relative scout assessments keep the attributes central to the manager's judgment. */
.scout-rating{display:inline-flex;align-items:center;justify-content:flex-start;vertical-align:middle;line-height:1;white-space:nowrap;flex-shrink:0}
.scout-stars{display:inline-flex;align-items:center;gap:1px;line-height:1;font-size:14px;font-family:'Segoe UI Symbol','Arial',sans-serif;letter-spacing:0}
.scout-star{display:block;line-height:1.1;width:1em;text-align:center;color:#53495f}
.scout-star.full{color:#e5be68}
.scout-star.half{color:transparent;background:linear-gradient(90deg,#e5be68 0%,#e5be68 50%,#53495f 50%,#53495f 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.scout-star.empty{color:#53495f}
.scout-star.uncertain{color:#bbb0c6;opacity:.6}
.data-table .scout-stars{font-size:13px;gap:0}
.data-table .scout-rating{min-height:20px}
.rating:has(.scout-rating){display:inline-flex;width:auto;min-width:0;height:auto;padding:0;border-radius:0;background:none;color:inherit}

.team-assessment{display:inline-block;font-size:12px;font-weight:600;line-height:1.5;color:#d9cde4;overflow-wrap:anywhere}
.metric-value .team-assessment{font-size:16px;font-weight:600;line-height:1.4}
.player-rating{position:static;display:flex;align-items:center;justify-content:center;width:auto;max-width:84px;height:17px;min-height:17px;margin-top:3px;padding:2px 4px;border-radius:3px;background:#171828de;color:inherit;font-weight:400}
.pitch-player .player-rating .scout-stars{font-size:11px;gap:0}
.pitch-player{max-width:90px}
.role-card .scout-stars{font-size:14px;gap:0}
.role-card:has(.scout-rating){flex-wrap:wrap;justify-content:flex-start}
.role-card:has(.scout-rating) .scout-rating{margin-left:auto}
.attribute-summary .scout-rating .scout-stars{font-size:20px;gap:2px}
@media(max-width:680px){.pitch-player .player-rating{padding:2px 3px;height:16px;min-height:16px}.pitch-player .player-rating .scout-stars{font-size:10px}.metric-value .team-assessment{font-size:14px}}
@media(forced-colors:active){.scout-star.full{color:Highlight}.scout-star.empty{color:GrayText}.scout-star.uncertain{color:CanvasText;opacity:.6}.scout-star.half{color:Highlight;background:none;-webkit-text-fill-color:Highlight;border-inline-end:1px dotted GrayText}}
.pitch-player>.shirt{order:1}.pitch-player>.player-tag{order:2}.pitch-player>.player-rating{order:3}
/* Sector labels reserve their own space instead of competing with the comparison bar. */
.strength-row.team-assessment{display:grid;grid-template-columns:78px minmax(25px,1fr) minmax(70px,max-content);gap:10px;align-items:center;font-weight:400}
.strength-row.team-assessment>strong{font-size:11px;line-height:1.4;white-space:nowrap;font-weight:600}
.scout-star.uncertain{color:#b8acc9;-webkit-text-fill-color:#b8acc9;background:none;opacity:.75}

@media(max-width:380px){.strength-row.team-assessment{grid-template-columns:70px minmax(20px,1fr) minmax(65px,max-content);gap:8px}.strength-row.team-assessment>strong{font-size:10px}}

/* Tactics screen modelled on the Football Manager 24 overview: green tactic panel beside the selection table. */
.tx{--tx-green:#23913f;--tx-green-bar:#2fb150;--tx-green-dark:#1b7934;--tx-green-card:#16662c;--tx-pitch:#279744;--tx-pitch-alt:#2b9f49;--tx-line-pitch:#ffffff52;--tx-slate:#41465a;--tx-name:#1d2027;--tx-selected:#7656d6;--tx-attack:#78e07a;--tx-support:#5fb6ff;--tx-defend:#ff875a;--tx-panel:#1c192a;--tx-panel-alt:#242036;--tx-line:#312c44;--tx-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");min-width:0;color:#fff}
.tx select option{background:#221e33;color:#fff}
.tx-left,.tx-center,.tx-subs-list,.tx-table-wrap{position:relative}
.tx-head{display:flex;align-items:center;gap:12px;margin:14px 0 12px}
.tx-head h1{font-size:22px;line-height:1.2;font-weight:700}
.tx-head p{margin-top:2px;font-size:13px;color:#b9b0c9}
.tx-body{display:grid;grid-template-columns:minmax(0,1fr) 650px;gap:12px;height:max(660px,calc(100dvh - 150px))}
.tx-green{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--tx-green);border-radius:6px;overflow:hidden}
.tx-bar{display:flex;align-items:center;gap:14px;padding:8px 14px;background:var(--tx-green-bar);box-shadow:inset 0 -1px #157132}
.tx-bar-title{display:flex;align-items:center;gap:6px;color:#0b3818;font-size:13px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tx-bar-title svg{width:18px;height:18px;fill:none;stroke:#0b3818;stroke-width:2}
.tx-plan-name{display:flex;align-items:baseline;gap:10px;min-width:0;padding:7px 14px;border-radius:4px;background:#0e5631}
.tx-plan-name strong{font-size:15px;font-weight:700;white-space:nowrap}
.tx-plan-name span{font-size:12px;color:#a8ddb7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tx-meter{display:flex;flex-direction:column;gap:3px;width:150px;flex-shrink:0}
.tx-plan-name+.tx-meter{margin-left:auto}
.tx-meter>span:first-child{color:#0b3818;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tx-meter-bar{display:block;height:13px;padding:2px;border-radius:2px;background:#101310}
.tx-meter-bar>span{display:block;height:100%;border-radius:1px}
.tx-meter.fit .tx-meter-bar>span{background:#2fd1a7}
.tx-meter.intensity .tx-meter-bar>span{background:#ff5b5b}
.tx-main{display:grid;grid-template-columns:214px minmax(0,1fr) 160px;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}
.tx-cap{display:block;color:#d3eeda;font-size:11px;font-weight:800;letter-spacing:.08em;text-align:center;text-transform:uppercase}
.tx-left{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;overflow-y:auto;background:var(--tx-green-dark);scrollbar-width:thin}
.tx-left-block{display:flex;flex-direction:column;gap:6px;padding-bottom:11px;border-bottom:1px solid #ffffff1f}
.tx-style-select,.tx-formation-select{appearance:none;border:0;background:transparent var(--tx-chevron) no-repeat right 2px center/16px;color:#fff;font-weight:800;text-transform:uppercase;cursor:pointer}
.tx-style-select{width:100%;padding:3px 22px;font-size:15px;text-align:center;text-align-last:center}
.tx-mentality{appearance:none;width:100%;padding:8px 30px 8px 12px;border:0;border-radius:4px;background:#11592a var(--tx-chevron) no-repeat right 9px center/15px;color:#fff;font-size:15px;font-weight:600;text-align:center;text-align-last:center;cursor:pointer}
.tx-style-select:hover,.tx-formation-select:hover{color:#dfffe6}
.tx-mentality:hover{background-color:#0f4f25}
.tx-phase{padding:10px 10px 4px;border-radius:4px;background:var(--tx-green-card)}
.tx-phase h3{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tx-phase h3 svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8}
.tx-phase ul{margin:8px 0 2px;padding:0;list-style:none;text-align:center}
.tx-phase li{color:#d7efdd;font-size:12.5px;line-height:1.7}
.tx-phase li.muted{color:#a2d2ae;font-style:italic}
.tx-change{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:7px;border:0;border-radius:3px;background:none;color:#fff;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
.tx-change:hover{background:#ffffff17}
.tx-change span{font-size:16px;line-height:1}
.tx-center{display:flex;flex-direction:column;min-width:0;min-height:0;padding:8px 14px 16px;overflow-y:auto;scrollbar-width:thin}
.tx-center-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:8px}
.tx-formation{display:flex;flex-direction:column;align-items:center;gap:1px}
.tx-formation-main{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:800;text-transform:uppercase}
.tx-formation-select{padding:1px 24px 1px 2px;font-size:18px}
.tx-formation-pair{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.tx-formation-pair strong{font-size:17px;font-weight:800}
.tx-formation-pair span{margin-right:6px;color:#d3eeda;font-size:12px;font-weight:700;text-transform:uppercase}
.tx-pitch-wrap{position:relative;flex:0 0 auto;height:max(540px,calc(100dvh - 290px))}
.tx .fm-pitch{position:absolute;inset:0;width:auto;max-width:none;height:auto;margin:0;border:0;border-radius:3px;overflow:visible;background:repeating-linear-gradient(180deg,var(--tx-pitch) 0 8.333%,var(--tx-pitch-alt) 8.333% 16.666%);box-shadow:inset 0 0 0 1px #ffffff1f}
.tx .fm-pitch .pitch-lines{inset:14px;border:2px solid var(--tx-line-pitch)}
.tx .fm-pitch .pitch-lines:before{border-top:2px solid var(--tx-line-pitch)}
.tx .fm-pitch .center-circle{width:118px;height:118px;border:2px solid var(--tx-line-pitch)}
.tx .fm-pitch .penalty-area{width:54%;height:16%;border:2px solid var(--tx-line-pitch)}
.tx .fm-pitch .goal-area{width:26%;height:6%;border:2px solid var(--tx-line-pitch)}
.tx .fm-pitch .penalty-area.top,.tx .fm-pitch .goal-area.top{border-top:0}
.tx .fm-pitch .penalty-area.bottom,.tx .fm-pitch .goal-area.bottom{border-bottom:0}
.tx .fm-pitch .pitch-player{width:136px;max-width:136px;min-width:0;padding:0;gap:0;border-radius:4px;z-index:2;cursor:pointer}
.tx .fm-pitch .pitch-player>.club-kit,.tx .fm-pitch .pitch-player>.shirt{order:0;width:54px;height:54px;margin-bottom:-2px;filter:drop-shadow(0 3px 3px #0a361880)}
.tx .fm-pitch .pitch-player:hover>.club-kit,.tx .fm-pitch .pitch-player:hover>.shirt{filter:drop-shadow(0 0 6px #ffffffa0)}
.tx-role,.tx-name{display:flex;align-items:center;gap:5px;width:100%;min-width:0;padding:0 6px;white-space:nowrap}
.tx-role>span,.tx-name>span:not(.tx-dot){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:center}
.tx-role svg,.tx-name svg{width:12px;height:12px;flex-shrink:0;fill:none;stroke:#ffffffa8;stroke-width:2.6}
.tx-role{order:1;position:relative;z-index:1;height:22px;padding-left:8px;border-radius:3px 3px 0 0;background:var(--tx-slate);color:#fff;font-size:11.5px;font-weight:700;box-shadow:inset 3px 0 var(--tone,#9aa0b4)}
.tx-role.attack{--tone:var(--tx-attack)}
.tx-role.support{--tone:var(--tx-support)}
.tx-role.defend{--tone:var(--tx-defend)}
.tx-name{order:2;height:27px;border-radius:0 0 3px 3px;background:var(--tx-name);color:#fff;font-size:13px;font-weight:600}
.tx-name>span.long{font-size:11.5px}
.tx-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#5be37a}
.tx-dot.ok{background:#f2d24b}
.tx-dot.bad{background:#ff6b57}
.tx .fm-pitch .pitch-player:hover .tx-name{background:#2b303b}
.tx .fm-pitch .pitch-player.selected .tx-role{background:var(--tx-selected)}
.tx .fm-pitch .pitch-player.selected .tx-name{box-shadow:0 0 0 2px var(--tx-selected)}
.tx .fm-pitch .pitch-player.drop-target .tx-name{box-shadow:0 0 0 2px #ffe066}
.tx .fm-pitch .pitch-player.dragging,.tx-sub.dragging,.tx-reserve.dragging{opacity:.45}
.tx .fm-pitch .pitch-player:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tx-pitch-tools{justify-self:start;display:flex;gap:2px;padding:3px;border-radius:5px;background:#0b3d1cd9}
.tx-pitch-tools button{padding:6px 10px;white-space:nowrap;border:0;border-radius:3px;background:none;color:#d6efdc;font-size:11.5px;font-weight:700;cursor:pointer}
.tx-pitch-tools button:hover{background:#ffffff17}
.tx-pitch-tools button.active{background:var(--tx-selected);color:#fff}
.tx-analysis-btn{justify-self:end;display:flex;align-items:center;gap:6px;padding:7px 12px;border:0;border-radius:4px;background:#0b3d1cd9;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.tx-analysis-btn:hover{background:#0b3d1c}
.tx-analysis-btn svg{width:16px;height:16px;fill:none;stroke:#8ee69f;stroke-width:2}
.tx-pitch-stat{position:absolute;bottom:26px;z-index:1;display:flex;flex-direction:column;pointer-events:none}
.tx-pitch-stat.left{left:28px}
.tx-pitch-stat.right{right:28px;text-align:right}
.tx-pitch-stat span{color:#e1f5e6;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tx-pitch-stat strong{font-size:15px;font-weight:700}
.tx-analysis{margin-top:16px;padding:4px 2px 0;outline:0}
.tx-analysis h3{font-size:14px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tx-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:10px}
.tx-analysis h4{color:#a3f2b0;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tx-analysis h4.bad{color:#ffb4a3}
.tx-findings{display:flex;flex-direction:column;gap:9px;margin:9px 0 0;padding:0;list-style:none}
.tx-findings li{display:flex;align-items:flex-start;gap:9px}
.tx-findings li.muted{color:#c4e6cc;font-size:12.5px}
.tx-findings strong{display:block;font-size:13.5px;font-weight:600;line-height:1.4}
.tx-findings small{display:block;color:#cdebd4;font-size:12px;line-height:1.5}
.tx-thumb svg{width:17px;height:17px;margin-top:1px;fill:#5fe07a}
.tx-findings.bad .tx-thumb svg{fill:#ff6150;transform:rotate(180deg)}
.tx-matchup{margin-top:16px;padding:12px 14px;border-radius:4px;background:var(--tx-green-card)}
.tx-matchup h4{display:flex;align-items:center;gap:8px;color:#fff}
.tx-matchup ul{display:grid;gap:8px;margin:9px 0 0;padding:0;list-style:none}
.tx-matchup li strong{display:block;font-size:13px}
.tx-matchup li span,.tx-matchup p{color:#cdebd4;font-size:12px;line-height:1.5}
.tx-matchup p{margin-top:6px}
.tx-subs{display:flex;flex-direction:column;min-height:0;box-shadow:inset 1px 0 #ffffff17}
.tx-subs-head{display:flex;flex-direction:column;align-items:center;padding:10px 8px 6px}
.tx-subs-head strong{font-size:17px;font-weight:800}
.tx-subs-list{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding:4px 12px 16px;overflow-y:auto;scrollbar-width:thin}
.tx-sub{display:flex;flex-direction:column;align-items:center;cursor:grab}
.tx-sub>.club-kit,.tx-sub>.shirt{order:0;width:48px;height:48px;margin-bottom:-2px;filter:drop-shadow(0 3px 3px #0a361880)}
.tx-sub .tx-name{border:0;border-radius:3px;cursor:pointer}
.tx-sub .tx-name:hover{background:#2b303b}
.tx-sub small{order:3;margin-top:3px;color:#c7e8cf;font-size:11.5px;text-align:center}
.tx-selection{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--tx-line);border-radius:6px;overflow:hidden;background:var(--tx-panel)}
.tx-sel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--tx-line);background:var(--tx-panel-alt)}
.tx-sel-title strong{display:block;font-size:14px}
.tx-sel-title span{color:#a99fbd;font-size:12px}
.tx-btn{padding:8px 14px;border:1px solid #4a4361;border-radius:4px;background:#2f2a45;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.tx-btn:hover{background:#3a3456}
.tx-table-wrap{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.tx-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px}
.tx-table .c-pos{width:48px}.tx-table .c-role{width:154px}.tx-table .c-stars{width:78px}.tx-table .c-pi{width:30px}.tx-table .c-inf{width:48px}.tx-table .c-con{width:38px}.tx-table .c-mor{width:38px}.tx-table .c-goals{width:44px}
.tx-table th{position:sticky;top:0;z-index:1;padding:9px 6px;border-bottom:1px solid var(--tx-line);background:var(--tx-panel);color:#a99fbd;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}
.tx-table th:nth-child(n+6){text-align:center}
.tx-table td{height:46px;padding:0 6px;border-bottom:1px solid var(--tx-line);vertical-align:middle}
.tx-table td:nth-child(n+6){text-align:center}
.tx-pos{color:#fff;font-size:12px;font-weight:700;text-align:center}
.tx-starter .tx-pos{background:#3b3752}
.tx-starter.gol .tx-pos{background:#4a4660}
.tx-starter .tx-role-cell{background:#2a2640;box-shadow:inset 3px 0 var(--tone,#9aa0b4)}
.tx-role-cell.attack{--tone:var(--tx-attack)}
.tx-role-cell.support{--tone:var(--tx-support)}
.tx-role-cell.defend{--tone:var(--tx-defend)}
.tx-role-cell button{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:0 0 0 4px;border:0;background:none;color:#fff;text-align:left;cursor:pointer}
.tx-role-cell button>span{min-width:0}
.tx-role-cell strong{display:block;overflow:hidden;font-size:12.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.tx-role-cell small{display:block;overflow:hidden;color:#a99fbd;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.tx-role-cell svg{width:14px;height:14px;flex-shrink:0;fill:none;stroke:#bdb4d0;stroke-width:2.4}
.tx-reserve .tx-pos{background:#25213a;color:#a99fbd}
.tx-reserve .tx-role-cell{padding-left:10px;color:#a99fbd;font-size:12px}
.tx-stars .scout-stars{font-size:13px;gap:0}
.tx-pi-icon{display:inline-flex}
.tx-pi-icon svg{width:18px;height:18px;fill:none;stroke:#5f5877;stroke-width:1.8}
.tx-pi-icon.active svg{stroke:#b89cff}
.tx-player button{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;color:#fff;font-size:13.5px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.tx-player button:hover{color:#d8c9ff}
.tx-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#34304a;color:#cfc6e0;font-size:10.5px;font-weight:700}
.tx-badge{display:inline-block;padding:2px 5px;border-radius:3px;background:#3f5a47;color:#d0f0d9;font-size:10px;font-weight:700}
.tx-badge+.tx-badge{margin-left:3px}
.tx-heart,.tx-morale{display:inline-flex;vertical-align:middle}
.tx-heart svg{width:20px;height:20px;fill:var(--level)}
.tx-morale svg{width:19px;height:19px}
.tx-morale circle{fill:var(--level)}
.tx-morale path{fill:none;stroke:#1c192a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tx-heart.great,.tx-morale.great{--level:#44d16b}
.tx-heart.good,.tx-morale.good{--level:#a6dd4a}
.tx-heart.ok,.tx-morale.ok{--level:#f2cf3b}
.tx-heart.low,.tx-morale.low{--level:#f7963a}
.tx-heart.bad,.tx-morale.bad{--level:#f0533f}
.tx-goals{color:#7d7494;font-weight:700}
.tx-goals.scored{color:#fff}
.tx-table tbody tr:hover td{background-color:#2c2743}
.tx-table tbody tr.tx-starter:hover .tx-pos{background-color:#4a4566}
.tx-table tr.selected .tx-pos,.tx-table tr.selected .tx-role-cell{background:var(--tx-selected)}
.tx-table tr.selected .tx-role-cell small{color:#e7defe}
.tx-divider td{height:30px;background:#171424;color:#a99fbd;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-align:left!important;text-transform:uppercase}
.tx-reserve{cursor:grab}
.tx-sel-footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--tx-line);background:var(--tx-panel-alt);color:#fff;font-size:12px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase;cursor:pointer}
button.tx-sel-footer:hover{background:#2d2843}
@media(max-width:1699px){.tx-body{grid-template-columns:minmax(0,1fr);height:auto}.tx-green{height:max(660px,calc(100dvh - 150px))}.tx-table-wrap{overflow:visible}}
.phase-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;font-weight:600;color:#bdc8d7;letter-spacing:.2px}
.phase-label:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--cyan)}

/* Post-match tactical reports share the dialog's single readable scroll surface. */
.tactical-match-report{min-width:0;margin:22px 0 20px;padding-top:17px;border-top:1px solid #44384f}
.tactical-match-report>h3{margin:0 0 12px;font-size:14px;font-weight:650;line-height:1.5;color:#eee4f3}
.tactical-match-report>.result-stats{margin:0 0 14px;padding:8px 13px;border:1px solid #44394f;border-radius:4px;background:#1d192d;gap:0}
.tactical-match-report>.result-stats>div,.tactical-match-report .stat-row{display:grid;grid-template-columns:minmax(35px,1fr) minmax(0,2fr) minmax(35px,1fr);align-items:center;gap:8px;min-height:36px;padding:7px 0;text-align:center;font-size:13px;font-variant-numeric:tabular-nums;border-bottom:1px solid #352d45}
.tactical-match-report>.result-stats>div:last-child,.tactical-match-report .stat-row:last-child{border-bottom:0}
.tactical-match-report .result-stats span,.tactical-match-report .stat-row span{font-size:11px;line-height:1.5;color:#b3a7c1}
.tactical-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.tactical-report-side{min-width:0;padding:14px;border:1px solid #493b55;border-radius:4px;background:#262035}
.tactical-report-side h4{margin:0 0 7px;font-size:13px;line-height:1.5;font-weight:650;color:#f0e1ef}
.tactical-report-side>.phase-label{display:block;margin:0;color:#9fd3d3;font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.tactical-report-side>.phase-label:before{display:inline-block;margin-right:6px;vertical-align:middle}
.tactical-report-side>ul{padding:0 0 0 16px;margin:12px 0 0;color:#c5b8d2;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.tactical-report-side li+li{margin-top:7px}
.tactical-report-side>.small-note{padding:9px 10px;margin:13px 0 0;border-left:2px solid #bc9460;border-radius:2px;background:#34292e;font-size:10px;line-height:1.75;color:#d8bea1;overflow-wrap:anywhere}
.tactical-report-side>.small-note strong{font-weight:650;color:#e5c18b}
.tactical-match-report>.small-note{font-size:10px;line-height:1.8;margin-top:12px;color:#a294b2}
@media(max-width:680px){.tactical-match-report{margin:19px 0 17px;padding-top:15px}.tactical-match-report>h3{font-size:13px}.tactical-report-grid{grid-template-columns:1fr;gap:11px}.tactical-report-side{padding:13px}.tactical-report-side h4{font-size:13px}.tactical-report-side>ul{font-size:11px;line-height:1.8}.tactical-match-report>.result-stats{padding:7px 11px}.tactical-match-report>.result-stats>div{min-height:36px}.tactical-match-report .result-stats span{font-size:11px}.tactical-match-report>.small-note{font-size:10px}.result-dialog .result-footer{flex-wrap:wrap;gap:9px;padding:13px}.result-dialog .result-footer>.btn{flex:1;min-width:0;padding:8px 9px;font-size:10px}}

/* Collapsible sidebar on desktop: an icon rail, like the Football Manager navigation. */
@media(min-width:821px){
.sidebar,.main{transition:width .18s ease,margin-left .18s ease,padding .18s ease}
body.sidebar-collapsed .sidebar{width:64px;padding:18px 9px 14px;overflow-x:hidden}
body.sidebar-collapsed .main{margin-left:64px}
body.sidebar-collapsed .brand{justify-content:center;margin:0 0 20px}
body.sidebar-collapsed .brand>span:not(.brand-mark){display:none}
body.sidebar-collapsed .sidebar-club{justify-content:center;padding:8px 0}
body.sidebar-collapsed .sidebar-club>div{display:none}
body.sidebar-collapsed .sidebar-club>.club-logo{max-width:30px;max-height:32px}
body.sidebar-collapsed .nav-caption{height:1px;margin:10px 6px;overflow:hidden;color:transparent;background:var(--line)}
body.sidebar-collapsed .nav-item{position:relative;justify-content:center;padding:10px 0}
body.sidebar-collapsed .nav-label,body.sidebar-collapsed .save-status{display:none}
body.sidebar-collapsed .nav-counter{position:absolute;top:3px;right:5px}
}

/* Player editor modelled on the Football Manager player and role screens. */
.modal.px-modal{width:min(1260px,96vw);padding:0;background:#1b1829;border-color:#3a3352;overflow:auto}
.px{--px-line:#332d48;--px-panel:#221e34;--px-selected:#7656d6;color:#f1edf8}
.px-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,330px);align-items:center;gap:18px;padding:18px 58px 16px 22px;border-bottom:1px solid var(--px-line);background:linear-gradient(100deg,color-mix(in srgb,var(--club) 42%,#1b1829) 0,#241f38 46%,#1f1b30 100%)}
.px-head .modal-close{top:16px;right:16px}
.px-kit{width:78px;height:78px;filter:drop-shadow(0 4px 6px #0008)}
.px-eyebrow{display:block;color:#c9bfdc;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.px-id h2{margin:3px 0 6px;font-size:25px;line-height:1.15;font-weight:750}
.px-facts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:#d6cfe4;font-size:13px}
.px-facts>span{display:inline-flex;align-items:center;gap:6px}
.px-stat .tx-heart svg,.px-stat .tx-morale svg{width:17px;height:17px}
.px-picker{display:flex;flex-direction:column;gap:5px;min-width:0}
.px-picker>span{color:#c9bfdc;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.px-picker select{appearance:none;width:100%;padding:9px 34px 9px 12px;border:1px solid #4a4266;border-radius:4px;background:#2a2540 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center/15px;color:#fff;font-size:14px;font-weight:600;cursor:pointer}
.px-picker select:disabled{opacity:.55;cursor:not-allowed}
.px-picker small{color:#a99fbd;font-size:11.5px;line-height:1.4}
.px-tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid var(--px-line);background:#1f1b30}
.px-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 18px 9px;border:0;border-bottom:3px solid transparent;background:none;color:#b3a9c6;text-align:left;cursor:pointer}
.px-tabs button strong{font-size:13.5px;font-weight:700}
.px-tabs button span{font-size:11.5px;color:#9389a8}
.px-tabs button:hover{color:#fff;background:#ffffff08}
.px-tabs button.active{border-bottom-color:var(--px-selected);color:#fff}
.px-tabs button.active span{color:#cbbdf7}
.px-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 330px;min-height:540px}
.px h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#c9bfdc}
.px-roles{display:flex;flex-direction:column;gap:4px;max-height:640px;padding:16px 12px;overflow-y:auto;border-right:1px solid var(--px-line);background:#1e1a2e;scrollbar-width:thin}
.px-roles h3{margin:0 4px 8px}
.px-role{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 11px;border:0;border-radius:4px;background:var(--px-panel);color:#e8e2f3;text-align:left;cursor:pointer}
.px-role:hover{background:#2c2744}
.px-role.selected{background:var(--px-selected);color:#fff}
.px-role-name{display:flex;flex-direction:column;min-width:0}
.px-role-name strong{font-size:13.5px;font-weight:650;line-height:1.3}
.px-role-name small{color:#a99fbd;font-size:11px;font-weight:700}
.px-role.selected .px-role-name small{color:#e4dbff}
.px-role .scout-stars{font-size:12px;gap:0;white-space:nowrap}
.px-role.selected .scout-star.empty{color:#ffffff59}
.px-center{min-width:0;padding:16px 20px 20px}
.px-role-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:4px;background:var(--px-panel);box-shadow:inset 3px 0 var(--tone,#9aa0b4)}
.px-role-card.attack{--tone:#78e07a}.px-role-card.support{--tone:#5fb6ff}.px-role-card.defend{--tone:#ff875a}
.px-role-card h3{margin:3px 0 5px;color:#fff;font-size:19px;letter-spacing:0;text-transform:none}
.px-role-card p{color:#cfc7de;font-size:13.5px;line-height:1.55}
.px-role-card .scout-stars{font-size:18px;white-space:nowrap}
.px-attrs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px}
.px-attrs-head span{display:inline-flex;align-items:center;gap:7px;color:#b3a9c6;font-size:12px}
.px-key-swatch{width:14px;height:14px;border-radius:2px;background:#2f8f4e;box-shadow:inset 3px 0 #5fe07a}
.px-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.px-attrs h4{margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid var(--px-line);color:#e8e2f3;font-size:12.5px;font-weight:700}
.px-attrs ul{margin:0;padding:0;list-style:none}
.px-attrs li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 8px;border-radius:2px;font-size:13px;line-height:1.55}
.px-attrs li:nth-child(even){background:#ffffff06}
.px-attrs li.key{background:#2f8f4e5c;box-shadow:inset 3px 0 #5fe07a;color:#fff;font-weight:600}
.px-attrs li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-attrs strong{min-width:22px;font-size:14px;font-weight:800;text-align:right}
.px-attrs strong.attr-high{color:#4fe08a}
.px-attrs strong.attr-good{color:#c5e85a}
.px-attrs strong.attr-mid{color:#f2c94c}
.px-attrs strong.attr-low{color:#f27b5d}
.px-attrs strong.est{font-style:italic;opacity:.75}
.px-side{display:flex;flex-direction:column;gap:12px;padding:16px 16px 18px;border-left:1px solid var(--px-line);background:#1e1a2e}
.px-side-note{margin-top:-6px;color:#a99fbd;font-size:12px}
.px-instruction{display:flex;flex-direction:column;gap:6px;padding:11px 12px;border-radius:4px;background:var(--px-panel)}
.px-instruction-label{font-size:13px;font-weight:700}
.px-segment{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;border-radius:4px;background:#16131f}
.px-segment button{padding:7px 4px;border:0;border-radius:3px;background:none;color:#c3b9d6;font-size:11.5px;font-weight:600;line-height:1.25;cursor:pointer}
.px-segment button:hover{background:#2c2744;color:#fff}
.px-segment button.active{background:var(--px-selected);color:#fff}
.px-instruction small{color:#a99fbd;font-size:11.5px;line-height:1.45}
.px-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:6px}
.px-btn{padding:9px 14px;border:1px solid #4a4266;border-radius:4px;background:#2a2540;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.px-btn:hover{background:#352f50}
.px-btn.primary{border-color:var(--px-selected);background:var(--px-selected)}
.px-btn.primary:hover{background:#6648c4}

/* Team instructions editor, sharing the player editor's Football Manager styling. */
.modal.px-modal:has(.tm){width:min(1120px,96vw)}
.tm-head{grid-template-columns:auto minmax(0,1fr)}
.tm-head .club-logo{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 5px #0007)}
.tm-grid{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:470px}
.tm-visual{display:flex;flex-direction:column;gap:12px;padding:16px;border-right:1px solid var(--px-line);background:#1e1a2e}
.tm-pitch{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 2px 10px #0006}
.tm-summary{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}
.tm-summary li{display:flex;justify-content:space-between;gap:10px;padding:5px 8px;border-radius:3px;font-size:12.5px;color:#b3a9c6}
.tm-summary li strong{color:#e8e2f3;font-weight:600;text-align:right}
.tm-summary li.changed{background:#7656d633;color:#ded5f7;box-shadow:inset 3px 0 var(--px-selected)}
.tm-summary li.changed strong{color:#fff}
.tm-options{display:flex;flex-direction:column;gap:12px;min-width:0;padding:16px 18px}
.tm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.px-instruction.changed{box-shadow:inset 3px 0 var(--px-selected)}
.tm-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--px-line);background:#1f1b30}
.px-btn:disabled{opacity:.45;cursor:not-allowed}
.tm-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:-2px 0 0;padding:0;list-style:none;color:#c9bfdc;font-size:11.5px}
.tm-legend li{display:inline-flex;align-items:center;gap:6px}
.tm-key{position:relative;display:inline-block;width:20px;height:3px;border-radius:2px;background:var(--c)}
.tm-key.arrow:after{content:'';position:absolute;right:-3px;top:50%;border:4px solid transparent;border-left:6px solid var(--c);border-right:0;transform:translateY(-50%)}
.tm-key.line{height:0;background:none;border-top:3px dashed var(--c)}
.tm-key.dash{height:0;background:none;border-top:3px dotted var(--c)}
.tm-key.dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #0b2a16}

/* Player profile modelled on the Football Manager player overview. */
.modal.px-modal:has(.pp){width:min(1300px,96vw)}
.pp-head{grid-template-columns:auto minmax(0,1fr) auto;padding:20px 58px 18px 22px}
.pp-photo{position:relative;flex-shrink:0;overflow:hidden;border-radius:6px;background:linear-gradient(165deg,color-mix(in srgb,var(--club) 70%,#2a2540) 0,#1b1829 100%);box-shadow:0 4px 14px #0007,inset 0 0 0 1px #ffffff1f}
.pp-photo.lg{width:116px;height:116px}
.pp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;opacity:0;transition:opacity .2s}
.pp-photo.has-photo img{opacity:1}
.pp-silhouette{position:absolute;inset:14% 12% 0;width:76%;height:86%;fill:#ffffff38}
.pp-photo.has-photo .pp-silhouette{display:none}
.pp-club{display:inline-flex;align-items:center;gap:7px}
.pp-club .club-logo{width:18px;height:18px}
.pp-head .px-id h2{font-size:28px}
.pp-head .attribute-source-badge{margin-left:2px}
.pp-tiles{display:grid;grid-template-columns:repeat(5,auto);gap:8px}
.pp-tile{display:flex;flex-direction:column;gap:3px;min-width:92px;padding:9px 12px;border-radius:5px;background:#16131fb3;box-shadow:inset 0 0 0 1px #ffffff14}
.pp-tile span{color:#b9b0c9;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pp-tile strong{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:750;white-space:nowrap}
.pp-tile .tx-heart svg,.pp-tile .tx-morale svg{width:18px;height:18px}
.pp-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;align-items:start}
.pp-main{min-width:0;padding:18px 22px 20px}
.pp-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.pp-legend{display:flex;flex-wrap:wrap;gap:6px 14px;color:#b3a9c6;font-size:11.5px}
.pp-legend span{display:inline-flex;align-items:center;gap:5px}
.pp-key-swatch{width:14px;height:14px;border-radius:2px;background:#2f8f4e;box-shadow:inset 3px 0 #5fe07a}
.pp-attrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pp-attrs.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pp-attrs h4{margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--px-line);color:#e8e2f3;font-size:13px;font-weight:700}
.pp-attrs ul{margin:0;padding:0;list-style:none}
.pp-attrs li{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;padding:2px 8px;border-radius:2px;font-size:13.5px}
.pp-attrs li:nth-child(even){background:#ffffff06}
.pp-attrs li.key{background:#2f8f4e5c;box-shadow:inset 3px 0 #5fe07a;color:#fff;font-weight:600}
.pp-attrs li>span{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap}
.pp-attrs strong{min-width:24px;font-size:15px;font-weight:800;text-align:right}
.pp-attrs strong.attr-high{color:#4fe08a}.pp-attrs strong.attr-good{color:#c5e85a}.pp-attrs strong.attr-mid{color:#f2c94c}.pp-attrs strong.attr-low{color:#f27b5d}
.pp-attrs strong.est{font-style:italic;opacity:.8}
.pp-origin{padding:0 4px;border-radius:3px;font-size:9.5px;font-weight:700;line-height:15px;text-transform:lowercase}
.pp-origin.est{background:#3a3450;color:#c9bfdc}
.pp-origin.edit{background:#5a3f9a;color:#efe7ff}
.pp-origin.dev{background:none;padding:0;color:#4fe08a;font-size:12px}
.pp-input{width:52px;padding:4px 6px;border:1px solid #4a4266;border-radius:3px;background:#16131f;color:#fff;font-size:14px;font-weight:700;text-align:center}
.pp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.px-btn.ghost{border-color:transparent;background:none;color:#cbbdf7}
.px-btn.ghost:hover{background:#ffffff0d}
.pp-note{margin-top:10px;color:#9389a8;font-size:11.5px;line-height:1.5}
.pp-side{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px;border-left:1px solid var(--px-line);background:#1e1a2e}
.pp-card{padding:14px;border-radius:5px;background:var(--px-panel)}
.pp-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.pp-role-select{display:flex;flex-direction:column;gap:3px;color:#a99fbd;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.pp-role-select select{appearance:none;padding:6px 28px 6px 9px;border:1px solid #4a4266;border-radius:4px;background:#2a2540 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 7px center/13px;color:#fff;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;cursor:pointer}
.pp-verdict{display:flex;align-items:center;gap:12px}
.pp-verdict .scout-stars{font-size:22px;white-space:nowrap}
.pp-verdict strong{display:block;font-size:15px}
.pp-verdict span{color:#b3a9c6;font-size:12px}
.pp-confidence{margin:8px 0 12px;color:#9389a8;font-size:11.5px}
.pp-points-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pp-points{padding:9px 10px;border-radius:4px;background:#1b1829}
.pp-points h4{margin:0 0 6px;font-size:11.5px;font-weight:700}
.pp-points.good h4{color:#9ff0ad}.pp-points.bad h4{color:#ffb4a3}
.pp-points ul{margin:0;padding:0;list-style:none}
.pp-points li{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;line-height:1.7}
.pp-points p{color:#9389a8;font-size:12px}
.pp-visuals{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px;align-items:start}
.pp-visuals h3{margin-bottom:8px}
.pp-visuals p{margin-top:6px;color:#d6cfe4;font-size:12px;text-align:center}
.pp-position{display:block;width:100%;height:auto;border-radius:3px}
.pp-radar{display:block;width:100%;height:auto;overflow:visible}
.pp-data dl{display:grid;gap:4px;margin:8px 0 0}
.pp-data dl>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #ffffff0d;font-size:12.5px}
.pp-data dt{color:#a99fbd}
.pp-data dd{margin:0;font-weight:600;text-align:right}
.pp-source{margin-top:8px;color:#9389a8;font-size:11.5px;line-height:1.5}
.pp-source a{color:#cbbdf7}
.pp-priorities{margin-top:20px;padding-top:16px;border-top:1px solid var(--px-line)}
.pp-priorities ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;margin:0;padding:0;list-style:none}
.pp-priorities li{display:grid;grid-template-columns:minmax(0,1fr) 90px 82px 26px;align-items:center;gap:10px;padding:5px 8px;border-radius:3px;background:#ffffff06;font-size:13px}
.pp-priorities li>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-weight{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}
.pp-weight i{display:block;height:100%;background:#7656d6}
.pp-priorities em{color:#a99fbd;font-size:11.5px;font-style:normal}
.pp-priorities strong{font-size:14px;font-weight:800;text-align:right}
.pp-priorities strong.attr-high{color:#4fe08a}.pp-priorities strong.attr-good{color:#c5e85a}.pp-priorities strong.attr-mid{color:#f2c94c}.pp-priorities strong.attr-low{color:#f27b5d}

/* Transfers hub and negotiation window, in the same Football Manager styling as tactics. */
.tf{--px-line:#332d48;--px-panel:#221e34;--px-selected:#7656d6;min-width:0;color:#f1edf8}
.tf-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}
.tf-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--px-line);border-radius:6px;background:#1c192a}
.tf-tile span{color:#b9b0c9;font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.tf-tile strong{font-size:20px;font-weight:750}
.tf-tile small{color:#9389a8;font-size:11.5px}
.tf-tabs{display:flex;gap:2px;border-bottom:1px solid var(--px-line)}
.tf-tabs button{display:inline-flex;align-items:center;gap:8px;padding:11px 16px 10px;border:0;border-bottom:3px solid transparent;background:none;color:#b3a9c6;font-size:13.5px;font-weight:700;cursor:pointer}
.tf-tabs button:hover{color:#fff;background:#ffffff08}
.tf-tabs button.active{border-bottom-color:var(--px-selected);color:#fff}
.tf-tabs button span{padding:1px 7px;border-radius:9px;background:#2f2a45;color:#d8cff0;font-size:11px}
.tf-tabs button.active span{background:var(--px-selected);color:#fff}
.tf-panel{padding:14px 0 0}
.tf-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.tf-toolbar .input{max-width:360px}
.tf-toolbar .select{max-width:220px}
.tf-table-wrap{overflow:auto;border:1px solid var(--px-line);border-radius:6px;background:#1c192a}
.tf-table{width:100%;border-collapse:collapse;font-size:13px}
.tf-table th{position:sticky;top:0;z-index:1;padding:9px 10px;border-bottom:1px solid var(--px-line);background:#221e34;color:#a99fbd;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}
.tf-table td{padding:7px 10px;border-bottom:1px solid #2a2540;vertical-align:middle;white-space:nowrap}
.tf-table tbody tr:hover td{background:#26213a}
.tf-table tr.closed td{opacity:.62}
.tf-table tr.soon td{background:#3a2a1c40}
.tf-table .scout-stars{font-size:12px;gap:0}
.tf-player{display:flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#fff;text-align:left;cursor:pointer}
.tf-player strong{display:block;font-size:13.5px}
.tf-player small{display:block;color:#a99fbd;font-size:11.5px}
.tf-player:hover strong{color:#d8c9ff}
.pp-photo.sm{width:34px;height:34px;border-radius:5px}
.pp-photo.sm .pp-silhouette{inset:16% 10% 0}
.tf-club{display:inline-flex;align-items:center;gap:7px}
.tf-club .club-logo{width:20px;height:20px}
.tf-pos{display:inline-block;min-width:34px;padding:2px 6px;border-radius:3px;background:#34304a;color:#fff;font-size:11px;font-weight:700;text-align:center}
.tf-interest,.tf-status{display:inline-block;padding:3px 9px;border-radius:10px;font-size:11.5px;font-weight:700;white-space:nowrap}
.tf-interest.none{background:#4a2630;color:#ffb4a3}
.tf-interest.conditional{background:#4a3d22;color:#ffd98a}
.tf-interest.interested{background:#1f4430;color:#9ff0ad}
.tf-interest.very_interested{background:#1d5a37;color:#c6ffd0}
.tf-status{background:#2f2a45;color:#d8cff0}
.tf-status.action{background:var(--px-selected);color:#fff}
.tf-status.completed{background:#1d5a37;color:#c6ffd0}
.tf-status.rejected,.tf-status.expired,.tf-status.invalidated{background:#4a2630;color:#ffb4a3}
.tf-status.cancelled{background:#33304a;color:#a99fbd}
.tf-status.listed{background:#4a3d22;color:#ffd98a}
.tf-meter{display:inline-block;width:80px;height:7px;border-radius:4px;background:#ffffff14;overflow:hidden;vertical-align:middle}
.tf-meter i{display:block;height:100%;background:#4fe08a}
.tf-empty{padding:28px;border:1px dashed var(--px-line);border-radius:6px;color:#a99fbd;text-align:center}
.tf-note{margin-top:10px;color:#9389a8;font-size:12px;line-height:1.55}
.px-btn.small{padding:6px 11px;font-size:12px}
.modal.px-modal:has(.ng){width:min(1180px,96vw)}
.ng-head{grid-template-columns:auto minmax(0,1fr) auto}
.ng-head .px-facts+.px-facts{margin-top:4px;color:#b9b0c9;font-size:12.5px}
.ng-route{display:inline-flex;align-items:center;gap:8px}
.ng-head-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ng-steps{display:flex;gap:0;margin:0;padding:12px 22px;list-style:none;border-bottom:1px solid var(--px-line);background:#1f1b30}
.ng-steps li{display:flex;flex:1;align-items:center;gap:8px;color:#8d84a2;font-size:12.5px;font-weight:700}
.ng-steps li:not(:last-child):after{content:'';flex:1;height:2px;margin:0 10px;background:#332d48}
.ng-steps li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2a2540;color:#b3a9c6;font-size:12px}
.ng-steps li.done{color:#9ff0ad}.ng-steps li.done span{background:#2f8f4e;color:#fff}
.ng-steps li.done:not(:last-child):after{background:#2f8f4e}
.ng-steps li.current{color:#fff}.ng-steps li.current span{background:var(--px-selected);color:#fff}
.ng-steps li.failed{color:#ffb4a3}.ng-steps li.failed span{background:#8a3a3a;color:#fff}
.ng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 18px 0}
.ng-card{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:6px;background:var(--px-panel)}
.ng-card.current{box-shadow:inset 0 0 0 1px var(--px-selected)}
.ng-card h3{margin:0}
.ng-lines{display:grid;gap:3px;margin:0}
.ng-lines>div{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid #ffffff0d;font-size:13px}
.ng-lines dt{color:#a99fbd}
.ng-lines dd{margin:0;font-weight:600;text-align:right}
.ng-lines .strong dt,.ng-lines .strong dd{color:#fff;font-weight:800}
.ng-fin{margin-top:4px}
.ng-form{display:flex;flex-direction:column;gap:8px}
.ng-form label{display:flex;flex-direction:column;gap:4px;color:#a99fbd;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ng-form input,.ng-form select{width:100%;padding:8px 10px;border:1px solid #4a4266;border-radius:4px;background:#16131f;color:#fff;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none}
.ng-form.contract{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ng-form.contract .ng-buttons,.ng-form.contract p{grid-column:1/-1}
.ng-form.disabled{opacity:.55}
.ng-buttons{display:flex;flex-wrap:wrap;gap:6px}
.ng-muted{color:#9389a8;font-size:12px;line-height:1.5}
.ng-ok{color:#9ff0ad;font-size:12.5px;font-weight:700}
.ng-counter{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:5px;background:#2b2445;box-shadow:inset 3px 0 #ffc857}
.ng-counter strong{color:#ffd98a;font-size:12.5px}
.ng-expect{padding:8px 10px;border-radius:5px;background:#1b1829}
.ng-expect p{margin-top:3px;color:#d6cfe4;font-size:12.5px}
.ng-log{margin:12px 18px 0}
.ng-log ul{margin:0;padding-left:18px;color:#d6cfe4;font-size:13px;line-height:1.6}
.ng-spacer{flex:1}
.tm-foot{align-items:center}
.ng-list-body{padding:18px 22px}
.ng-list-body .ng-form{max-width:300px;margin-bottom:10px}
.pp-transfer{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px}
@media(max-width:1500px){.tf-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.ng-grid{grid-template-columns:1fr 1fr}}
#content:focus{outline:none}