PATH=/home/tennisto/fantasy.tennistonic.com/user.css
START_LINE=1
.user-main{display:flex!important;flex-direction:column!important;padding:34px 0 70px}.user-main>.user-hero{order:0!important}.user-main>#teamLiveScores{order:1!important}.user-main>.user-section:has(.up-list){order:3!important}.user-main>.user-section:has(.team-strip){order:4!important}.user-main>.user-section.user-points{order:2!important}.user-main>.ft-dashboard-graphs{order:5!important}.user-hero,.user-section{background:#fff;border:1px solid #dce5dc;border-radius:22px;box-shadow:0 18px 45px #07140d20}.user-hero{display:grid;grid-template-columns:150px minmax(220px,1fr) minmax(440px,1.4fr);gap:26px;align-items:center;padding:28px}.user-avatar{width:140px;height:140px;border-radius:20px;overflow:hidden;background:#123b2e;display:grid;place-items:center;color:#a8e53e;font-size:52px;font-weight:900;box-shadow:0 12px 30px #0002}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-about h1{font-size:38px;margin:5px 0;color:#142219}.user-about p{color:#65736a;line-height:1.5;margin:8px 0 0}.user-ranks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.user-ranks>div{background:linear-gradient(180deg,#f6faF3,#eaf3e4);border:1px solid #dce8d7;border-radius:15px;padding:15px 10px;text-align:center}.user-ranks small{display:block;color:#7c897e;font-size:9px;font-weight:900;letter-spacing:1px}.user-ranks b{display:block;font-size:31px;color:#173d2f;margin:3px 0}.user-ranks span{font-weight:900;color:#649330}.user-section{margin-top:20px;padding:26px}.user-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #e5ebe4;padding-bottom:16px}.user-section-head h2{font-size:29px;margin:4px 0 0}.user-section-head>a{background:linear-gradient(180deg,#ff9c55,#ef6e25);color:#fff;text-decoration:none;font-weight:900;border-radius:11px;padding:11px 19px;box-shadow:0 7px 18px #c8582435}.user-section-head:has(> .team-header-actions) {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.user-section-head:has(> .team-header-actions) > :first-child {
  flex: 1 1 12rem;
  min-width: 0;
  overflow-wrap: anywhere;
}
.team-header-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 100%;
}
.team-header-actions > a { white-space: nowrap; }
.team-strip > .user-empty { grid-column: 1 / -1; }.team-header-actions a{display:inline-flex;align-items:center;justify-content:center;padding:11px 19px;border-radius:11px;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 7px 18px #103b1735}.team-header-actions .team-history-button{background:linear-gradient(180deg,#92d766,#388f33);border:1px solid #83c85e}.team-header-actions .team-see-all-button{background:linear-gradient(180deg,#ff9c55,#ef6e25)}.team-header-actions a:hover{filter:brightness(1.08)}.team-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px;align-items:start;padding-top:20px;min-height:100px}.team-strip>a{display:block;width:100%;min-width:0;color:#173d2f;text-decoration:none;text-align:center}.team-photo{display:block;box-sizing:border-box;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#173d2f;border:2px solid #dce8d7;box-shadow:0 7px 16px #0002}.team-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.team-photo>span{width:100%;height:100%;display:grid;place-items:center;color:#a8e53e;font-size:25px;font-weight:900}.team-surname{display:block;margin-top:7px;font-size:12px;line-height:1.3;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-empty{color:#738078;padding:18px 0}.ft-dashboard-graphs{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}.ft-mini-chart{background:#fff;border:1px solid #dce5dc;border-radius:22px;padding:22px;min-width:0;box-shadow:0 18px 45px #07140d20}.ft-mini-heading{display:flex;justify-content:space-between;align-items:center;font-size:23px;color:#234128;gap:15px}.ft-mini-heading span{color:#569329;font-weight:900}.ft-mini-chart svg{display:block;width:100%;height:auto;max-height:275px}#teamLiveScores:empty{display:none}.ft-live-list{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}.ft-live-card{display:block;padding:0;border-radius:10px;overflow:hidden;background:#d7e1b6;color:#193820;text-decoration:none;border:2px solid #376e26;box-shadow:0 8px 20px #102c2240}.ft-live-card:hover{filter:brightness(1.03)}.ft-live-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#315f27;color:#fff;padding:12px 16px;font-size:19px}.ft-live-head span{background:#387f9d;padding:6px 15px;font-size:14px;font-weight:500}.ft-live-columns,.ft-live-row{display:grid;grid-template-columns:minmax(155px,2.5fr) repeat(5,minmax(30px,1fr));align-items:stretch}.ft-live-columns{background:#315f27;color:#fff;text-align:center;font-size:12px;padding:9px 0}.ft-live-columns span:first-child{text-align:left;padding-left:14px}.ft-live-row{min-height:67px;border-bottom:1px solid #9bad89}.ft-live-person{display:flex;align-items:center;gap:11px;min-width:0;padding-right:4px}.ft-live-person img{width:62px;height:66px;object-fit:cover;object-position:center top}.ft-live-three .ft-live-columns,.ft-live-three .ft-live-row{grid-template-columns:minmax(155px,2.5fr) repeat(4,minmax(30px,1fr))}.ft-live-five .ft-live-columns,.ft-live-five .ft-live-row{grid-template-columns:minmax(155px,2.5fr) repeat(6,minmax(30px,1fr))}.ft-live-points{font-weight:900;background:#e5f4d0;color:#184d23}.ft-live-person b{font-size:16px;line-height:1.2;overflow-wrap:anywhere}.ft-live-person .ft-serving-ball{width:20px;height:20px;object-fit:contain;flex-shrink:0;margin-left:auto}.ft-live-cell{background:#fafafa;border-left:1px solid #799270;display:grid;place-items:center;color:#152117;font-size:18px}.ft-live-footer{display:flex;align-items:center;justify-content:space-between;background:#315f27;color:#fff;padding:8px 15px;font-size:12px;font-weight:800}.ft-live-footer span:first-child{color:#d2ff78}@media(max-width:600px){.ft-live-head{font-size:15px}.ft-live-columns,.ft-live-row{grid-template-columns:minmax(115px,2.3fr) repeat(4,minmax(20px,1fr))}.ft-live-person img{width:40px;height:53px}.ft-live-person b{font-size:12px}.ft-live-cell{font-size:14px}}.up-list{display:grid}.up-row{display:grid;grid-template-columns:92px minmax(150px,1fr) 36px minmax(150px,1fr) 190px 90px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #e5ebe4}.up-row:last-child{border-bottom:0}.up-value{background:linear-gradient(180deg,#236e8c,#14536f);color:#fff;border-radius:12px;text-align:center;padding:11px 6px;box-shadow:0 7px 18px #0c4a6530}.up-value small{display:block;font-size:8px;font-weight:900;letter-spacing:1px}.up-value b{display:inline;font-size:25px}.up-value span{font-weight:900;margin-left:2px}.up-person{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;color:#17231b;text-decoration:none}.up-person img{width:58px;height:66px;object-fit:cover;object-position:center top;border-radius:9px;background:#e7eee5}.up-person strong{font-size:17px}.up-person.team-player{background:#ffff00;border-radius:9px;padding:0 8px 0 0;overflow:hidden;min-height:66px}.up-person.team-player strong{color:#111}.up-vs{text-align:center;font-size:12px;font-weight:900;color:#8a958d}.up-when{text-align:center}.up-when strong,.up-when span{display:block}.up-when span{font-size:12px;color:#738078;margin-top:4px}.up-h2h{background:linear-gradient(180deg,#287694,#14536f);color:#fff;text-decoration:none;border-radius:12px;text-align:center;padding:10px 8px;box-shadow:0 7px 18px #0c4a6530}.up-h2h b{display:block;font-size:19px}.up-h2h span{font-size:10px;font-weight:900;letter-spacing:1px}@media(max-width:900px){.user-main{padding:20px 12px}.user-hero{grid-template-columns:100px 1fr}.user-avatar{width:96px;height:96px}.user-ranks{grid-column:1/3}.up-row{grid-template-columns:72px 1fr 28px 1fr}.up-when{grid-column:2/4}.up-h2h{grid-column:4}}@media(max-width:600px){.user-hero{display:block}.user-avatar{margin-bottom:15px}.user-ranks{grid-template-columns:repeat(2,1fr);margin-top:18px}.user-section{padding:18px}.team-strip{overflow-x:auto}.up-row{grid-template-columns:66px 1fr}.up-value{grid-row:1/3}.up-vs{display:none}.up-person{grid-template-columns:48px 1fr}.up-person img{width:48px;height:58px}.up-when,.up-h2h{grid-column:2}.up-when{text-align:left}.up-h2h{width:90px}}



/* Match the Upcoming page layout on mobile. */
@media(max-width:760px){
.up-list .up-row{grid-template-columns:62px minmax(0,1fr) 20px minmax(0,1fr);gap:8px;padding:14px 0;border-bottom:2px solid #e6ece4}
.up-list .up-row:last-child{border-bottom:0}
.up-list .up-value{grid-column:1;grid-row:1;align-self:center;border-radius:11px;padding:9px 4px;box-shadow:none}
.up-list .up-value small{font-size:7px}
.up-list .up-value b{font-size:20px}
.up-list .up-value span{font-size:11px;margin-left:0}
.up-list .up-person,.up-list .up-vs{grid-row:1;min-width:0}
.up-list .up-person{grid-template-columns:42px minmax(0,1fr);gap:9px;border-radius:10px;padding:4px;min-height:0}
.up-list .up-person strong{font-size:14px;line-height:1.15;overflow-wrap:anywhere}
.up-list .up-person img{width:42px;height:50px;border-radius:8px}
.up-list .up-vs{display:block;font-size:10px}
.up-list .up-when{grid-column:1/4;grid-row:2;text-align:left;margin-top:4px;min-width:0;align-self:start}
.up-list .up-when strong{font-size:12px}
.up-list .up-when span{font-size:9px;color:#7b877e;white-space:normal}
.up-list .up-h2h{grid-column:4;grid-row:2;justify-self:end;align-self:start;margin-top:4px;width:auto;max-width:100%;background:none;color:#8b0000;border:0;border-radius:0;box-shadow:none;padding:0;text-align:right}
.up-list .up-h2h b{font-size:12px;line-height:normal}
.up-list .up-h2h span{display:block;color:inherit;font-size:8px;margin-top:4px}
}

/* Profile compact header for 300px leader column */



.user-hero{grid-template-columns:120px minmax(170px,.8fr) minmax(320px,1.2fr);gap:20px;padding:22px}.user-avatar{width:112px;height:112px;border-radius:16px}.user-about h1{font-size:30px;margin:2px 0}.user-ranks{gap:7px}.user-ranks>div{padding:10px 6px;border-radius:12px}.user-ranks b{font-size:25px;margin:2px 0}.user-ranks span{font-size:13px}.user-ranks small{font-size:8px}.user-section-head h2{font-size:27px}



/* Dashboard profile header */

.user-hero{grid-template-columns:120px minmax(190px,.8fr) minmax(330px,1.25fr);align-items:start}.user-about{padding-top:6px}.user-about h1{margin:0 0 7px;font-size:30px}.user-cash{font-size:15px;font-weight:900;color:#679530}.user-ranks{grid-template-columns:repeat(3,1fr);align-self:center;gap:9px}.user-ranks>div{padding:10px 7px}.user-ranks span{display:block;order:0;font-size:13px;font-weight:900;color:#679530;margin-bottom:6px}.user-ranks small{font-size:8px}.user-ranks b{font-size:25px;margin:1px 0 3px}.user-ranks em{display:block;font-style:normal;font-size:11px;font-weight:900;color:#758178}@media(max-width:900px){.user-hero{grid-template-columns:100px 1fr}.user-ranks{grid-column:1/3;grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.user-ranks{grid-template-columns:repeat(3,1fr)}.user-ranks>div{padding:9px 4px}.user-ranks span{font-size:11px}.user-ranks b{font-size:22px}.user-ranks em{font-size:10px}}
/* Mobile dashboard: profile left, period ranks right. */
@media(max-width:600px){
.user-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px 14px;padding:18px;align-items:start}
.user-hero>.user-avatar{grid-column:1;grid-row:1;width:min(112px,100%);height:auto;aspect-ratio:1;margin:0}
.user-hero>.user-about{grid-column:1;grid-row:2;min-width:0;padding:0;overflow-wrap:anywhere}
.user-hero .user-about h1{font-size:clamp(20px,5.5vw,27px);line-height:1.15;margin:0 0 7px}
.user-hero .user-cash{font-size:14px}
.user-hero .user-about p{font-size:12px}
.user-hero>.user-ranks{grid-column:2;grid-row:1/3;grid-template-columns:minmax(0,1fr);gap:7px;margin:0;align-self:start;min-width:0;width:100%}
.user-hero .user-ranks>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;padding:8px 10px;border-radius:11px;text-align:left;align-items:center}
.user-hero .user-ranks span{grid-column:1;grid-row:1;margin:0;font-size:12px;line-height:1.2;overflow-wrap:anywhere}
.user-hero .user-ranks small{grid-column:1;grid-row:2;font-size:7px;line-height:1.2}
.user-hero .user-ranks b{grid-column:2;grid-row:1/3;font-size:22px;line-height:1;margin:0}
.user-hero .user-ranks em{grid-column:1/-1;grid-row:3;font-size:10px;line-height:1.2;margin-top:2px}
}
/* Latest points won card */
.profile-points-list{display:grid}.profile-points-row{display:grid;grid-template-columns:76px 180px minmax(220px,1fr) 130px 180px;gap:5px;align-items:center;padding:14px 0;border-bottom:1px solid #dfe6df}.profile-points-row:last-child{border-bottom:0}.profile-points-pic{display:block;width:62px;height:74px;border-radius:5px;overflow:hidden;background:#1d6989}.profile-points-pic img{width:100%;height:100%;object-fit:cover;display:block}.profile-points-winner a,.profile-points-opp a{color:#111;text-decoration:none;font-size:18px}.profile-points-winner small,.profile-points-opp small{display:block;color:#7b847d;margin-top:5px}.profile-points-opp small{font-size:12px}.profile-points-earned{background:#1d6989;color:#fff;padding:20px 10px;text-align:center;font-size:21px;border-radius:5px}.profile-points-earned b{font-weight:500}.profile-points-event{text-align:center;min-width:0}.profile-points-event strong,.profile-points-event time{display:block}.profile-points-event strong{line-height:1.2;overflow-wrap:break-word}.profile-points-event time{color:#68746b;margin-top:5px}/* Latest points: photo and award left, player and opponent side by side. */
.profile-points-row{grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:8px 14px;align-items:start}
.profile-points-pic{grid-column:1;grid-row:1;justify-self:center}
.profile-points-pic img{object-position:center top}
.profile-points-winner{grid-column:2;grid-row:1;min-width:0}
.profile-points-opp{grid-column:3;grid-row:1;min-width:0}
.profile-points-winner a,.profile-points-opp a{overflow-wrap:anywhere;line-height:1.25}
.profile-points-earned{grid-column:1;grid-row:2;box-sizing:border-box;width:62px;justify-self:center;padding:8px 3px;font-size:15px;white-space:nowrap;align-self:start}
.profile-points-event{grid-column:2/4;grid-row:2;text-align:left;align-self:start}
@media(max-width:760px){
.profile-points-row{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);gap:8px 10px}
.profile-points-pic{width:52px;height:64px}
.profile-points-winner a,.profile-points-opp a{font-size:15px}
.profile-points-winner small{font-size:12px}
.profile-points-earned{width:52px;font-size:13px;padding:8px 2px}
.profile-points-event{grid-column:2/4;justify-self:end;text-align:right;max-width:100%}
.profile-points-event strong{font-size:14px}
.profile-points-event time{font-size:12px}
}