/* Personal profile reference. This asset is loaded only on /tipsters/{slug} and its tips page. */
.pn-tipster-profile { width:100%; min-width:0; color:#1b2536; font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
.pn-profile-layout { width:100%; min-width:0; container-type:inline-size; }
.pn-tipster-profile *, .prediction-user-card--profile * { box-sizing:border-box; }
.pn-tipster-profile [hidden] { display:none!important; }
.pn-tipster-profile button, .pn-tipster-profile a { font-family:inherit; }
.pn-tipster-profile button { appearance:none; }
.pn-tipster-profile button:disabled { cursor:default; opacity:.55; }
.pn-tipster-profile a, .pn-tipster-profile a:hover, .pn-tipster-profile a:focus { text-decoration:none; }
.pn-tipster-profile svg { flex:none; vertical-align:middle; }
.pn-profile-top { display:flex; flex-direction:column; gap:10px; }
.pn-profile-card { border:1px solid #e6e8eb; border-radius:14px; background:#f7f8fa; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.pn-profile-card__main { padding:clamp(16px,3.3cqw,22px); display:flex; flex-direction:column; gap:16px; }
.pn-profile-identity { display:flex; align-items:center; gap:clamp(14px,2.9cqw,20px); min-width:0; }
.pn-profile-avatar { position:relative; flex:none; width:clamp(64px,11.8cqw,80px); height:clamp(64px,11.8cqw,80px); }
.pn-profile-avatar [data-profile-photo], .pn-profile-avatar img, .pn-profile-avatar__initial { display:block; width:100%; height:100%; border-radius:50%; }
.pn-profile-avatar img { object-fit:cover; box-shadow:0 0 0 1px rgba(16,24,40,.08); user-select:none; pointer-events:none; }
.pn-profile-avatar .pn-profile-avatar__initial { display:grid; place-items:center; background:#e6eefa; color:#2b6cb0; font-size:clamp(24px,4.2cqw,30px); font-weight:700; }
.pn-profile-avatar > .pn-profile-avatar__control { position:absolute; right:-3px; bottom:-3px; }
.pn-profile-photo-button { display:grid; place-items:center; width:30px; height:30px; padding:0; border:2px solid #f7f8fa; border-radius:50%; background:#1b2536; color:#fff; cursor:pointer; box-shadow:0 2px 6px rgba(16,24,40,.18); transition:background .14s; }
.pn-profile-person { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; }
.pn-profile-person__name { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; }
.pn-tipster-profile .pn-profile-person h1 { margin:0; padding:0; max-width:100%; overflow-wrap:anywhere; font:700 clamp(21px,3.8cqw,26px)/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.015em; color:#14161a; border:0; text-shadow:none; }
.pn-profile-rank { padding:4px 7px; border-radius:6px; background:#fef3c7; color:#8a5a08; font-size:10.5px; font-weight:700; letter-spacing:.06em; line-height:1; text-transform:uppercase; }
.pn-profile-rank--admin { background:#f8d7da; color:#a3130f; }
.pn-profile-rank--blocked { background:#272b31; color:#fff; }
.pn-profile-presence { font-size:12px; font-weight:500; color:#8a939c; line-height:1.35; overflow-wrap:anywhere; }
.pn-profile-presence:before { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:#b8bec6; content:""; vertical-align:middle; }
.pn-profile-presence.is-online { color:#17a05a; font-weight:600; white-space:nowrap; }
.pn-profile-presence.is-online:before { background:#17a05a; }
.pn-profile-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 16px; font-size:13px; color:#5a6169; line-height:1.35; }
.pn-profile-registration { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.pn-profile-registration > svg { color:#98a2b3; }
.pn-profile-registration b { font-weight:600; color:#1b2536; }
.pn-profile-counters { display:flex; flex-wrap:wrap; align-items:center; gap:2px; min-width:0; max-width:100%; margin:-5px 0 -5px -9px; white-space:nowrap; }
.pn-profile-counter { display:inline-flex; align-items:center; flex:none; height:28px; padding:0 9px; gap:6px; font-size:13px; line-height:1; color:#5a6169; }
.pn-profile-counter b { color:#14161a; font-weight:700; }
.pn-profile-settings { display:grid; place-items:center; flex:none; align-self:flex-start; width:40px; height:40px; border:1px solid #e6e8eb; border-radius:12px; background:#fff; color:#8a939c; transition:border-color .14s,color .14s,background .14s; }
.pn-profile-actions { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-left:calc(clamp(64px,11.8cqw,80px) + clamp(14px,2.9cqw,20px)); }
.pn-profile-action { display:inline-flex; flex:none; align-items:center; justify-content:center; gap:6px; height:36px; min-width:36px; padding:0 10px; border:1px solid #dfe5ee; border-radius:999px; background:#fff; color:#1b2536; font-size:13.5px; font-weight:600; line-height:1; white-space:nowrap; cursor:pointer; transition:background .15s,border-color .15s,color .15s,transform .12s; }
.pn-profile-action-label { padding-right:3px; }
.pn-profile-action--selected { border-color:#e1e6ed; background:#f3f5f8; }
.pn-profile-action--icon { width:36px; padding:0; color:#475467; }
.pn-profile-pop { position:relative; flex:none; }
.pn-profile-menu { position:absolute; left:0; top:calc(100% + 6px); z-index:35; min-width:200px; padding:6px; border:1px solid #e4e9f0; border-radius:12px; background:#fff; box-shadow:0 12px 28px rgba(16,24,40,.14); animation:pnProfilePop .14s ease-out; }
.pn-profile-menu--photo { min-width:190px; }
.pn-profile-menu--right { left:auto; right:0; min-width:230px; }
.pn-profile-menu > button { display:flex; width:100%; align-items:center; gap:10px; padding:9px 10px; border:0; border-radius:8px; background:transparent; color:#1b2536; font-size:13.5px; font-weight:500; line-height:1.4; text-align:left; white-space:nowrap; cursor:pointer; }
.pn-profile-menu > button.is-danger { color:#b42318; }
.pn-profile-menu > .pn-profile-sheet-cancel { display:none; }
.pn-profile-sheet { position:fixed; inset:0; z-index:1050; display:flex; align-items:flex-end; background:rgba(16,24,40,.45); }
body.pn-profile-sheet-open { overflow:hidden; }
.pn-profile-sheet .pn-profile-menu { position:relative; top:auto; left:auto; right:auto; bottom:auto; width:100%; min-width:0; padding:10px 12px 14px; border:0; border-radius:20px 20px 0 0; box-shadow:0 -10px 30px rgba(16,24,40,.18); animation:pnProfileSheet .2s ease-out; display:flex; flex-direction:column; gap:2px; }
.pn-profile-sheet .pn-profile-menu:before { content:""; display:block; flex:none; width:40px; height:4px; border-radius:999px; background:#d8dee7; margin:0 auto 10px; }
.pn-profile-sheet .pn-profile-menu > button { gap:12px; border-radius:12px; padding:13px 12px; font-size:15px; }
.pn-profile-sheet .pn-profile-menu > .pn-profile-sheet-cancel { display:block; margin-top:8px; min-height:46px; padding:0 12px; border:1px solid #dfe5ee; background:#f7f9fc; font-weight:600; text-align:center; }
.pn-profile-sheet .pn-profile-menu > button:active { background:#f4f7fb; }
.pn-profile-sheet .pn-profile-menu > button.is-danger:active { background:#fdf4f3; }
.pn-profile-blocked { display:flex; align-items:center; flex-wrap:wrap; gap:10px 12px; padding:12px 14px; border:1px solid #f6d4d0; border-radius:12px; background:#fdf3f2; color:#7a271a; font-size:13.5px; line-height:1.5; }
.pn-profile-blocked > span { flex:1 1 220px; min-width:0; }
.pn-profile-blocked > button { flex:none; height:36px; padding:0 14px; border:1px solid #f0c6c1; border-radius:10px; background:#fff; color:#b42318; font-size:13.5px; font-weight:600; cursor:pointer; }
.pn-profile-about { display:flex; flex-direction:column; gap:6px; padding:14px clamp(16px,3.3cqw,22px) clamp(16px,3.3cqw,22px); border-top:1px solid #eef1f5; border-radius:0 0 13px 13px; background:#fff; }
.pn-profile-about__label { color:#98a2b3; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.pn-profile-about p { margin:0; color:#2c3a4f; font-size:14.5px; line-height:1.6; white-space:pre-wrap; text-wrap:pretty; overflow-wrap:anywhere; }
.pn-profile-about-empty { display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px; padding:12px 14px; border:1px dashed #d3dce8; border-radius:12px; background:#fbfcfe; }
.pn-profile-about-empty > span { flex:1 1 240px; min-width:0; color:#475467; font-size:13.5px; line-height:1.5; text-wrap:pretty; }
.pn-profile-about-empty b { font-weight:600; color:#1b2536; }
.pn-profile-about-empty > a { display:inline-flex; align-items:center; height:36px; padding:0 14px; border:1px solid #cfe0f2; border-radius:10px; background:#eaf2fb; color:#1f5f9e; font-size:13.5px; font-weight:600; }
.pn-profile-tabs { display:flex; align-items:center; gap:2px; padding:5px; border:1px solid #eef0f3; border-radius:999px; background:#fff; overflow-x:auto; scrollbar-width:none; box-shadow:0 8px 24px -12px rgba(16,24,40,.16),0 1px 2px rgba(16,24,40,.04); }
.pn-profile-tabs::-webkit-scrollbar { display:none; }
.pn-profile-tabs--secondary svg { color:#98a2b3; }
.pn-profile-tab { display:inline-flex; flex:1 0 auto; align-items:center; justify-content:center; gap:5px; height:40px; padding:0 8px; border-radius:999px; background:transparent; color:#5a6169; font-size:13px; font-weight:700; line-height:1; white-space:nowrap; transition:background .15s,color .15s; }
.pn-profile-tab.is-active { padding:0 14px; background:linear-gradient(135deg,#1f62d6,#123f96); color:#fff; box-shadow:0 8px 16px -8px rgba(18,63,150,.7); }
.pn-profile-tabs__separator { flex:none; width:1px; height:14px; background:#e3e6ea; }
.pn-profile-tab__count { display:inline-grid; place-items:center; min-width:18px; height:18px; padding:0 5px; border-radius:999px; background:#2b6cb0; color:#fff; font-size:11px; font-weight:700; line-height:1; }
.pn-profile-sections { display:flex; flex-direction:column; gap:clamp(28px,5.2cqw,38px); margin-top:clamp(24px,4.6cqw,32px); }
.pn-profile-section { display:flex; flex-direction:column; gap:12px; min-width:0; }
.pn-profile-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:6px 12px; }
.pn-tipster-profile .pn-profile-section h2 { margin:0; color:#101828; font:700 clamp(17px,3cqw,20px)/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.01em; }
.pn-profile-section-link { display:inline-flex; align-items:center; gap:3px; color:#2b6cb0; font-size:13.5px; font-weight:600; transition:color .15s,gap .15s; }
.pn-profile-tiles { display:flex; flex-wrap:wrap; gap:8px; }
.pn-profile-tile { display:flex; flex:1 1 110px; flex-direction:column; gap:8px; min-width:0; padding:12px 12px 13px; border:1px solid #e6e8eb; border-radius:12px; background:#f7f8fa; box-shadow:0 1px 2px rgba(16,24,40,.04); }
.pn-profile-tile--outcomes { flex:1.35 1 120px; }
.pn-profile-tile--money { flex-basis:136px; }
.pn-profile-tile__label { color:#8a939c; font-size:10.5px; font-weight:700; letter-spacing:.07em; line-height:1; text-transform:uppercase; white-space:nowrap; }
.pn-profile-tile__numbers { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; white-space:nowrap; }
.pn-profile-tile__value { display:inline-flex; align-items:center; gap:5px; max-width:100%; color:#14161a; font-size:clamp(15.5px,2.65cqw,18px); font-weight:700; line-height:1.1; font-variant-numeric:tabular-nums; }
.pn-profile-tile--money .pn-profile-tile__value { flex-wrap:wrap; overflow-wrap:anywhere; white-space:normal; }
.pn-profile-tile__unit { font-size:10.5px; letter-spacing:.02em; }
.pn-profile-tile__value > span { min-width:0; overflow-wrap:anywhere; white-space:normal; }
.pn-profile-tile__value.is-positive { color:#0b8f5b; }
.pn-profile-tile__value.is-negative { color:#c4201b; }
.pn-profile-outcomes { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 7px; min-width:0; font-size:12.5px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
.pn-profile-outcomes > :nth-child(1) { color:#14874a; }.pn-profile-outcomes > :nth-child(2) { color:#c93b32; }.pn-profile-outcomes > :nth-child(3) { color:#5c6c85; }
.pn-profile-caption { display:flex; align-items:flex-start; gap:7px; margin:0; color:#8a939c; font-size:12.5px; line-height:1.5; text-wrap:pretty; }
.pn-profile-caption > svg { margin-top:2px; }
.pn-profile-forecasts { display:flex; flex-direction:column; gap:12px; min-width:0; }
.pn-profile-all-forecasts { display:flex; align-items:center; justify-content:center; gap:7px; height:42px; border-radius:999px; background:#f4f6fa; color:#16202e; font-size:13.5px; font-weight:700; transition:background .2s ease,color .2s ease,gap .2s ease; }
.pn-profile-feedback { position:fixed; bottom:24px; left:50%; z-index:1060; max-width:calc(100% - 32px); width:max-content; padding:11px 18px; border-radius:10px; background:#1b2536; color:#fff; font-size:13.5px; font-weight:500; line-height:1.4; text-align:center; box-shadow:0 10px 26px rgba(16,24,40,.22); transform:translateX(-50%); animation:pnProfileToast .16s ease-out; }
/* Card layout is opted into by the two personal controllers, never by /tips. */
.pn-profile-forecasts > .prediction-user-card--profile { max-width:none; margin:0; }
.pn-personal-forecast-list .prediction-user-card--profile { max-width:none; }
.pn-personal-forecast-list .prediction-user-card--profile { margin-bottom:30px; }
.prediction-user-card--profile .prediction-user-card__head { gap:7px; }
.prediction-user-card__profile-match { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; flex:1; min-width:0; gap:12px; }
.prediction-user-card__profile-match .prediction-user-card__team { gap:9px; min-width:0; }
.prediction-user-card__profile-match .prediction-user-card__team--home { grid-column:1; grid-row:1; }
.prediction-user-card__profile-match .prediction-user-card__team--away { grid-column:3; grid-row:1; }
.prediction-user-card__profile-match .prediction-user-card__team--home { flex-direction:row-reverse; text-align:right; }
.prediction-user-card__profile-match .prediction-user-card__team--away { flex-direction:row; text-align:left; }
.prediction-user-card__profile-match .prediction-user-card__team strong { font-size:14px; font-weight:600; line-height:1.25; overflow-wrap:anywhere; white-space:normal; overflow:visible; text-overflow:clip; }
.prediction-user-card__profile-match .prediction-user-card__team-logo { width:24px; height:24px; }
.prediction-user-card__profile-match .prediction-user-card__match-center { grid-column:2; grid-row:1; align-items:center; min-width:0; padding:0 2px; border-left:0; text-align:center; }
.prediction-user-card__profile-event { display:flex; flex:1; min-width:0; align-items:center; gap:8px; }
.prediction-user-card__profile-event strong { min-width:0; flex:1; font-size:14px; overflow-wrap:anywhere; }
.prediction-user-card__profile-express { display:flex; align-items:center; flex:1; min-width:0; gap:7px; }
.prediction-user-card__profile-express .prediction-express-box__tag { flex:none; }
.prediction-user-card__profile-express > strong { font-size:13px; font-weight:600; white-space:nowrap; }
.prediction-user-card__profile-express .prediction-user-card__odds { margin-left:auto; }
@keyframes pnProfilePop { from { opacity:0; transform:translateY(-4px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes pnProfileSheet { from { opacity:.5; transform:translateY(40px); } to { opacity:1; transform:none; } }
@keyframes pnProfileToast { from { opacity:0; transform:translate(-50%,10px); } to { opacity:1; transform:translate(-50%,0); } }
@media (hover:hover) and (pointer:fine) {
  .pn-profile-photo-button:hover { background:#2b6cb0; }
  .pn-profile-settings:hover { border-color:#cfe0f2; color:#2b6cb0; background:#f5f9fd; }
  .pn-profile-action:hover { background:#f2f7fc; border-color:#b9cfe6; color:#1f5f9e; transform:translateY(-1px); }
  .pn-profile-action--selected:hover { background:#eaeef3; border-color:#cfd8e3; }
  .pn-profile-menu > button:hover { background:#f4f7fb; }
  .pn-profile-menu > button.is-danger:hover { background:#fdf4f3; }
  .pn-profile-about-empty > a:hover { background:#dfeaf8; }
  .pn-profile-tab:not(.is-active):hover { background:#f3f5f8; color:#14161a; }
  .pn-profile-section-link:hover { color:#123f96; gap:6px; }
  .pn-profile-all-forecasts:hover { background:linear-gradient(135deg,#1f62d6,#123f96); color:#fff; gap:12px; }
}
.pn-profile-action:active { transform:scale(.97); }
.pn-tipster-profile :is(a,button):focus-visible { outline:2px solid #2b6cb0; outline-offset:3px; }
@container (max-width:520px) {
  .pn-profile-desktop-prefix, .pn-profile-counter [data-profile-counter-label], .pn-profile-action-label { display:none; }
  .pn-profile-action { width:36px; padding:0; }
  .pn-profile-meta { gap:6px 16px; }
  .pn-profile-counters { flex:0 0 100%; gap:4px; margin:-4px 0 -4px -8px; }
  .pn-profile-counter { height:30px; padding:0 8px; gap:5px; color:#9aa1ab; }
}
@media (max-width:520px) {
  .prediction-user-card--profile .prediction-user-card__head { padding:6px 9px; gap:5px; }
  .prediction-user-card__profile-match { grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; }
  .prediction-user-card__profile-match .prediction-user-card__team { gap:5px; }
  .prediction-user-card__profile-match .prediction-user-card__team--home { grid-column:1; grid-row:1; flex-direction:row; text-align:left; }
  .prediction-user-card__profile-match .prediction-user-card__team--away { grid-column:1; grid-row:2; }
  .prediction-user-card__profile-match .prediction-user-card__team strong { font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .prediction-user-card__profile-match .prediction-user-card__match-center { grid-column:2; grid-row:1 / span 2; }
  .prediction-user-card__profile-match .prediction-user-card__team-logo { width:20px; height:20px; }
  .prediction-user-card__profile-match .prediction-user-card__match-center b { font-size:13px; }
  .prediction-user-card__profile-match .prediction-user-card__match-center small { font-size:10px; }
  .prediction-user-card__profile-express { flex-wrap:wrap; gap:5px; }
}
@media (prefers-reduced-motion:reduce) {
  .pn-tipster-profile *, .prediction-user-card--profile * { animation:none!important; transition:none!important; }
}