/* Player profile as a calm bento: five tiles at a glance, the deeper analysis folded away.
   Neutral tiles; colour only from the club art and the data. */
#window[data-window="player-profile"]{width:1080px;background:#0a0a0a;border-color:#2a2a2a}
#window[data-window="player-profile"] .window-heading{background:#0a0a0a;border-bottom-color:#1f1f1f}
#window[data-window="player-profile"] .window-heading .icon-button{background:#161616;border-color:#2e2e2e}
#window[data-window="player-profile"] .window-body{background:#0a0a0a}
#window[data-window="player-profile"] .team-back{margin:14px 20px 0}

/* Layout (the .player-dossier.profile-bento pair outranks the previous profile rules). */
.player-dossier.profile-bento{--pb-card:#121212;--pb-line:#232323;--pb-text:#ededea;--pb-muted:#8d8d88;--pb-faint:#5f5f5b;
 display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;gap:12px;
 height:auto;max-height:none;overflow:visible;padding:16px 20px 18px;background:none;color:var(--pb-text);
 grid-template-areas:
  "hero market market"
  "hero points fixture"
  "hero form   form"
  "news news   news"
  "analysis analysis analysis"
  "footer footer footer"}
.player-dossier.profile-bento>.pb-hero{grid-area:hero}
.player-dossier.profile-bento>.pb-market{grid-area:market}
.player-dossier.profile-bento>.pb-points{grid-area:points}
.player-dossier.profile-bento>.pb-fixture{grid-area:fixture}
.player-dossier.profile-bento>.pb-form{grid-area:form}
.player-dossier.profile-bento>.pb-news{grid-area:news}
.player-dossier.profile-bento>.pb-footer{grid-area:footer}
.player-dossier.profile-bento>.profile-transfer-note{grid-column:1/-1;margin:0}

/* Tiles. */
.profile-bento .pb-tile{min-width:0;position:relative;display:flex;flex-direction:column;gap:12px;margin:0;padding:20px;border:1px solid var(--pb-line);border-radius:18px;background:var(--pb-card);box-shadow:none;overflow:hidden}
.profile-bento .pb-tile[hidden]{display:none}
.profile-bento .pb-label{margin:0;display:flex;align-items:center;gap:8px;font:500 13px/1.3 var(--font-ui,Inter,sans-serif);color:var(--pb-muted);letter-spacing:0;text-transform:none}
.profile-bento .profile-muted{margin:0;font-size:13px;line-height:1.5;color:var(--pb-muted)}
.profile-bento .pb-loading{display:grid;place-items:center;min-height:72px;flex:1}
.profile-bento .pb-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.profile-bento .club{position:static;display:inline-flex;align-items:center;justify-content:center;padding:0;min-width:0;background:none;color:inherit;font-size:inherit;line-height:1}
.profile-bento .club img{width:100%;height:100%;object-fit:contain}

/* Hero: the player on his club colour, identity and the one action below. */
.profile-bento .pb-hero{padding:0;gap:0;min-height:520px;background:linear-gradient(180deg,rgb(var(--profile-club-rgb,47 133 214) / .38),rgb(var(--profile-club-rgb,47 133 214) / .08) 55%,var(--pb-card) 78%)}
.profile-bento .pb-hero-art{position:relative;flex:1;min-height:280px}
.profile-bento .pb-watermark{position:absolute;top:18px;right:-8%;width:78%;aspect-ratio:1;opacity:.14;transform:rotate(-8deg)}
.profile-bento .pb-watermark .club{width:100%;height:100%}
.profile-bento .pb-cutout{position:absolute;left:50%;bottom:0;height:100%;max-height:340px;width:auto;max-width:96%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 10px 18px #0007)}
.profile-bento .pb-initials{position:absolute;inset:0;display:grid;place-items:center;font:800 96px/1 var(--font-ui,Inter,sans-serif);color:#ffffff30}
.profile-bento .pb-hero-copy{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;background:linear-gradient(180deg,transparent,var(--pb-card) 22%)}
.profile-bento .pb-clubline{margin:0;display:flex;align-items:center;gap:7px;font-size:13px;color:#c4c4bf}
.profile-bento .pb-clubline .club{width:18px;height:18px}
.profile-bento .pb-hero h3{margin:0;font:800 32px/1.05 var(--font-ui,Inter,sans-serif);letter-spacing:-.8px;color:#fff;text-transform:none;font-style:normal}
.profile-bento .pb-status{margin:0;display:flex;align-items:center;gap:8px;font-size:14px;color:#dcdcd8}
#window .profile-bento .pb-status .profile-name-mark{position:static;inset:auto;flex:none;width:20px;height:20px;margin:0;transform:none;box-shadow:none;outline:0;display:inline-grid;place-items:center}
#window .profile-bento .pb-status .outlook-mark{position:relative;left:auto;top:auto;width:20px;height:20px;min-width:0;margin:0;transform:none}
.profile-bento .pb-chips{margin:0;display:flex;flex-wrap:wrap;gap:6px}
.profile-bento .pb-chips>span{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border:1px solid var(--pb-line);border-radius:99px;background:#181818;font-size:12px;color:#c4c4bf}
.profile-bento .pb-actions{margin-top:4px}
#window .profile-bento .pb-actions .watch-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;height:44px;padding:0 14px;justify-content:center;border:1px solid #333;border-radius:12px;background:#181818;color:#ededea;font:600 14px/1 var(--font-ui,Inter,sans-serif);box-shadow:none}
#window .profile-bento .pb-actions .watch-toggle:hover{border-color:#555;background:#1d1d1d}
#window .profile-bento .pb-actions .watch-toggle.is-saved{background:#ededea;border-color:#ededea;color:#111}
#window .profile-bento .pb-actions .watch-toggle svg{width:16px;height:16px}

/* Market tile: calm header, neutral range switch. */
.player-dossier.profile-bento>.pb-market{gap:10px;padding:20px;min-height:0}
#window .profile-bento .pb-market .profile-eyebrow{font:500 13px/1.3 var(--font-ui,Inter,sans-serif);letter-spacing:0;text-transform:none;color:var(--pb-muted)}
.profile-bento .pb-market .mv-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.profile-bento .pb-market .mv-price strong{font:700 34px/1.05 var(--font-ui,Inter,sans-serif);letter-spacing:-1px;color:#fff}
.profile-bento .pb-market .mv-ranges{display:flex;gap:2px;padding:3px;border:1px solid var(--pb-line);border-radius:10px;background:#0e0e0e}
.profile-bento .pb-market .mv-ranges button{height:30px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--pb-muted);font-size:12px;box-shadow:none}
.profile-bento .pb-market .mv-ranges button[aria-pressed=true]{background:#262626;color:#fff}
.profile-bento .pb-market .mv-stage{flex:1;min-height:190px}
.profile-bento .pb-market .mv-footer{border-top:1px solid #1d1d1d;padding-top:10px;font-size:12px}

/* Points: the average big, the season total as its line. */
.profile-bento .pb-points{justify-content:space-between}
.profile-bento .pb-points strong{font:700 44px/1 var(--font-ui,Inter,sans-serif);letter-spacing:-1.4px;color:#fff;font-variant-numeric:tabular-nums}
.profile-bento .pb-points small{font-size:13px;color:var(--pb-muted)}

/* Next match. */
.profile-bento .pb-fixture{justify-content:space-between}
.profile-bento .pb-fixture-club{display:flex;align-items:center;gap:12px}
.profile-bento .pb-fixture-club .club{width:40px;height:40px;flex:none}
.profile-bento .pb-fixture-club strong{display:block;font:650 16px/1.2 var(--font-ui,Inter,sans-serif);color:#fff}
.profile-bento .pb-fixture-club small{display:block;font-size:12px;color:var(--pb-muted);margin-top:3px}

/* Form: last five matchdays as columns. */
.profile-bento .pb-form-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;height:110px}
.profile-bento .pb-form-bars>span{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;height:100%}
.profile-bento .pb-form-bars b{font:650 13px/1 var(--font-ui,Inter,sans-serif);color:#fff;font-variant-numeric:tabular-nums}
.profile-bento .pb-form-bars i{align-self:end;width:100%;max-width:52px;height:var(--h);min-height:3px;border-radius:6px;background:#d6d6d2}
.profile-bento .pb-form-bars .is-neg i{background:#e2696f}
.profile-bento .pb-form-bars small{font-size:11px;color:var(--pb-faint)}

/* News: a slim strip, only when there is news. */
.profile-bento .pb-news{flex-direction:row;align-items:flex-start;gap:20px;padding:16px 20px}
.profile-bento .pb-news .pb-label{flex:none;padding-top:12px;width:60px}
.profile-bento .pb-news .profile-news-feed{flex:1;display:grid;gap:8px;min-width:0}
#window .profile-bento .pb-news .profile-news-item{display:block;width:100%;height:auto;min-height:0;padding:12px 14px;text-align:left;border:1px solid var(--pb-line);border-radius:12px;background:#171717;color:var(--pb-text);text-decoration:none;box-shadow:none;grid-template-columns:none}
#window .profile-bento .pb-news .profile-news-item:hover{border-color:#3a3a3a}
#window .profile-bento .pb-news .profile-news-item .nc-copy{display:flex;align-items:baseline;gap:12px;position:static;width:auto;max-width:none;padding:0;background:none}
#window .profile-bento .pb-news .profile-news-item :is(.nc-time,.nc-title){max-width:none;white-space:normal;text-overflow:clip}
#window .profile-bento .pb-news .nc-time{flex:none;order:2;margin-left:auto;font-size:11px;color:var(--pb-faint)}
#window .profile-bento .pb-news .nc-title{font:600 13px/1.35 var(--font-ui,Inter,sans-serif);color:#ededea}
.profile-bento .pb-news .profile-more-news summary{font-size:12px;color:var(--pb-muted);cursor:pointer;padding:2px 0}

.profile-bento .pb-actions-list{list-style:none;margin:0;padding:0;display:grid}
.profile-bento .pb-actions-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #1d1d1d;font-size:13px;color:#d6d6d2}
.profile-bento .pb-actions-list li:first-child{border-top:0}
.profile-bento .pb-actions-list b{font-weight:650;color:#fff;font-variant-numeric:tabular-nums}
.profile-bento .pb-actions-list .is-neg b{color:#e2696f}

/* Footer: source on the left, the two onward links on the right. */
.player-dossier.profile-bento>.pb-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0;padding:2px 4px 0;border:0;background:none;font-size:12px;color:var(--pb-faint)}
.profile-bento .pb-links{display:flex;gap:18px}
.profile-bento .pb-links a{font-size:13px;color:#c4c4bf;text-decoration:none}
.profile-bento .pb-links a:hover{color:#fff}

@media(max-width:860px){
 .player-dossier.profile-bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:
  "hero market" "hero market" "points fixture" "form form" "news news" "analysis analysis" "footer footer"}
 .profile-bento .pb-hero{min-height:440px}
}
@media(max-width:680px){
 .player-dossier.profile-bento{gap:10px;padding:12px;grid-template-areas:
  "hero hero" "points fixture" "market market" "form form" "news news" "analysis analysis" "footer footer"}
 .profile-bento .pb-hero{min-height:400px}
 .profile-bento .pb-hero h3{font-size:28px}
 .profile-bento .pb-points strong{font-size:36px}
 .profile-bento .pb-tile{padding:16px;border-radius:16px}
 .profile-bento .pb-news{flex-direction:column;gap:8px}
 .profile-bento .pb-news .pb-label{padding-top:0}
}

/* Round 3: shorter hero, display-font name and numbers, head-to-head fixture, scored form blocks. */
.profile-bento .pb-hero{min-height:430px}
.profile-bento .pb-hero-art{min-height:220px}
.profile-bento .pb-cutout{max-height:270px}
.profile-bento .pb-hero-copy{gap:8px;padding:14px 20px 18px}
.profile-bento .pb-hero h3{font:italic 800 44px/.92 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:-.01em;text-transform:uppercase}
.profile-bento .pb-points strong{font:italic 800 64px/.9 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:-.01em}
.profile-bento .pb-market .mv-stage{min-height:150px}
.profile-bento .pb-market .mv-price strong{font-size:30px}
.profile-bento .pb-duel{display:flex;align-items:center;gap:14px}
.profile-bento .pb-duel .club{width:44px;height:44px;flex:none}
.profile-bento .pb-vs{font:italic 800 20px/1 var(--font-display,'Barlow Condensed',sans-serif);color:var(--pb-faint);text-transform:uppercase}
.profile-bento .pb-duel-copy{margin:0}
.profile-bento .pb-duel-copy strong{display:block;font:650 15px/1.2 var(--font-ui,Inter,sans-serif);color:#fff}
.profile-bento .pb-duel-copy small{display:block;margin-top:3px;font-size:12px;color:var(--pb-muted)}
.profile-bento .pb-form-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.profile-bento .pb-form-days>span{display:grid;justify-items:center;gap:4px;padding:14px 6px 10px;border-radius:12px;background:#1b1b1b;border:1px solid #242424}
.profile-bento .pb-form-days b{font:italic 800 30px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#ededea;font-variant-numeric:tabular-nums}
.profile-bento .pb-form-days small{font-size:11px;color:var(--pb-muted)}
.profile-bento .pb-form-days [data-tier=zero]{background:#121212;border-color:#1f1f1f}
.profile-bento .pb-form-days [data-tier=zero] b{color:#4a4a47}
.profile-bento .pb-form-days [data-tier=good]{background:#1f3326;border-color:#2a4532}
.profile-bento .pb-form-days [data-tier=top]{background:#2e5e3d;border-color:#3a7049}
.profile-bento .pb-form-days [data-tier=top] b,.profile-bento .pb-form-days [data-tier=good] b{color:#fff}
.profile-bento .pb-form-days [data-tier=neg]{background:#3a1d20;border-color:#52272b}
.profile-bento .pb-form-days [data-tier=neg] b{color:#ffb3b8}
@media(max-width:680px){.profile-bento .pb-hero h3{font-size:38px}.profile-bento .pb-points strong{font-size:52px}.profile-bento .pb-form-days b{font-size:24px}}
/* Header: the close icon sits in the exact centre; the window title reads a size larger. */
#window[data-window="player-profile"] .window-heading .icon-button{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0}
#window[data-window="player-profile"] .window-heading .icon-button svg{display:block;width:16px;height:16px;margin:0}
#window[data-window="player-profile"] #window-title{font-size:15px;letter-spacing:.1em}
@media(max-width:680px){#window[data-window="player-profile"] #window-title{font-size:12px;letter-spacing:.08em}}

/* Insight tiles: position radar, points matrix, minute heat strip, strongest actions. */
.player-dossier.profile-bento{grid-template-areas:
  "hero market market"
  "hero points fixture"
  "hero form   form"
  "radar matrix matrix"
  "radar phases best"
  "news news news"
  "footer footer footer"}
.player-dossier.profile-bento.no-radar{grid-template-areas:
  "hero market market"
  "hero points fixture"
  "hero form   form"
  "matrix matrix best"
  "phases phases best"
  "news news news"
  "footer footer footer"}
.player-dossier.profile-bento>.pb-radar{grid-area:radar}
.player-dossier.profile-bento>.pb-matrix{grid-area:matrix}
.player-dossier.profile-bento>.pb-phases{grid-area:phases}
.player-dossier.profile-bento>.pb-best{grid-area:best}
.profile-bento :is(.pb-radar,.pb-matrix,.pb-phases,.pb-best) .pb-body{justify-content:flex-start}

/* Radar: the player against the middle of his position. */
.profile-bento .pi-radar{margin:0;display:grid;gap:10px}
.profile-bento .pi-radar svg{display:block;width:100%;max-width:360px;height:auto;margin:0 auto;overflow:visible}
.profile-bento .pi-radar-grid{fill:none;stroke:#262626;stroke-width:1}
.profile-bento .pi-radar-median{fill:#ffffff06;stroke:#6b6b67;stroke-width:1.2;stroke-dasharray:4 4}
.profile-bento .pi-radar-shape{fill:#ededea2b;stroke:#ededea;stroke-width:2;stroke-linejoin:round}
.profile-bento .pi-radar-edge{fill:none;stroke:#ededea;stroke-width:2}
.profile-bento .pi-radar-dot{fill:#ededea;stroke:#121212;stroke-width:2}
/* --u comes from fitPositionRadar: one user unit per screen pixel, whatever the tile size. */
.profile-bento .pi-radar-label{font:600 calc(var(--pi-label-size,13px) * var(--u,1)) Inter,Arial,sans-serif;fill:#dcdcd8}
.profile-bento .pi-radar-rank{font:500 calc(var(--pi-rank-size,11.5px) * var(--u,1)) Inter,Arial,sans-serif;fill:#8d8d88}
.profile-bento .pi-radar-scope{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin:0;font:500 12px/1.3 Inter,Arial,sans-serif;color:var(--pb-muted)}
.profile-bento .pi-radar-scope b{font-weight:600;color:#ededea}
.profile-bento .pi-radar-rank.is-strong{fill:#8fd19e}
.profile-bento .pi-radar figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;color:var(--pb-muted)}
.profile-bento .pi-radar figcaption span{display:inline-flex;align-items:center;gap:6px}
.profile-bento .pi-radar figcaption small{margin-left:auto;color:var(--pb-faint);font-size:12px}
.profile-bento .pi-key-player{width:14px;height:8px;border-radius:2px;background:#ededea66;border:1.5px solid #ededea}
.profile-bento .pi-key-median{width:14px;height:0;border-top:1.5px dashed #8d8d88}

/* Points matrix: categories × matchdays, shaded by points; season total on the right. */
.profile-bento .pi-matrix{display:grid;gap:4px;overflow-x:auto}
.profile-bento .pi-matrix-row{display:grid;grid-template-columns:minmax(118px,1.3fr) repeat(var(--days),minmax(34px,1fr)) 54px;gap:4px;align-items:center}
.profile-bento .pi-matrix-row>span:first-child{font-size:12.5px;color:#d6d6d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-bento .pi-matrix-head span{font-size:11px;color:var(--pb-faint);text-align:center}
.profile-bento .pi-matrix-head span:first-child{text-align:left}
.profile-bento .pi-cell{display:grid;place-items:center;height:30px;border-radius:7px;background:#181818;font:600 11.5px/1 var(--font-ui,Inter,sans-serif);color:#fff;font-variant-numeric:tabular-nums}
.profile-bento .pi-cell.is-pos{background:rgb(76 160 104 / var(--a))}
.profile-bento .pi-cell.is-neg{background:rgb(196 82 90 / var(--a));color:#ffe3e5}
.profile-bento .pi-matrix-row>b{text-align:right;font:700 13px/1 var(--font-ui,Inter,sans-serif);color:#fff;font-variant-numeric:tabular-nums}
.profile-bento .pi-matrix-row>b.is-neg{color:#ff9aa2}

/* Minute heat strip: six phases, half-time marked, strongest phase named. */
.profile-bento .pi-phases{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.profile-bento .pi-phases>span{display:grid;place-items:center;height:48px;border-radius:9px;background:#181818}
.profile-bento .pi-phases>span[style]{background:rgb(76 160 104 / var(--a))}
.profile-bento .pi-phases>span.is-neg[style]{background:rgb(196 82 90 / var(--a))}
.profile-bento .pi-phases>span.is-half{margin-right:6px}
.profile-bento .pi-phases>span.is-best{box-shadow:inset 0 0 0 1.5px #ededea}
.profile-bento .pi-phases b{font:italic 800 20px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#fff}
.profile-bento .pi-phase-axis{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px}
.profile-bento .pi-phase-axis small{text-align:center;font-size:11px;color:var(--pb-faint)}
.profile-bento .pi-phase-axis small:nth-child(3){margin-right:6px}
.profile-bento .pi-phase-note{margin:10px 0 0;font-size:12.5px;color:var(--pb-muted)}
.profile-bento .pi-phase-note b{color:#ededea;font-weight:600}

@media(max-width:860px){
 .player-dossier.profile-bento,.player-dossier.profile-bento.no-radar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:
  "hero market" "hero market" "points fixture" "form form" "radar radar" "matrix matrix" "phases best" "news news" "footer footer"}
 .player-dossier.profile-bento.no-radar{grid-template-areas:"hero market" "hero market" "points fixture" "form form" "matrix matrix" "phases best" "news news" "footer footer"}
}
@media(max-width:680px){
 .player-dossier.profile-bento,.player-dossier.profile-bento.no-radar{grid-template-areas:
  "hero hero" "points fixture" "market market" "form form" "radar radar" "matrix matrix" "phases phases" "best best" "news news" "footer footer"}
 .player-dossier.profile-bento.no-radar{grid-template-areas:"hero hero" "points fixture" "market market" "form form" "matrix matrix" "phases phases" "best best" "news news" "footer footer"}
 .profile-bento .pi-matrix-row{grid-template-columns:96px repeat(var(--days),minmax(28px,1fr)) 44px}
 .profile-bento .pi-phases b{font-size:16px}
}
.profile-bento .pi-radar svg{max-width:400px}
.profile-bento .pi-phases>span{height:44px}
.profile-bento .pi-phases b{font-size:17px}
/* Lower bento: wide radar with its axis list, minute strip and actions beside it, matrix below. */
.player-dossier.profile-bento{grid-template-areas:
  "hero market market"
  "hero points fixture"
  "hero form   form"
  "radar radar phases"
  "radar radar best"
  "matrix matrix matrix"
  "news news news"
  "footer footer footer"}
.player-dossier.profile-bento.no-radar{grid-template-areas:
  "hero market market"
  "hero points fixture"
  "hero form   form"
  "phases phases best"
  "matrix matrix matrix"
  "news news news"
  "footer footer footer"}
.profile-bento .pb-radar .pb-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}
.profile-bento .pi-radar svg{max-width:330px}
.profile-bento .pi-radar figcaption small{margin-left:0;width:100%}
.profile-bento .pi-radar-axes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.profile-bento .pi-radar-axes li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.profile-bento .pi-radar-axes li>span{min-width:0}
.profile-bento .pi-radar-axes b{display:block;font:600 13.5px/1.25 var(--font-ui,Inter,sans-serif);color:#ededea}
.profile-bento .pi-radar-axes small{display:block;font-size:11.5px;color:var(--pb-muted);margin-top:2px}
.profile-bento .pi-radar-axes strong{font:600 12.5px/1 var(--font-ui,Inter,sans-serif);color:#c4c4bf;white-space:nowrap}
.profile-bento .pi-radar-axes strong.is-strong{color:#8fd19e}
.profile-bento .pi-rank-bar{grid-column:1/-1;position:relative;display:block;height:6px;border-radius:3px;background:#1f1f1f}
.profile-bento .pi-rank-bar em{position:absolute;inset:0 auto 0 0;border-radius:3px;background:#d6d6d2}
.profile-bento .pi-rank-bar::after{content:'';position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1.5px dashed #6b6b67}
@media(max-width:860px){
 .player-dossier.profile-bento{grid-template-areas:"hero market" "hero market" "points fixture" "form form" "radar radar" "phases best" "matrix matrix" "news news" "footer footer"}
 .player-dossier.profile-bento.no-radar{grid-template-areas:"hero market" "hero market" "points fixture" "form form" "phases best" "matrix matrix" "news news" "footer footer"}
}
@media(max-width:680px){
 .player-dossier.profile-bento{grid-template-areas:"hero hero" "points fixture" "market market" "form form" "radar radar" "phases phases" "best best" "matrix matrix" "news news" "footer footer"}
 .player-dossier.profile-bento.no-radar{grid-template-areas:"hero hero" "points fixture" "market market" "form form" "phases phases" "best best" "matrix matrix" "news news" "footer footer"}
 .profile-bento .pb-radar .pb-body{grid-template-columns:1fr}
}
.profile-bento .pi-radar svg{max-width:340px}
.profile-bento .pi-radar-label{fill:#c4c4bf}

/* ===== Compact profile (A): everything on one ~1000×550 screen ===== */
.player-dossier.profile-bento.pl-a{height:calc(100svh - 96px);max-height:760px;overflow:auto;align-content:start;gap:10px;padding:12px 16px 14px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}
.profile-bento.pl-a .pb-tile{padding:14px 16px;border-radius:14px;gap:8px}
.profile-bento.pl-a .pb-label{font-size:12px}
.player-dossier.profile-bento.pl-a>.pb-footer{grid-area:auto;grid-column:1/-1}
/* Shared compact pieces */
.profile-bento.pl-a .pb-market .mv-price strong{font-size:24px}
.profile-bento.pl-a .pb-market .mv-ranges button{height:26px;padding:0 8px;font-size:11.5px}
.profile-bento.pl-a .pb-market .mv-footer{padding-top:6px;font-size:11px}
.profile-bento.pl-a .pb-form-days>span{padding:8px 4px 6px;border-radius:10px}
.profile-bento.pl-a .pb-form-days b{font-size:22px}
.profile-bento.pl-a .pb-points strong{font-size:44px}
.profile-bento.pl-a .pb-duel .club{width:32px;height:32px}
.profile-bento.pl-a .pb-hero h3{font-size:30px}
.profile-bento.pl-a .pb-actions .watch-toggle{height:38px!important;min-height:38px!important;font-size:13px!important}

/* A · Kompakt: one screen of essentials; the analysis opens below on demand. */
.player-dossier.profile-bento.pl-a{grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero market market" "hero points fixture" "hero form form" "more more more"}
.player-dossier.profile-bento.pl-a>.pb-more{grid-area:more;display:flex;justify-content:center;align-items:center;gap:6px;height:36px;border:1px solid #232323;border-radius:12px;background:#121212;color:#c4c4bf;font:600 12.5px/1 var(--font-ui,Inter,sans-serif);cursor:pointer}
.player-dossier.profile-bento.pl-a>.pb-more:hover{border-color:#3a3a3a;color:#fff}
.player-dossier.profile-bento.pl-a:not(.show-analysis)>:is(.pb-phases,.pb-best,.pb-news){display:none}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-matrix{grid-area:auto;grid-column:1/-1}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-radar{grid-area:auto;grid-column:1/3}
.player-dossier.profile-bento.pl-a.show-analysis>:is(.pb-phases,.pb-best,.pb-news){grid-area:auto;grid-column:auto}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-matrix{order:1}.player-dossier.profile-bento.pl-a.show-analysis>.pb-radar{order:2}.player-dossier.profile-bento.pl-a.show-analysis>.pb-best{order:3}.player-dossier.profile-bento.pl-a.show-analysis>.pb-phases{order:4}.player-dossier.profile-bento.pl-a.show-analysis>.pb-news{order:5;grid-column:2/-1}.player-dossier.profile-bento.pl-a>.pb-footer{order:6}
.profile-bento.pl-a .pb-hero{min-height:0}
.profile-bento.pl-a .pb-hero-art{min-height:150px}
.profile-bento.pl-a .pb-cutout{max-height:180px}
.profile-bento.pl-a .pb-hero-copy{gap:6px;padding:8px 14px 14px}
.profile-bento.pl-a .pb-market .mv-stage{min-height:92px}
.profile-bento.pl-a .pb-points strong{font-size:40px}

/* B · Tabs: a slim header band, one panel at a time. */

/* C · Karte + Verlauf: the player card stays, everything else scrolls beside it. */

@media(max-width:860px){
 .player-dossier.profile-bento.pl-a{height:auto;max-height:calc(100svh - 70px)}
 .player-dossier.profile-bento.pl-a{grid-template-columns:1fr 1fr;grid-template-areas:"hero hero" "market market" "points fixture" "form form" "more more"}
}
/* Tiles clip without becoming scroll containers, so grid rows never shrink below their content. */
.player-dossier.profile-bento.pl-a>.pb-tile{overflow:clip}
.player-dossier.profile-bento.pl-a{grid-template-columns:236px minmax(0,1fr) minmax(0,1fr)}
/* Option fixes: market keeps its content height; preview switch sits in the window bar. */
.player-dossier.profile-bento.pl-a>.pb-market{min-height:auto}
/* A: the analysis button lives under Form, the card keeps the full height. */
.player-dossier.profile-bento.pl-a{grid-template-areas:"hero market market" "hero points fixture" "hero form form" "hero more more"}
.player-dossier.profile-bento.pl-a>.pb-tile:is(.pb-points,.pb-fixture){padding:12px 16px}
.profile-bento.pl-a .pb-points strong{font-size:36px}
.profile-bento.pl-a .pb-duel .club{width:28px;height:28px}
.profile-bento.pl-a .pb-market .mv-stage{min-height:84px}
.profile-bento.pl-a .pb-hero-art{min-height:140px}
/* B: overview shows form, strongest actions and news; the next match is already in the band. */
/* C: a slightly shorter photo so the whole card fits. */
/* Market chart height per option (the chart draws to the plot's measured size). */
.profile-bento.pl-a .pb-market .mv-stage{margin-top:6px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:96px;min-height:0}
/* A must fit one screen: no low/high line, no ownership chip, tighter tiles. */
.profile-bento.pl-a .pb-market .mv-footer,.profile-bento.pl-a .pb-hero-copy>.pb-chips{display:none}
.player-dossier.profile-bento.pl-a>.pb-tile{padding:12px 14px;gap:6px}
.profile-bento.pl-a .pb-market .mv-price strong{font-size:22px}
.profile-bento.pl-a .pb-form-days b{font-size:20px}
.profile-bento.pl-a .pb-form-days>span{padding:6px 4px 5px}
.profile-bento.pl-a .pb-points strong{font-size:32px}
.profile-bento.pl-a .pb-points small,.profile-bento.pl-a .pb-duel-copy small{font-size:11.5px}
.profile-bento.pl-a .pb-duel-copy strong{font-size:14px}
.player-dossier.profile-bento.pl-a>.pb-more{height:32px}
/* A: the analysis link sits in the Form tile's corner instead of its own row. */
.player-dossier.profile-bento.pl-a{grid-template-areas:"hero market market" "hero points fixture" "hero form form"}
.player-dossier.profile-bento.pl-a>.pb-more{grid-area:form;align-self:start;justify-self:end;height:auto;margin:10px 12px 0 0;padding:4px 8px;border:0;background:none;font-size:12px;color:#a3a3a0;z-index:1}
.player-dossier.profile-bento.pl-a>.pb-more:hover{color:#fff;background:none}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:84px}
.player-dossier.profile-bento.pl-a>.pb-footer{padding-top:0}
.player-dossier.profile-bento.pl-a{gap:8px;padding:10px 14px 8px}
/* B: panels share ~240px under the band. */

/* Ranks under the radar labels only where the axis list is hidden (compact A). */
.profile-bento .pi-radar-rank{display:none}

/* ===== A · Kompakt v2: market, points, next match, form, pentagon and heatmap on one screen ===== */
.player-dossier.profile-bento.pl-a{grid-template-columns:196px repeat(3,minmax(0,1fr));grid-template-areas:"hero market points fixture" "hero form form form" "hero radar matrix matrix";gap:8px;padding:10px 14px 8px}
.player-dossier.profile-bento.pl-a.no-radar{grid-template-areas:"hero market points fixture" "hero form form form" "hero matrix matrix matrix"}
.player-dossier.profile-bento.pl-a>.pb-tile{padding:10px 12px;gap:6px;border-radius:12px}
.player-dossier.profile-bento.pl-a>.pb-radar{grid-area:radar}
.player-dossier.profile-bento.pl-a>.pb-matrix{grid-area:matrix}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-radar{grid-area:radar;grid-column:auto;order:0}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-matrix{grid-area:matrix;grid-column:auto;order:0}
.player-dossier.profile-bento.pl-a.show-analysis>:is(.pb-phases,.pb-best){grid-column:span 2}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-news{grid-column:1/-1}
.profile-bento.pl-a .pb-label{font-size:11.5px}
/* Hero: narrower card */
.profile-bento.pl-a .pb-hero-art{min-height:0;flex:1}
.profile-bento.pl-a .pb-cutout{max-height:200px}
.profile-bento.pl-a .pb-hero h3{font-size:26px}
.profile-bento.pl-a .pb-status{font-size:13px}
.profile-bento.pl-a .pb-hero-copy{padding:6px 12px 12px;gap:6px}
/* Market: value, change and a small chart without axes or footer */
.profile-bento.pl-a .pb-market .mv-heading{display:grid;gap:4px}
.profile-bento.pl-a .pb-market .mv-ranges{display:none}
.profile-bento.pl-a .pb-market .mv-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.profile-bento.pl-a .pb-market .mv-price strong{font-size:19px;letter-spacing:-.4px}
.profile-bento.pl-a .pb-market .mv-price>span{font-size:10.5px;padding:2px 6px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:52px;margin-top:0}
.profile-bento.pl-a .pb-market :is(.mv-axis,.mv-grid,.mv-end-tag){display:none}
/* Points and next match */
.profile-bento.pl-a .pb-points strong{font-size:34px}
.profile-bento.pl-a .pb-points small{font-size:11px}
.profile-bento.pl-a .pb-duel{gap:8px}
.profile-bento.pl-a .pb-duel .club{width:26px;height:26px}
.profile-bento.pl-a .pb-vs{font-size:15px}
.profile-bento.pl-a .pb-duel-copy strong{font-size:13px}
.profile-bento.pl-a .pb-duel-copy small{font-size:11px}
/* Form: one slim row of matchday blocks */
.profile-bento.pl-a .pb-form-days{gap:6px}
.profile-bento.pl-a .pb-form-days>span{padding:5px 4px 4px;border-radius:9px;gap:2px}
.profile-bento.pl-a .pb-form-days b{font-size:19px}
.profile-bento.pl-a .pb-form-days small{font-size:10px}
.player-dossier.profile-bento.pl-a>.pb-more{margin:7px 10px 0 0;font-size:11.5px}
/* Pentagon: chart only, ranks under the labels */
.profile-bento.pl-a .pb-radar .pb-body{display:block}
.profile-bento.pl-a .pi-radar-axes,.profile-bento.pl-a .pi-radar figcaption{display:none}
.profile-bento.pl-a .pi-radar svg{max-height:190px;width:100%;max-width:none}
.profile-bento.pl-a .pi-radar-rank{display:inline}
/* Heatmap: compact cells so eight categories fit */
.profile-bento.pl-a .pi-matrix{gap:2px}
.profile-bento.pl-a .pi-matrix-row{gap:3px;grid-template-columns:minmax(96px,1.3fr) repeat(var(--days),minmax(26px,1fr)) 44px}
.profile-bento.pl-a .pi-matrix-row>span:first-child{font-size:11px}
.profile-bento.pl-a .pi-matrix-head span{font-size:10px}
.profile-bento.pl-a .pi-cell{height:17px;border-radius:4px;font-size:10px}
.profile-bento.pl-a .pi-matrix-row>b{font-size:11.5px}
.player-dossier.profile-bento.pl-a>.pb-footer{font-size:11px}
/* A v2 fit: shorter first row, wider card, full radar labels, eight heatmap rows. */
.player-dossier.profile-bento.pl-a{grid-template-columns:212px repeat(3,minmax(0,1fr))}
.profile-bento.pl-a .pb-market .mv-heading{gap:2px}
.profile-bento.pl-a .pb-market .mv-price strong{font-size:18px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:36px}
.profile-bento.pl-a .pb-points strong{font-size:30px}
.profile-bento.pl-a .pb-duel .club{width:22px;height:22px}
.profile-bento.pl-a .pb-vs{font-size:13px}
.profile-bento.pl-a .pb-fixture{gap:4px}
.profile-bento.pl-a .pb-points,.profile-bento.pl-a .pb-fixture{justify-content:flex-start}
.profile-bento.pl-a .pb-actions{width:100%}
#window .profile-bento.pl-a .pb-actions .watch-toggle{white-space:nowrap;padding:0 10px;height:34px!important;min-height:34px!important;font-size:12.5px!important}
.profile-bento.pl-a .pb-clubline{font-size:12px;flex-wrap:nowrap;white-space:nowrap}
.profile-bento.pl-a .pb-hero h3{font-size:24px}
.profile-bento.pl-a .pb-cutout{max-height:180px}
.profile-bento.pl-a .pi-radar svg{max-height:170px}
.profile-bento.pl-a .pi-cell{height:15px;font-size:9.5px}
.profile-bento.pl-a .pi-matrix{gap:1px}
.profile-bento.pl-a .pi-matrix-row>span:first-child,.profile-bento.pl-a .pi-matrix-row>b{font-size:10.5px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:26px}
.player-dossier.profile-bento.pl-a>.pb-tile{padding:9px 12px}
.profile-bento.pl-a .pi-radar svg{max-height:158px}
.player-dossier.profile-bento.pl-a{padding-bottom:6px}
.profile-bento.pl-a .pi-radar svg{max-height:160px}
/* Expanded A keeps the pentagon and heatmap where they are; the extras follow below. */
.player-dossier.profile-bento.pl-a.show-analysis>.pb-radar{grid-area:radar}
.player-dossier.profile-bento.pl-a.show-analysis>.pb-matrix{grid-area:matrix}
.player-dossier.profile-bento.pl-a.no-radar.show-analysis>.pb-matrix{grid-area:matrix}

/* ===== Final look (his mockup): navy-black tiles with a soft gradient, display numbers, wide form blocks ===== */
#window[data-window="player-profile"]{background:#0a0d11;border-color:#1f252c}
#window[data-window="player-profile"] .window-heading,#window[data-window="player-profile"] .window-body{background:#0a0d11}
#window[data-window="player-profile"] .window-heading{border-bottom-color:#1a2027}
.player-dossier.profile-bento.pl-a{--pb-card:#12161b;--pb-line:#1f262d;--pb-muted:#8f98a2;--pb-faint:#5d6670;gap:10px}
.player-dossier.profile-bento.pl-a>.pb-tile:not(.pb-hero){background:linear-gradient(180deg,#151a20 0%,#0f1317 100%);border-color:#1f262d;border-radius:14px;padding:11px 14px}
.profile-bento.pl-a .pb-label{font-size:12.5px;font-weight:500;color:#9aa3ad}
.profile-bento.pl-a :is(.pb-form,.pb-matrix) .pb-label{font-size:14px;font-weight:600;color:#e3e6ea}
/* Hero */
.profile-bento.pl-a .pb-hero{border-color:#1f262d;background:linear-gradient(180deg,rgb(var(--profile-club-rgb,47 133 214) / .55) 0%,rgb(var(--profile-club-rgb,47 133 214) / .18) 52%,#12161b 74%)}
.profile-bento.pl-a .pb-hero-copy{background:linear-gradient(180deg,transparent,#12161b 26%)}
.profile-bento.pl-a .pb-hero h3{font-size:32px;letter-spacing:-.005em}
.profile-bento.pl-a .pb-clubline{font-size:13px;color:#cfd4da}
.profile-bento.pl-a .pb-status{font-size:14px;line-height:1.3;gap:10px;color:#e6e8eb}
#window .profile-bento.pl-a .pb-status .profile-name-mark,#window .profile-bento.pl-a .pb-status .outlook-mark{width:28px;height:28px}
#window .profile-bento.pl-a .pb-actions .watch-toggle{height:38px!important;min-height:38px!important;font-size:14px!important;border-color:#2a323b;background:#141a20}
/* Market value */
.profile-bento.pl-a .pb-market .mv-price strong{font:italic 800 26px/1 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:0}
.profile-bento.pl-a .pb-market .mv-price>span{font-size:11px;padding:3px 9px;border-radius:99px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:34px}
/* Ø Punkte and next match */
.profile-bento.pl-a .pb-points strong{font-size:46px}
.profile-bento.pl-a .pb-points small{font-size:12.5px;color:#9aa3ad}
.profile-bento.pl-a .pb-duel{gap:10px}
.profile-bento.pl-a .pb-duel .club{width:32px;height:32px}
.profile-bento.pl-a .pb-vs{font:600 14px/1 var(--font-ui,Inter,sans-serif);color:#8f98a2;text-transform:none}
.profile-bento.pl-a .pb-duel-copy strong{font-size:16px}
.profile-bento.pl-a .pb-duel-copy small{font-size:12px;color:#9aa3ad}
/* Form: blocks share the full width, green gradient by score */
.profile-bento.pl-a .pb-form-days{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}
.profile-bento.pl-a .pb-form-days>span{padding:8px 4px 6px;border-radius:9px;border:1px solid #ffffff12;background:linear-gradient(180deg,#1b2128,#151a20)}
.profile-bento.pl-a .pb-form-days [data-tier=good]{background:linear-gradient(180deg,#245e3a,#1d4c2f);border-color:#2d7046}
.profile-bento.pl-a .pb-form-days [data-tier=top]{background:linear-gradient(180deg,#2f7d4b,#25653c);border-color:#3a8e58}
.profile-bento.pl-a .pb-form-days [data-tier=ok]{background:linear-gradient(180deg,#232a31,#1b2127)}
.profile-bento.pl-a .pb-form-days [data-tier=neg]{background:linear-gradient(180deg,#5a2329,#461b20);border-color:#6b2a31}
.profile-bento.pl-a .pb-form-days b{font-size:24px}
.profile-bento.pl-a .pb-form-days small{font-size:11px;color:#c6d6cb}
.player-dossier.profile-bento.pl-a>.pb-more{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#9aa3ad}
.player-dossier.profile-bento.pl-a>.pb-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Points matrix */
.profile-bento.pl-a .pi-matrix{gap:3px}
.profile-bento.pl-a .pi-matrix-row{gap:5px;grid-template-columns:minmax(120px,1.4fr) repeat(var(--days),minmax(30px,1fr)) 52px}
.profile-bento.pl-a .pi-matrix-row>span:first-child{font-size:12.5px;color:#d6dade}
.profile-bento.pl-a .pi-matrix-head span{font-size:11px;color:#79828c}
.profile-bento.pl-a .pi-cell{height:15px;border-radius:4px;font-size:10.5px;font-weight:600;background:#161b21}
.profile-bento.pl-a .pi-cell.is-pos{background:rgb(52 168 98 / var(--a))}
.profile-bento.pl-a .pi-cell.is-neg{background:rgb(190 60 70 / var(--a));color:#ffe3e5}
.profile-bento.pl-a .pi-matrix-row>b{font-size:12.5px}
/* Footer: divider between the two onward links */
.profile-bento.pl-a .pb-links{gap:0}
.profile-bento.pl-a .pb-links a{padding:0 16px;font-size:13px}
.profile-bento.pl-a .pb-links a:last-child{padding-right:2px}
.profile-bento.pl-a .pb-links a+a{border-left:1px solid #2a313a}
/* Fit the final look into ~454px. */
.profile-bento.pl-a .pb-hero h3{font-size:28px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:26px}
.profile-bento.pl-a .pb-points strong{font-size:40px}
.profile-bento.pl-a .pb-form-days>span{padding:6px 4px 5px}
.profile-bento.pl-a .pb-form-days b{font-size:22px}
.profile-bento.pl-a .pi-matrix{gap:2px}
.profile-bento.pl-a .pi-matrix-row>span:first-child,.profile-bento.pl-a .pi-matrix-row>b,.profile-bento.pl-a .pi-matrix-head span{line-height:1.15}
.profile-bento.pl-a .pi-cell{height:14px}
.player-dossier.profile-bento.pl-a>.pb-tile:not(.pb-hero){padding:9px 14px}
.player-dossier.profile-bento.pl-a{gap:8px}
.profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:20px}
.player-dossier.profile-bento.pl-a>.pb-market{gap:4px}
.profile-bento.pl-a .pb-duel .club{width:28px;height:28px}
.player-dossier.profile-bento.pl-a>:is(.pb-points,.pb-fixture){gap:4px}
.profile-bento.pl-a .pb-form-days b{font-size:20px}
.profile-bento.pl-a .pb-form-days>span{padding:5px 4px 4px}
.player-dossier.profile-bento.pl-a{padding-top:8px}
.player-dossier.profile-bento.pl-a{padding-bottom:4px}
/* Taller windows: the bottom row (pentagon + heatmap) grows into the free height, rows stretch evenly. */
.player-dossier.profile-bento.pl-a{grid-template-rows:auto auto minmax(0,1fr);max-height:660px}
.player-dossier.profile-bento.pl-a>:is(.pb-matrix,.pb-radar){min-height:0}
.profile-bento.pl-a .pb-matrix .pb-body{flex:1;display:flex;flex-direction:column;justify-content:stretch;min-height:0}
.profile-bento.pl-a .pb-matrix .pi-matrix{flex:1;grid-auto-rows:minmax(14px,1fr);align-content:stretch}
.profile-bento.pl-a .pb-matrix .pi-matrix-row{align-items:stretch}
.profile-bento.pl-a .pb-matrix .pi-matrix-row>:is(span:first-child,b){display:flex;align-items:center}
.profile-bento.pl-a .pb-matrix .pi-matrix-row>b{justify-content:flex-end}
.profile-bento.pl-a .pb-matrix .pi-matrix-head span{display:flex;align-items:flex-end;justify-content:center}
.profile-bento.pl-a .pb-matrix .pi-matrix-head span:first-child{justify-content:flex-start}
.profile-bento.pl-a .pb-matrix .pi-cell{height:auto;min-height:14px;max-height:30px;align-self:center;height:100%}
.profile-bento.pl-a .pb-radar .pb-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.profile-bento.pl-a .pi-radar{width:100%}
.profile-bento.pl-a .pi-radar svg{max-height:min(100%,300px)}
.profile-bento.pl-a .pb-matrix .pi-matrix-row.pi-matrix-head>span:first-child{align-items:flex-end}

/* Hero poster: last name set huge behind the player, small upright crest, close-up crop. */
.profile-bento .pb-watermark{transform:none}
#window .profile-bento.pl-a .pb-hero{position:relative;overflow:clip;isolation:isolate;background:linear-gradient(165deg,rgb(var(--profile-club-rgb,47 133 214) / .78),rgb(var(--profile-club-rgb,47 133 214) / .28) 48%,#12161b 78%)}
#window .profile-bento.pl-a .pb-hero-art{position:absolute;inset:0;min-height:0}
#window .profile-bento.pl-a .pb-hero-copy{margin-top:auto;z-index:2;padding-top:44px;background:linear-gradient(180deg,transparent,#12161bcc 34%,#12161b 62%)}
#window .profile-bento.pl-a .pb-watermark{top:14px;left:auto;right:14px;width:32px;opacity:1;z-index:3}
#window .profile-bento.pl-a .pb-backname{position:absolute;left:12px;top:22px;writing-mode:vertical-rl;transform:rotate(180deg);font:italic 800 min(100px,calc(610px / var(--n,7)))/.8 var(--font-display,'Barlow Condensed',sans-serif);text-transform:uppercase;letter-spacing:-.01em;color:transparent;-webkit-text-stroke:1.2px #ffffff5c;white-space:nowrap}
#window .profile-bento.pl-a .pb-cutout{top:10%;bottom:auto;left:58%;height:80%;max-height:none;max-width:none;filter:drop-shadow(0 18px 28px #000a);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 97%);mask-image:linear-gradient(180deg,#000 72%,transparent 97%)}
#window .profile-bento.pl-a .pb-initials{left:20%}
#window .profile-bento.pl-a .pb-clubline{flex-wrap:nowrap;white-space:nowrap;min-width:0}
#window .profile-bento.pl-a .pb-clubline>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* Narrow windows and phones: one column of tiles under a tall poster card. */
@media(max-width:860px){
 .player-dossier.profile-bento.pl-a,.player-dossier.profile-bento.pl-a.no-radar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;max-height:none;height:auto;
  grid-template-areas:"hero hero" "market market" "points fixture" "form form" "radar radar" "matrix matrix" "more more"}
 .player-dossier.profile-bento.pl-a.no-radar{grid-template-areas:"hero hero" "market market" "points fixture" "form form" "matrix matrix" "more more"}
 .player-dossier.profile-bento.pl-a>.pb-more{grid-area:more;justify-self:center;align-self:center;margin:2px 0 0}
 .profile-bento.pl-a .pi-matrix-row{gap:3px;grid-template-columns:minmax(84px,1.2fr) repeat(var(--days),minmax(24px,1fr)) 40px}
 #window .profile-bento.pl-a .pb-hero{min-height:400px}
 #window .profile-bento.pl-a .pb-backname{font-size:min(110px,calc(700px / var(--n,7)))}
 #window .profile-bento.pl-a .pb-cutout{height:76%;left:60%}
 .player-dossier.profile-bento.pl-a>:is(.pb-matrix,.pb-radar){min-height:240px}
}

/* Stat row (Marktwert · Ø Punkte · Nächstes Spiel): one type scale, change as plain text, the price
   curve as a soft area along the bottom edge, the opponent's crest big on the right of the fixture. */
#window .profile-bento.pl-a :is(.pb-market,.pb-points,.pb-fixture){position:relative;overflow:clip}
#window .profile-bento.pl-a .pb-points strong,#window .profile-bento.pl-a .pb-market .mv-price strong{font:italic 800 34px/.95 var(--font-display,'Barlow Condensed',sans-serif);letter-spacing:0;color:#fff}
#window .profile-bento.pl-a .pb-market{padding-bottom:40px}
#window .profile-bento.pl-a .pb-market .mv-price{flex-direction:column;align-items:flex-start;gap:4px}
#window .profile-bento.pl-a .pb-market .mv-price>span[data-trend]{background:none;padding:0;border-radius:0;font-size:12px;font-weight:600}
#window .profile-bento.pl-a .pb-market .mv-stage{position:absolute;left:0;right:0;bottom:-22px;margin:0}
#window .profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:66px}
#window .profile-bento.pl-a .pb-market :is(.mv-line,.mv-area){vector-effect:non-scaling-stroke}
#window .profile-bento.pl-a .pb-market :is(.mv-final-dot,.mv-final-halo){display:none}
#window .profile-bento.pl-a .pb-points-meta{display:flex;gap:12px;font-size:12px;color:#9aa3ad}
#window .profile-bento.pl-a .pb-points-meta b{color:#e6e8eb;font-weight:600}
#window .profile-bento.pl-a .pb-fixture .pb-duel{display:none}
#window .profile-bento.pl-a .pb-fixture .pb-duel-copy{margin-top:auto;padding-right:64px}
#window .profile-bento.pl-a .pb-fixture .pb-duel-copy strong{font-size:17px}
#window .profile-bento.pl-a .pb-opp-mark{display:block;position:absolute;right:14px;top:50%;transform:translateY(-50%);width:54px;height:54px}
#window .profile-bento.pl-a .pb-opp-mark .club{width:100%;height:100%}
@media(max-width:860px){
 #window .profile-bento.pl-a .pb-opp-mark{width:40px;height:40px;right:12px}
 #window .profile-bento.pl-a .pb-fixture .pb-duel-copy{padding-right:50px}
 #window .profile-bento.pl-a .pb-fixture .pb-duel-copy strong{font-size:15px}
}
#window .profile-bento.pl-a .pb-points-meta{flex-wrap:wrap;gap:2px 10px}#window .profile-bento.pl-a .pb-points-meta>span{white-space:nowrap}

/* Stat row bottoms: every tile ends in a small band of the same height — the price curve,
   the last five matchdays as bars, and the kickoff with its countdown. */
#window .profile-bento.pl-a :is(.pb-market,.pb-points,.pb-fixture){justify-content:flex-start}
#window .profile-bento.pl-a .pb-market .mv-stage{left:0;right:-14px}
#window .profile-bento.pl-a .pb-points{padding-bottom:12px}
#window .profile-bento.pl-a .pb-points-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;align-items:end;height:20px;margin-top:auto}
#window .profile-bento.pl-a .pb-points-bars i{height:var(--h);min-height:3px;border-radius:2px;background:#3ddc8473}
#window .profile-bento.pl-a .pb-points-bars i:last-child{background:#3ddc84}
#window .profile-bento.pl-a .pb-points-bars i.is-neg{background:#ff6b7a99}
#window .profile-bento.pl-a .pb-opp-mark{top:12px;transform:none;width:38px;height:38px}
#window .profile-bento.pl-a .pb-fixture .pb-duel-copy{display:none}
#window .profile-bento.pl-a .pb-opp-short{display:block;margin-top:2px;padding-right:48px;font:italic 800 34px/.95 var(--font-display,'Barlow Condensed',sans-serif);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#window .profile-bento.pl-a .pb-venue{display:block;margin-top:3px;font-size:12px;color:#9aa3ad}
#window .profile-bento.pl-a .pb-kickoff>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
#window .profile-bento.pl-a .pb-kickoff small{flex:none}
#window .profile-bento.pl-a .pb-kickoff{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:12px;color:#9aa3ad;white-space:nowrap}
#window .profile-bento.pl-a .pb-kickoff small{margin-left:auto;padding:2px 8px;border-radius:7px;background:#1b2027;font-size:11.5px;font-weight:600;color:#e6e8eb}



@media(max-width:860px){
 #window .profile-bento.pl-a .pb-fixture .pb-opp-mark{display:none}
 #window .profile-bento.pl-a .pb-opp-short{padding-right:0;font-size:28px}
 #window .profile-bento.pl-a .pb-kickoff{flex-wrap:wrap;row-gap:4px}
 #window .profile-bento.pl-a .pb-kickoff small{margin-left:0}
}

/* Tiles: border only, the inside is the window's own black. */
#window .player-dossier.profile-bento.pl-a>.pb-tile:not(.pb-hero){background:none!important;border-color:#262d35}
/* Header: KICKELF | SPIELERPROFIL a couple of sizes larger. */
#window[data-window="player-profile"] .window-heading .wordmark{font-size:24px}
#window[data-window="player-profile"] #window-title{font-size:18px}
/* The price curve in the profile is a picture, not a tool: no hover pop-up, guide lines or crosshair. */
#window .profile-bento.pl-a .pb-market :is(.mv-tooltip,.mv-guide,.mv-hover-dot,.mv-end-tag){display:none!important}
#window .profile-bento.pl-a .pb-market .mv-plot{cursor:default;pointer-events:none}
/* Position tile without enough data: the grid stays, muted, with one quiet note. */
#window .profile-bento.pl-a .pi-radar-empty .pi-radar-grid :is(polygon,path){stroke:#ffffff1a}
#window .profile-bento.pl-a .pi-radar-empty .pi-radar-label{fill:#6f7a84}
#window .profile-bento.pl-a .pi-radar-empty .pi-radar-note{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;color:#7d8791;text-align:center}

/* Positionsprofil: comparison line on top, the pentagon fills the free space, and a tall tile adds a
   rank list below instead of cramming the ranks into the chart. Label size is set by fitPositionRadar. */
#window .profile-bento.pl-a .pb-radar{display:flex;flex-direction:column}
#window .profile-bento.pl-a .pb-radar .pb-body{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;container:pi-radar / size}
#window .profile-bento.pl-a .pb-radar .pi-radar{flex:1 1 0;min-height:0;width:100%;display:flex;flex-direction:column;gap:8px}
#window .profile-bento.pl-a .pb-radar .pi-radar svg{flex:1 1 0;min-height:0;width:100%;height:auto;max-width:none;max-height:none;margin:0}
#window .profile-bento.pl-a .pi-radar-scope{flex:none;margin-top:2px}
}
@container pi-radar (max-height:220px){#window .profile-bento.pl-a .pi-radar svg{--pi-label-size:12px;--pi-rank-size:10.5px}}
/* Expanded view: extra tiles follow below and the window scrolls, so the pentagon row keeps its height. */
@media(min-width:861px){.player-dossier.profile-bento.pl-a.show-analysis{grid-template-rows:auto auto minmax(260px,auto);max-height:none}}

/* Reference look ("Concept 3 · Editorial"): bright tile titles, icons in the stat row, and a club-coloured
   pentagon that fills its tile with the ranks under the labels. */
#window .profile-bento.pl-a :is(.pb-radar,.pb-form,.pb-matrix) .pb-label{font:600 15px/1.25 var(--font-ui,Inter,sans-serif);color:#f1f2f4}
#window .profile-bento.pl-a :is(.pb-points,.pb-fixture) .pb-label,#window .profile-bento.pl-a .pb-market .profile-eyebrow{display:flex;align-items:center;gap:9px;font:500 13.5px/1.2 var(--font-ui,Inter,sans-serif);color:#c9ced4}
#window .profile-bento.pl-a :is(.pb-points,.pb-fixture) .pb-label::before,#window .profile-bento.pl-a .pb-market .profile-eyebrow::before{content:'';flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--pb-icon) center/contain no-repeat;mask:var(--pb-icon) center/contain no-repeat}
#window .profile-bento.pl-a .pb-market .profile-eyebrow{--pb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6' rx='7' ry='3'/%3E%3Cpath d='M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6M5 12v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6'/%3E%3C/svg%3E")}
#window .profile-bento.pl-a .pb-points .pb-label{--pb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8v5a4 4 0 0 1-8 0zM8 6H5.5a2.5 2.5 0 0 0 2.8 4M16 6h2.5a2.5 2.5 0 0 1-2.8 4M12 13v4M8.5 20h7M10 17h4'/%3E%3C/svg%3E")}
#window .profile-bento.pl-a .pb-fixture .pb-label{--pb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2.5'/%3E%3Cpath d='M4 10h16M9 3v4M15 3v4M8.5 14h.01M12 14h.01M15.5 14h.01M8.5 17h.01M12 17h.01'/%3E%3C/svg%3E")}
#window .profile-bento.pl-a{--pi-club:rgb(var(--profile-club-rgb,47 133 214))}
#window .profile-bento.pl-a .pi-radar-grid{stroke:#ffffff1c}
#window .profile-bento.pl-a .pi-radar-median{fill:none;stroke:#ffffff2e;stroke-dasharray:3 4}
#window .profile-bento.pl-a .pi-radar-shape{fill:color-mix(in srgb,var(--pi-club) 30%,transparent);stroke:var(--pi-club);stroke-width:2.4}
#window .profile-bento.pl-a .pi-radar-edge{stroke:var(--pi-club);stroke-width:2.4}
#window .profile-bento.pl-a .pi-radar-dot{fill:#fff;stroke:var(--pi-club);stroke-width:1.5}
#window .profile-bento.pl-a .pi-radar-label{fill:#f1f2f4;font-weight:600}
#window .profile-bento.pl-a .pi-radar-rank{fill:#9aa1a8}
#window .profile-bento.pl-a .pi-radar-rank.is-strong{fill:color-mix(in srgb,var(--pi-club) 72%,#fff)}
#window .profile-bento.pl-a .pi-radar-scope{font-size:11.5px}
#window .profile-bento.pl-a .pi-radar-scope b{font-weight:500;color:#aeb4ba}
/* Wide screens: the profile grows towards the reference proportions (poster ≈ 22 %, pentagon tile ≈ a quarter). */
@media(min-width:1180px){
 #window[data-window="player-profile"]{width:min(1420px,100% - 48px)}
 .player-dossier.profile-bento.pl-a,.player-dossier.profile-bento.pl-a.no-radar{grid-template-columns:clamp(196px,22%,310px) repeat(3,minmax(0,1fr))}
}
#window .profile-bento.pl-a .pb-radar .pb-label{justify-content:space-between;gap:8px;white-space:nowrap}
#window .profile-bento.pl-a .pb-label-scope{display:none;font:500 11.5px/1 var(--font-ui,Inter,sans-serif);color:#9aa1a8}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-label-scope{display:inline}
 #window .profile-bento.pl-a .pi-radar-scope{display:none}
 #window .profile-bento.pl-a .pb-radar .pb-label{font-size:14px}
}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-radar .pb-label{font-size:13.5px;min-width:0}
 #window .profile-bento.pl-a .pb-label-scope{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis}
}
@media(max-height:700px) and (min-width:861px){#window .profile-bento.pl-a .pb-radar .pb-label{font-size:13px;gap:6px}}

/* Punkte-Matrix and Positionsprofil, refined (his reference): icon per category, rounded cells with a
   soft gradient, dashes for empty matchdays, season totals in their own boxes; the pentagon glows. */
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row{grid-template-columns:minmax(150px,1.6fr) repeat(var(--days),minmax(34px,1fr)) minmax(56px,.9fr);gap:6px}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>span:first-child{display:flex;align-items:center;gap:10px;min-width:0;font:500 13px/1.2 var(--font-ui,Inter,sans-serif);color:#e3e6ea}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>span:first-child>svg{flex:none;width:17px;height:17px;color:#c9ced4}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>span:first-child>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-head span{font-size:12px;color:#8a929b}
#window .profile-bento.pl-a .pb-matrix .pi-cell{min-height:20px;border-radius:6px;font:700 11.5px/1 var(--font-ui,Inter,sans-serif);box-shadow:inset 0 1px 0 #ffffff10}
#window .profile-bento.pl-a .pb-matrix .pi-cell.is-pos{background:linear-gradient(180deg,rgb(74 210 128 / var(--a)),rgb(34 140 78 / var(--a)));color:#fff}
#window .profile-bento.pl-a .pb-matrix .pi-cell.is-neg{background:linear-gradient(180deg,rgb(214 64 78 / var(--a)),rgb(140 30 42 / var(--a)));color:#fff}
#window .profile-bento.pl-a .pb-matrix .pi-cell.is-zero{background:#161b20;color:#5d656d;box-shadow:none}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>b{display:flex;align-items:center;justify-content:center;align-self:center;min-height:22px;height:100%;max-height:32px;border-radius:7px;background:#14191e;font:800 13.5px/1 var(--font-ui,Inter,sans-serif);color:#fff}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>b.is-neg{color:#ff5a68}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-head>span:last-child{text-align:center;justify-content:center}

#window .profile-bento.pl-a .pb-radar{position:relative;overflow:hidden;isolation:isolate}
#window .profile-bento.pl-a .pb-radar::after{content:'';position:absolute;right:-30%;bottom:-40%;z-index:-1;width:90%;height:80%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pi-club) 26%,transparent),transparent);pointer-events:none}
#window .profile-bento.pl-a .pi-radar-grid{stroke:#ffffff17}
#window .profile-bento.pl-a .pi-radar-grid polygon:not(:last-child){stroke-dasharray:2 3}
#window .profile-bento.pl-a .pi-radar-shape{fill:color-mix(in srgb,var(--pi-club) 34%,transparent);stroke:color-mix(in srgb,var(--pi-club) 80%,#fff);stroke-width:2.2;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--pi-club) 60%,transparent))}
#window .profile-bento.pl-a .pi-radar-dot{fill:#fff;stroke:none;r:3.6}
#window .profile-bento.pl-a .pi-radar-rank.is-strong{fill:color-mix(in srgb,var(--pi-club) 65%,#fff)}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-head>span{align-items:flex-end;font-size:12px;color:#8a929b}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-matrix .pi-matrix{gap:1px;grid-auto-rows:minmax(13px,1fr)}
 #window .profile-bento.pl-a .pb-matrix .pi-matrix-row{gap:4px}
 #window .profile-bento.pl-a .pb-matrix .pi-cell{min-height:12px;border-radius:4px;font-size:10px}
 #window .profile-bento.pl-a .pb-matrix .pi-matrix-row>b{min-height:12px;border-radius:5px;font-size:11.5px}
 #window .profile-bento.pl-a .pb-matrix .pi-matrix-row>span:first-child{gap:7px;font-size:11.5px}
 #window .profile-bento.pl-a .pb-matrix .pi-matrix-row>span:first-child>svg{width:14px;height:14px}
 #window .profile-bento.pl-a .pb-matrix .pi-matrix-head span{font-size:10.5px}
}

/* No Form row: the matchday numbers live in the Punkte bars; the top tiles get the freed height. */
@media(min-width:861px){
 .player-dossier.profile-bento.pl-a{grid-template-areas:"hero market points fixture" "hero radar matrix matrix"!important;grid-template-rows:minmax(150px,auto) minmax(0,1fr)!important}
 .player-dossier.profile-bento.pl-a.no-radar{grid-template-areas:"hero market points fixture" "hero matrix matrix matrix"!important}
 .player-dossier.profile-bento.pl-a.show-analysis{grid-template-rows:minmax(150px,auto) minmax(260px,auto)!important}
}
@media(max-width:860px){
 .player-dossier.profile-bento.pl-a{grid-template-areas:"hero hero" "market market" "points fixture" "radar radar" "matrix matrix" "more more"!important}
 .player-dossier.profile-bento.pl-a.no-radar{grid-template-areas:"hero hero" "market market" "points fixture" "matrix matrix" "more more"!important}
}
/* Punkte: five labelled bars (value + matchday), coloured like the old form boxes. */
#window .profile-bento.pl-a .pb-points{display:flex;flex-direction:column}
#window .profile-bento.pl-a .pb-points-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;align-items:end;height:auto;min-height:74px;flex:1;margin-top:10px}
#window .profile-bento.pl-a .pb-bar{display:grid;grid-template-rows:minmax(18px,1fr) auto auto;justify-items:stretch;gap:3px;height:100%;min-width:0}
#window .profile-bento.pl-a .pb-bar i{align-self:end;height:var(--h)!important;min-height:4px;border-radius:4px;background:#2e5e3d}
#window .profile-bento.pl-a .pb-bar[data-tier=top] i{background:linear-gradient(180deg,#4fd88a,#2a9a58)}
#window .profile-bento.pl-a .pb-bar[data-tier=good] i{background:#2f7a4a}
#window .profile-bento.pl-a .pb-bar[data-tier=ok] i{background:#2a3d31}
#window .profile-bento.pl-a .pb-bar[data-tier=zero] i{background:#2a2f35;min-height:3px}
#window .profile-bento.pl-a .pb-bar[data-tier=neg] i{background:#b8434e}
#window .profile-bento.pl-a .pb-bar b{text-align:center;font:italic 800 17px/1 var(--font-display,'Barlow Condensed',sans-serif);color:#fff;font-variant-numeric:tabular-nums}
#window .profile-bento.pl-a .pb-bar[data-tier=zero] b{color:#6b737b}
#window .profile-bento.pl-a .pb-bar[data-tier=neg] b{color:#ff8a95}
#window .profile-bento.pl-a .pb-bar small{text-align:center;font:500 10.5px/1 var(--font-ui,Inter,sans-serif);color:#8a929b}
/* Marktwert: the chart uses the taller tile. */
#window .profile-bento.pl-a .pb-market{display:flex;flex-direction:column}
#window .profile-bento.pl-a .pb-market :is(.mv-stage,.mv-plot,.mv-plot svg){height:auto!important;min-height:56px;flex:1}
/* Nächstes Spiel: a bigger opponent crest beside the name. */
#window .profile-bento.pl-a .pb-fixture .pb-opp-mark{top:50%!important;right:16px;transform:translateY(-50%)!important;width:64px!important;height:64px!important;filter:drop-shadow(0 4px 10px #0008)}
#window .profile-bento.pl-a .pb-fixture .pb-opp-short{padding-right:80px}
#window .profile-bento.pl-a .pb-fixture .pb-kickoff{padding-right:0}
/* The link to actions, phases and news sits in the footer, next to Spieleranalyse. */
#window .profile-bento.pl-a .pb-links{display:flex;align-items:center;gap:18px}
#window .profile-bento.pl-a .pb-links .pb-more{display:inline-flex;align-items:center;gap:5px;height:auto;margin:0;padding:0;border:0;background:none;color:#c4c4bf;font:500 12px/1 var(--font-ui,Inter,sans-serif);cursor:pointer}
#window .profile-bento.pl-a .pb-links .pb-more:hover{color:#fff}
#window .profile-bento.pl-a .pb-links .pb-more svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .15s}
#window .profile-bento.pl-a .pb-links .pb-more[aria-expanded=true] svg{transform:rotate(90deg)}
@media(max-width:860px) and (min-width:681px),(max-width:680px){#window .profile-bento.pl-a .pb-fixture .pb-opp-mark{display:none}#window .profile-bento.pl-a .pb-fixture .pb-opp-short{padding-right:0}}
@media(min-width:861px) and (max-width:1199px){
 #window .profile-bento.pl-a .pb-fixture .pb-opp-mark{width:44px!important;height:44px!important;right:12px}
 #window .profile-bento.pl-a .pb-fixture .pb-opp-short{padding-right:52px;font-size:30px}
}

/* Poster copy: the name fills the card width (sized by its longest word), a smaller status mark, calmer spacing. */
#window .profile-bento.pl-a .pb-hero-copy{container-type:inline-size;display:flex;flex-direction:column;gap:0!important;padding:56px 18px 16px!important}
#window .profile-bento.pl-a .pb-clubline{margin:0 0 6px}
#window .profile-bento.pl-a .pb-hero h3{margin:0 0 12px;font-size:clamp(30px,calc(100cqw / (var(--len,6) * .5)),60px)!important;line-height:.9!important;letter-spacing:-.005em}
#window .profile-bento.pl-a .pb-status{margin:0 0 16px;gap:9px!important;font-size:13.5px!important;line-height:1.3}
#window .profile-bento.pl-a .pb-status :is(.profile-name-mark,.outlook-mark){width:20px!important;height:20px!important;flex:none;box-shadow:none!important}
#window .profile-bento.pl-a .pb-actions{margin:0}
#window .profile-bento.pl-a .pb-hero h3{font-size:clamp(20px,calc(100cqw / (var(--len,6) * .54)),60px)!important}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-hero h3{font-size:clamp(20px,calc(100cqw / (var(--len,6) * .54)),42px)!important;margin-bottom:9px}
 #window .profile-bento.pl-a .pb-hero-copy{padding:40px 14px 12px!important}
 #window .profile-bento.pl-a .pb-status{margin-bottom:12px}
}

/* All point categories: the matrix scrolls inside its tile (no visible scrollbar), the matchday header stays put,
   and a soft fade at the bottom shows there is more. */
#window .profile-bento.pl-a .pb-matrix .pb-body{position:relative;flex:1 1 0;min-height:0;overflow:hidden}
#window .profile-bento.pl-a .pb-matrix .pi-matrix{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;grid-auto-rows:auto!important;align-content:start!important;gap:6px;padding-bottom:18px;scrollbar-width:none;overscroll-behavior:contain}
#window .profile-bento.pl-a .pb-matrix .pi-matrix::-webkit-scrollbar{display:none}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row{align-items:center!important}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-head{position:sticky;top:0;z-index:2;padding-bottom:4px;background:#0e1114}
#window .profile-bento.pl-a .pb-matrix .pi-cell{height:28px!important;min-height:0!important;max-height:none!important;align-self:center}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>b{height:28px!important;min-height:0!important;max-height:none!important}
#window .profile-bento.pl-a .pb-matrix .pb-body::after{content:'';position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,transparent,#0e1114);pointer-events:none}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-matrix .pi-matrix{gap:3px}
 #window .profile-bento.pl-a .pb-matrix .pi-cell,#window .profile-bento.pl-a .pb-matrix .pi-matrix-row>b{height:18px!important}
}
@media(max-width:860px){
 #window .profile-bento.pl-a .pb-matrix .pb-body{flex:none;max-height:360px}
}
#window .profile-bento.pl-a .pb-matrix .pi-matrix-row{grid-template-columns:minmax(178px,2fr) repeat(var(--days),minmax(34px,1fr)) minmax(56px,.9fr)}
@media(max-height:700px) and (min-width:861px){#window .profile-bento.pl-a .pb-matrix .pi-matrix-row{grid-template-columns:minmax(150px,1.8fr) repeat(var(--days),minmax(28px,1fr)) minmax(46px,.8fr)}}
/* Ø after the points average: small and quiet, so the number stays the hero. */
#window .profile-bento.pl-a .pb-points strong .pb-avg{margin-left:6px;font:600 15px/1 var(--font-ui,Inter,sans-serif);font-style:normal;color:#9aa1a8;vertical-align:baseline}
/* Footer line centred between the tiles above and the window edge below (10px each side). */
#window .player-dossier.profile-bento.pl-a>.pb-footer{padding:0 4px 7px!important;margin:0!important}
/* Empty points matrix: centred in its tile. */
#window .profile-bento.pl-a .pb-matrix .pb-body:has(.pi-matrix-empty)::after{display:none}
#window .profile-bento.pl-a .pi-matrix-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;min-height:140px;padding:0 24px;text-align:center}
#window .profile-bento.pl-a .pi-matrix-empty svg{width:34px;height:34px;margin-bottom:4px;fill:none;stroke:#5d656d;stroke-width:1.5}
#window .profile-bento.pl-a .pi-matrix-empty strong{font:600 15px/1.3 var(--font-ui,Inter,sans-serif);color:#d6dade}
#window .profile-bento.pl-a .pi-matrix-empty span{max-width:340px;font:400 13px/1.45 var(--font-ui,Inter,sans-serif);color:#858d95}

/* Positionsprofil and Punkte-Matrix titles match the stat row above: icon, same size, weight and colour. */
#window .profile-bento.pl-a :is(.pb-radar,.pb-matrix) .pb-label{display:flex;align-items:center;justify-content:flex-start;gap:9px;font:500 13.5px/1.2 var(--font-ui,Inter,sans-serif)!important;color:#c9ced4!important}
#window .profile-bento.pl-a :is(.pb-radar,.pb-matrix) .pb-label::before{content:'';flex:none;width:17px;height:17px;background:currentColor;-webkit-mask:var(--pb-icon) center/contain no-repeat;mask:var(--pb-icon) center/contain no-repeat}
#window .profile-bento.pl-a .pb-radar .pb-label{--pb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 21 9.5 17.5 20h-11L3 9.5z'/%3E%3Cpath d='M12 8l4.5 3.3-1.8 5.2H9.3l-1.8-5.2z' fill='black' fill-opacity='.35'/%3E%3C/svg%3E")}
#window .profile-bento.pl-a .pb-matrix .pb-label{--pb-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='4' width='17' height='16' rx='2.5'/%3E%3Cpath d='M3.5 9.3h17M3.5 14.6h17M9.2 4v16M14.8 4v16'/%3E%3C/svg%3E")}
#window .profile-bento.pl-a .pb-radar .pb-label .pb-label-scope{margin-left:auto}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-radar .pb-label{gap:6px;font-size:12.5px!important}
 #window .profile-bento.pl-a .pb-radar .pb-label::before{width:15px;height:15px}
 #window .profile-bento.pl-a .pb-radar .pb-label .pb-label-scope{font-size:10.5px}
}
@media(max-height:700px) and (min-width:861px){
 #window .profile-bento.pl-a .pb-radar .pb-label .pb-label-scope{font-size:0}
 #window .profile-bento.pl-a .pb-radar .pb-label .pb-label-scope::after{content:attr(data-short);font-size:10.5px}
}

/* Positionsprofil: one fixed accent (the app's lime), no colour coding. */
#window .profile-bento.pl-a.player-dossier .pb-radar{--pi-club:#9ee05a}
#window .profile-bento.pl-a .pb-radar .pb-label .pb-label-scope{order:2}
/* The value curve starts below the price and its change, never across them. */
#window .profile-bento.pl-a .pb-market .mv-heading{position:relative;z-index:2}
#window .profile-bento.pl-a .pb-market .mv-stage{top:96px!important;bottom:0!important;height:auto!important}
@media(max-height:700px) and (min-width:861px){#window .profile-bento.pl-a .pb-market .mv-stage{top:84px!important}}

html.has-modal,html.has-modal body{overflow:hidden}
