.player-comparison-page{--pc-a: #581C87;--pc-b: #FF00C8;--pc-ink: #14081D;--pc-volt: #CEFF00;--pc-line: #E2E8F0;--pc-muted: #64748B;--pc-mono: "JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;--pc-display: "Montserrat", ui-sans-serif, sans-serif}.pc-builder{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.pc-versus{position:absolute;top:22px;left:50%;z-index:2;display:grid;width:40px;height:40px;place-items:center;transform:translate(-50%);border:2px solid var(--pc-ink);color:var(--pc-ink);background:var(--pc-volt);font:italic 900 13px/1 var(--pc-display)}.pc-side{display:grid;min-width:0;border:1px solid var(--pc-line);border-top:5px solid var(--pc-a);background:#fff}.pc-side.is-b{border-top-color:var(--pc-b)}.pc-side>header{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;color:#fff;background:var(--pc-ink)}.pc-side.is-b>header{flex-direction:row-reverse;text-align:right}.pc-side>header>span{display:grid;gap:4px}.pc-side>header>span b{font:italic 900 22px/1 var(--pc-display);text-transform:uppercase}.pc-side>header>span small{color:var(--pc-volt);font:700 9px/1 var(--pc-mono);text-transform:uppercase}.pc-side>header>strong{display:grid;justify-items:end;gap:3px;color:#fff;font:italic 900 34px/1 var(--pc-display)}.pc-side.is-b>header>strong{justify-items:start}.pc-side>header>strong small{color:#cbd5e1;font:700 9px/1 var(--pc-mono);font-style:normal}.pc-side>ul{margin:0;padding:0;list-style:none}.pc-side-empty{margin:0;padding:26px 18px;color:var(--pc-muted);font-size:13px;text-align:center}.pc-player{display:grid;grid-template-columns:44px minmax(0,1fr) auto 28px;align-items:center;gap:10px;min-height:70px;padding:8px 12px 8px 14px;border-bottom:1px solid var(--pc-line)}.pc-player-kit{display:grid;width:44px;height:48px;place-items:center}.pc-player-kit :is(img,.pitch-shirt){max-width:44px;max-height:48px}.pc-player-copy{display:grid;min-width:0;gap:6px}.pc-player-name{display:flex;min-width:0;align-items:center;gap:6px}.pc-player-name>strong{overflow:hidden;color:var(--pc-ink);font:italic 900 15px/1.1 var(--pc-display);text-overflow:ellipsis;white-space:nowrap}.pc-player-name .position-tag{flex:0 0 auto}.pc-player-flag{flex:0 0 auto;padding:2px 5px;color:#92400e;background:#fef3c7;font:700 8px/1.2 var(--pc-mono);font-style:normal;text-transform:uppercase}.pc-player-flag.is-u{color:#991b1b;background:#fee2e2}.pc-player-fixtures{display:flex;flex-wrap:wrap;gap:4px}.pc-fixture-round{display:flex;gap:2px}.pc-fixture{display:inline-flex;min-height:22px;align-items:center;gap:2px;padding:1px 5px 1px 3px;border:1px solid;font:700 9px/1 var(--pc-mono)}.pc-fixture.is-home{border-color:#16a34a;color:#166534;background:#f0fdf4}.pc-fixture.is-away{border-color:#ef4444;color:#991b1b;background:#fef2f2}.pc-fixture.is-blank{border-color:#cbd5e1;color:var(--pc-muted);background:#f8fafc}.pc-fixture .club-badge{width:16px;height:16px;border:0;background:transparent}.pc-fixture .club-badge img{width:15px;height:15px;object-fit:contain}.pc-player-xpts{display:grid;justify-items:end;gap:2px}.pc-player-xpts b{color:var(--pc-a);font:800 17px/1 var(--pc-mono)}.pc-side.is-b .pc-player-xpts b{color:#b0008a}.pc-player-xpts small{color:var(--pc-muted);font:700 8px/1 var(--pc-mono);text-transform:uppercase}.pc-player-remove{width:26px;height:26px;padding:0;border:1px solid var(--pc-ink);color:var(--pc-ink);background:#fff;font:900 14px/1 var(--pc-display);cursor:pointer}.pc-player-remove:hover{color:#fff;background:var(--pc-b)}.pc-add{display:flex;min-height:56px;align-items:center;justify-content:center;gap:10px;margin:12px;border:2px dashed #C4B5D0;color:var(--pc-a);background:#faf7fc;font:700 10px/1 var(--pc-mono);text-transform:uppercase;cursor:pointer}.pc-add b{display:grid;width:26px;height:26px;place-items:center;border:2px solid currentColor;font:700 18px/1 var(--pc-display)}.pc-add:hover{border-color:var(--pc-ink);color:var(--pc-ink);background:var(--pc-volt)}.pc-picker{margin:12px;border:2px solid var(--pc-ink);background:#fff}.pc-picker-search{display:flex;border-bottom:1px solid var(--pc-line)}.pc-picker-search input{min-width:0;flex:1;min-height:46px;padding:0 14px;border:0;color:var(--pc-ink);font-size:14px}.pc-picker-search:focus-within{box-shadow:inset 0 0 0 3px var(--pc-volt)}html[data-design-variant=volt] .player-comparison-page .pc-picker-search input:is(:focus,:focus-visible){outline:0;box-shadow:none;background:transparent}.pc-picker-search input{background:transparent}.pc-picker-search button{width:46px;border:0;border-left:1px solid var(--pc-line);color:var(--pc-ink);background:transparent;font:900 18px/1 var(--pc-display);cursor:pointer}.pc-picker-filters{display:grid;grid-template-columns:repeat(5,1fr);background:var(--pc-a)}.pc-picker-filters button{min-height:32px;border:0;color:#fff;background:transparent;font:700 10px/1 var(--pc-mono);cursor:pointer}.pc-picker-filters button.is-active{color:var(--pc-ink);background:var(--pc-volt)}.pc-picker-results{max-height:330px;overflow:auto;overscroll-behavior:contain}.pc-picker-results>button{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;padding:6px 12px;border:0;border-bottom:1px solid var(--pc-line);color:var(--pc-ink);background:#fff;text-align:left;cursor:pointer}.pc-picker-results>button:hover{background:#f3ffd0}.pc-picker-results .club-badge{width:26px;height:26px;border:0;background:transparent}.pc-picker-results .club-badge img{width:24px;height:24px;object-fit:contain}.pc-picker-results>button>span{display:grid;min-width:0;gap:2px}.pc-picker-results>button>span b{overflow:hidden;font:italic 900 13px/1.15 var(--pc-display);text-overflow:ellipsis;white-space:nowrap}.pc-picker-results>button>span small{color:var(--pc-muted);font:700 9px/1 var(--pc-mono)}.pc-picker-results em{display:grid;justify-items:end;color:var(--pc-a);font:800 14px/1 var(--pc-mono);font-style:normal}.pc-picker-results em small{color:var(--pc-muted);font-size:8px}.pc-picker-results>p{margin:0;padding:18px;color:var(--pc-muted);font-size:13px;text-align:center}.pc-verdict{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border:2px solid var(--pc-ink);background:#fff}.pc-verdict strong{color:var(--pc-ink);font:italic 900 20px/1.15 var(--pc-display);text-transform:uppercase}.pc-verdict strong.is-a{color:var(--pc-a)}.pc-verdict strong.is-b{color:#b0008a}.pc-verdict>span{display:flex;flex:0 0 auto;gap:8px}.pc-verdict button{min-height:38px;padding:0 14px;border:2px solid var(--pc-ink);color:var(--pc-ink);background:#fff;font:700 10px/1 var(--pc-mono);text-transform:uppercase;cursor:pointer}.pc-verdict button:hover:not(:disabled){background:var(--pc-volt)}.pc-verdict button:disabled{opacity:.4;cursor:default}.pc-metrics{border:1px solid var(--pc-line);background:#fff}.pc-metrics-head,.pc-metric{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1.2fr) minmax(0,1fr);align-items:center}.pc-metrics-head{min-height:44px;color:#fff;background:var(--pc-ink);font:italic 900 12px/1 var(--pc-display);text-transform:uppercase}.pc-metrics-head>span{padding:0 18px;text-align:center}.pc-metrics-head>span:first-child{color:#e9d5ff;text-align:left}.pc-metrics-head>span:last-child{color:#ffb3ee;text-align:right}.pc-metric-group{position:relative}.pc-metric-group>h2{margin:0;padding:10px 18px;border-top:2px solid var(--pc-ink);color:var(--pc-a);background:#f8f5fa;font:700 10px/1 var(--pc-mono);letter-spacing:0;text-transform:uppercase}.pc-metric{min-height:58px;border-top:1px solid var(--pc-line)}.pc-metric-value{display:flex;min-width:0;align-items:center;gap:8px;padding:8px 18px}.pc-metric-value.is-b{justify-content:flex-end}.pc-metric-value>b{color:var(--pc-ink);font:800 20px/1 var(--pc-mono)}.pc-metric-value>em{padding:3px 5px;color:var(--pc-ink);background:var(--pc-volt);font:700 8px/1 var(--pc-mono);font-style:normal;text-transform:uppercase}.pc-metric-label{display:grid;justify-items:center;gap:3px;padding:8px 10px;text-align:center}.pc-metric-label b{color:var(--pc-ink);font:italic 900 13px/1.1 var(--pc-display);text-transform:uppercase}.pc-metric-label small{color:var(--pc-muted);font:700 8px/1 var(--pc-mono);text-transform:uppercase}.pc-metric-bar{display:block;width:100%;max-width:220px;height:6px;margin-top:4px;background:var(--pc-b)}.pc-metric-bar>i{display:block;height:100%;background:var(--pc-a);transition:width .2s cubic-bezier(.2,0,0,1)}@media (max-width:760px){.pc-builder{grid-template-columns:1fr;gap:26px}.pc-builder>.pc-side.is-a{order:1}.pc-builder>.pc-versus{position:relative;top:0;left:auto;order:2;justify-self:center;margin:-20px 0;transform:none}.pc-builder>.pc-side.is-b{order:3}.pc-side>header{min-height:68px;padding:12px 14px}.pc-side>header>span b{font-size:18px}.pc-side>header>strong{font-size:28px}.pc-player{grid-template-columns:36px minmax(0,1fr) auto 26px;gap:8px;padding:8px 10px}.pc-player-kit{width:36px;height:40px}.pc-player-kit :is(img,.pitch-shirt){max-width:36px;max-height:40px}.pc-player-name>strong{font-size:13px}.pc-verdict{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.pc-verdict strong{font-size:16px}.pc-verdict>span>button{flex:1}.pc-metrics-head,.pc-metric{grid-template-columns:minmax(0,1fr) minmax(110px,1.3fr) minmax(0,1fr)}.pc-metrics-head>span{padding:0 10px;font-size:10px}.pc-metric-group>h2{padding:9px 12px}.pc-metric{min-height:52px}.pc-metric-value{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px}.pc-metric-value.is-b{flex-direction:column-reverse;align-items:flex-end}.pc-metric-value>b{font-size:15px}.pc-metric-label{padding:8px 4px}.pc-metric-label b{font-size:11px}}
