:root{--bg:#060b14;--bg2:#08111e;--panel:#0d1726;--panel2:#111e31;--line:#22334a;--line2:#2d4260;--text:#f5f8fc;--muted:#8fa3bf;--blue:#24a4ff;--cyan:#4ce4ec;--green:#42ddb0;--red:#ff6378;--amber:#ffd064;--shadow:0 18px 60px #0005}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 70% -20%,#102b55 0,transparent 34%),linear-gradient(145deg,var(--bg),#050912 70%);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:222px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;border-right:1px solid #1a2940;background:#070e19e8;backdrop-filter:blur(18px);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 24px}.brand img{width:43px;height:43px;border-radius:13px;box-shadow:0 8px 24px #22aaff25}.brand strong{font-size:17px;display:block}.brand small{color:#6f86a5;font-size:9px;letter-spacing:.18em}.nav{display:grid;gap:5px}.nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;color:#91a6c1;padding:12px 13px;border-radius:11px;text-align:left}.nav button span{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#111d2d;color:#6dbfff}.nav button:hover{background:#0d1828;color:#fff}.nav button.active{background:linear-gradient(100deg,#113453,#11223a);border-color:#1e5f8b;color:#fff}.nav button.active span{background:#179fe9;color:#fff}.side-foot{margin-top:auto;color:#6f86a5;font-size:11px;display:flex;align-items:center;gap:7px;padding:12px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.main{min-width:0}.topbar{height:78px;border-bottom:1px solid #1a2940;display:flex;align-items:center;padding:0 28px;gap:14px;position:sticky;top:0;background:#07101de8;backdrop-filter:blur(18px);z-index:15}.menu-btn{display:none;border:0;background:transparent;color:#fff;font-size:22px}.manager-mini{display:flex;gap:10px;align-items:center}.manager-mini .avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#26c7e9,#596dff);color:#07101d}.manager-mini b,.manager-mini small{display:block}.manager-mini b{font-size:13px}.manager-mini small{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{margin-left:auto;display:flex;gap:8px}.id-box{height:39px;display:flex;align-items:center;border:1px solid var(--line);background:#091321;border-radius:10px;overflow:hidden}.id-box span{padding:0 9px;color:#6f86a5;font-size:10px}.id-box input{border:0;background:transparent;color:#fff;width:86px;outline:0;padding:9px 9px 9px 0}.btn{border:1px solid var(--line);background:#0c1726;color:#b8c7da;border-radius:10px;padding:9px 13px}.btn:hover{border-color:#3d5878;color:#fff}.btn.primary{border-color:#159be5;background:linear-gradient(135deg,#178fef,#18b6d8);color:#fff;font-weight:700}.btn.small{font-size:11px;padding:6px 9px}.page{display:none;padding:30px 30px 80px;max-width:1540px;margin:auto}.page.active{display:block}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 22px}.page-head h1{font-size:31px;letter-spacing:-.04em;margin:4px 0 5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:#3ebcff;font-weight:800;font-size:10px;letter-spacing:.16em}.amber-text{color:var(--amber)}.panel{background:linear-gradient(180deg,#101b2cfa,#0b1422fa);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 34px #0002;overflow:hidden}.metric-grid{display:grid;gap:10px;margin-bottom:12px}.metric-grid.five{grid-template-columns:repeat(5,1fr)}.metric-grid.four{grid-template-columns:repeat(4,1fr)}.metric{padding:16px 17px;border:1px solid var(--line);background:linear-gradient(145deg,#0e1929,#0a1320);border-radius:14px;min-width:0}.metric small{color:var(--muted);font-size:11px}.metric b{display:block;font-size:20px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric.green b,.green{color:var(--green)}.metric.red b,.red{color:var(--red)}.metric.amber b,.amber{color:var(--amber)}.panel-tools{padding:14px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.segmented{display:flex;gap:4px;background:#08111e;border:1px solid var(--line);border-radius:10px;padding:3px;width:max-content;max-width:100%;overflow:auto}.segmented button{border:0;background:transparent;color:#8299b6;padding:7px 11px;border-radius:7px;white-space:nowrap}.segmented button.active{background:#173454;color:#fff}.filters{display:flex;gap:7px}.filters input,.filters select,.select-wide,.planner-actions select,.planner-bar select{border:1px solid var(--line);background:#08121f;color:#dce6f2;border-radius:9px;padding:9px 10px;outline:none}.filters input:focus,.filters select:focus{border-color:#258fd1}.select-wide{min-width:220px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 14px;border-bottom:1px solid #1b2a3d;text-align:left;font-size:12px}th{background:#0e1a2a;color:#7890ae;text-transform:uppercase;letter-spacing:.08em;font-size:9px;position:sticky;top:0;z-index:2}tbody tr:hover{background:#112034}.player-cell{display:flex;align-items:center;gap:9px}.club-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#19283d;color:#8dcfff;font-weight:800;font-size:9px}.star-btn{border:0;background:transparent;color:#607694;font-size:18px}.star-btn.on{color:var(--amber)}.trend-pill,.tag{font-size:9px;padding:5px 8px;border-radius:999px;background:#122137;color:#8da5c2;border:1px solid #263a54}.trend-pill.up{color:var(--green);background:#0d2a25}.trend-pill.down{color:var(--red);background:#2b151e}.empty{color:#7187a4;text-align:center;padding:38px 18px}.hero-rank{padding:25px;display:flex;align-items:center;gap:18px;margin-bottom:12px}.arrow-orb{width:60px;height:60px;border-radius:50%;background:#0d2b26;color:var(--green);display:grid;place-items:center;font-size:30px}.hero-rank small{color:#7f96b4;font-size:10px;letter-spacing:.12em}.hero-rank h2{font-size:44px;margin:3px 0 0}.hero-rank p{margin:2px 0;color:var(--green);font-size:12px}.hero-score{margin-left:auto;text-align:right}.hero-score b{font-size:38px;display:block}.hero-score span{color:#7590ae;font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.section{padding:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.section-title h2{font-size:17px;margin:4px 0 0}.impact-list{display:grid;gap:7px}.impact-row{display:grid;grid-template-columns:minmax(120px,1fr) 70px 80px;align-items:center;gap:9px;border:1px solid #1e3047;background:#0a1422;border-radius:11px;padding:9px 11px}.impact-row .who{display:flex;align-items:center;gap:8px;min-width:0}.impact-row .who span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impact-row strong{text-align:right}.impact-row small{text-align:right;color:#7189a7}.chart-box{min-height:190px;position:relative}.chart-svg{width:100%;height:190px}.chart-line{fill:none;stroke:var(--green);stroke-width:3}.chart-fill{fill:url(#chartGradient)}.chart-axis{stroke:#2a3c54;stroke-width:1}.live-layout{grid-template-columns:.9fr 1.1fr}.match-card{min-height:370px;padding:20px}.match-score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:18px}.match-team .crest{width:62px;height:62px;border-radius:18px;background:#16263b;display:grid;place-items:center;margin:auto auto 9px;font-weight:900;color:#69caff}.match-team b{display:block}.score-number{font-size:38px;font-weight:900}.match-status{color:var(--muted);font-size:11px}.match-stats{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.match-stats div{padding:12px;background:#0a1422;border:1px solid #20324a;border-radius:10px;text-align:center}.match-stats b,.match-stats small{display:block}.match-stats small{color:var(--muted);font-size:9px}.event-feed{max-height:390px;overflow:auto;padding:0}.event-row{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border-bottom:1px solid #1c2b3e}.event-icon{width:28px;height:28px;border-radius:9px;background:#16263a;display:grid;place-items:center}.event-row b,.event-row small{display:block}.event-row small{color:var(--muted);font-size:9px;margin-top:2px}.race-list{display:grid;gap:9px}.race-row{display:grid;grid-template-columns:minmax(110px,1fr) 46px minmax(90px,1fr);align-items:center;gap:10px}.bar{height:6px;border-radius:99px;background:#1a2a40;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#24a4ff,#43ddb0)}.squad-layout,.planner-layout{display:grid;grid-template-columns:minmax(580px,1.15fr) minmax(300px,.65fr);gap:12px}.pitch{min-height:610px;padding:23px 13px;background:linear-gradient(#0c4d3da8,#073b31bd),repeating-linear-gradient(0deg,transparent 0 121px,#ffffff0a 122px 124px),linear-gradient(90deg,transparent 49.7%,#ffffff1a 50%,transparent 50.3%);position:relative}.pitch:before{content:"";position:absolute;left:50%;top:50%;width:120px;height:120px;border:2px solid #ffffff1b;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.pitch-row{display:flex;justify-content:center;gap:8px;margin:17px 0 25px;position:relative;z-index:1}.pitch-player{width:112px;text-align:center;cursor:pointer;position:relative}.pitch-player .shirt{width:52px;height:55px;margin:auto;background:linear-gradient(145deg,#dbe8fa,#6082aa);clip-path:polygon(18% 0,36% 8%,64% 8%,82% 0,100% 18%,84% 36%,78% 100%,22% 100%,16% 36%,0 18%);display:grid;place-items:center;color:#06101d;font-weight:900;font-size:9px}.pitch-player .data{background:#07111ee8;border-radius:9px;border:1px solid #ffffff18;margin-top:-2px;overflow:hidden}.pitch-player .data b{font-size:10px;display:block;padding:5px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pitch-player .data span{display:block;font-size:10px;background:#f2f6fb;color:#09121e;padding:4px}.pitch-player .sub-label{font-size:8px;color:#87a1bc}.pitch-player .captain-badge{position:absolute;right:17px;top:32px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#07111d;color:#fff;font-size:9px;border:1px solid #fff}.pitch-player.selected .data{outline:2px solid var(--cyan)}.summary-rank{text-align:center;padding:20px;border-radius:13px;background:linear-gradient(145deg,#102e38,#102239);border:1px solid #23647a}.summary-rank small,.summary-rank b,.summary-rank span{display:block}.summary-rank b{font-size:35px;margin:4px}.summary-rank span{color:var(--green)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.mini-grid div{padding:12px;border:1px solid #21324a;border-radius:10px;background:#0a1422}.mini-grid small,.mini-grid b{display:block}.mini-grid small{font-size:9px;color:var(--muted)}.mini-grid b{font-size:17px;margin-top:5px}.divider{height:1px;background:var(--line);margin:17px 0}.club-effects{display:grid;gap:8px}.club-effect{display:grid;grid-template-columns:1fr 55px 80px;gap:8px;font-size:11px}.club-effect span:nth-child(2),.club-effect b{text-align:right}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.compare-card{border:1px solid #20324a;background:#0a1422;border-radius:11px;padding:14px}.compare-card small,.compare-card b{display:block}.compare-card small{color:var(--muted);font-size:9px}.compare-card b{font-size:19px;margin-top:5px}.planner-actions{display:flex;gap:7px}.planner-bar{display:grid;grid-template-columns:repeat(5,1fr);padding:12px;margin-bottom:12px}.planner-bar>div{padding:5px 14px;border-right:1px solid var(--line)}.planner-bar>div:last-child{border:0}.planner-bar small,.planner-bar b{display:block}.planner-bar small{color:var(--muted);font-size:9px}.planner-bar b{margin-top:4px}.planner-bar button{border:0;background:transparent;color:#7fcfff;font-size:20px}.planner-pitch{min-height:680px}.planner-side{max-height:680px;overflow:auto}.hint{font-size:11px;color:var(--muted);line-height:1.6}.selected-player{border:1px solid #28415e;background:#0a1524;border-radius:12px;margin-bottom:10px}.selected-card{padding:12px}.selected-card b,.selected-card small{display:block}.selected-card small{color:var(--muted);margin-top:4px}.selected-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.filters.stacked{display:grid}.candidate-list{display:grid;gap:6px;margin-top:10px}.candidate{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid #1f3148;background:#0a1422;border-radius:9px;padding:9px}.candidate b,.candidate small{display:block}.candidate small{color:var(--muted);font-size:9px}.ticker th,.ticker td{text-align:center;min-width:75px}.ticker th:first-child,.ticker td:first-child{text-align:left;position:sticky;left:0;background:#0d1929;z-index:3;min-width:145px}.fixture-chip{display:block;border-radius:7px;padding:5px 4px;font-size:9px;color:#07101d;font-weight:700}.fdr-1,.fdr-2{background:#42ddb0}.fdr-3{background:#cad3dc}.fdr-4{background:#ff6683;color:#fff}.fdr-5{background:#9c1844;color:#fff}.toast{position:fixed;right:22px;bottom:22px;background:#14243a;border:1px solid #345477;border-radius:11px;padding:11px 15px;color:#fff;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:50;font-size:12px}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1050px){.shell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding:18px 9px}.brand{justify-content:center;padding:0 0 22px}.brand div{display:none}.nav button{justify-content:center;padding:11px}.nav button span{width:26px}.nav button:not(.active){font-size:0}.nav button.active{font-size:0}.side-foot span:last-child{display:none}.side-foot{justify-content:center}.metric-grid.five{grid-template-columns:repeat(3,1fr)}.squad-layout,.planner-layout{grid-template-columns:1fr}.planner-side{max-height:none}.pitch{min-height:570px}}
@media(max-width:720px){.shell{display:block}.sidebar{position:fixed;left:-250px;width:230px;transition:.25s}.sidebar.open{left:0}.brand div,.nav button,.nav button.active,.nav button:not(.active){display:flex;font-size:13px}.nav button{justify-content:flex-start}.topbar{height:auto;min-height:68px;padding:12px}.menu-btn{display:block}.manager-mini{display:none}.top-actions{width:100%}.id-box{flex:1}.id-box input{width:100%}.page{padding:22px 12px 70px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:27px}.metric-grid.five,.metric-grid.four{grid-template-columns:1fr 1fr}.panel-tools{align-items:stretch;flex-direction:column}.filters{overflow:auto}.filters input{min-width:160px}.hero-rank{align-items:flex-start;flex-wrap:wrap}.hero-rank h2{font-size:36px}.hero-score{margin-left:78px;text-align:left}.two-col,.live-layout{grid-template-columns:1fr}.squad-layout,.planner-layout{display:block}.pitch{min-height:520px;padding:16px 3px;margin-bottom:12px}.pitch-row{gap:3px;margin:14px 0 22px}.pitch-player{width:74px}.pitch-player .shirt{width:43px;height:48px}.pitch-player .captain-badge{right:5px}.pitch-player .data b{font-size:9px}.planner-bar{grid-template-columns:1fr 1fr}.planner-bar>div{border-bottom:1px solid var(--line)}.planner-bar>div:nth-child(2n){border-right:0}.comparison-grid{grid-template-columns:1fr 1fr}.select-wide{width:100%}.match-score{gap:7px}.score-number{font-size:31px}.toast{left:12px;right:12px;bottom:12px}.planner-actions{width:100%;overflow:auto}.planner-actions select{min-width:120px}}