/* SmileDice Sport v18.39.12 — BetAI-inspired layout, native SmileDice navy/cyan palette. */
#sport-screen .sp-tipsters-card{min-height:395px!important;background:linear-gradient(150deg,#071a2b,#081526 72%)!important;border-color:#2a6187!important}
#sport-screen .sp-tipsters-tabs{min-height:45px;border-bottom:1px solid #1d506c!important}
#sport-screen .sp-tipsters-tabs button{font-size:11px!important;color:#8db7c9!important}
#sport-screen .sp-tipsters-tabs button.is-active{color:#ffcd4c!important}
#sport-screen #sp-top-tipsters{min-height:304px!important;padding:8px 10px 3px!important}
#sport-screen .sd-rank-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(151px,auto);gap:8px;height:100%}
#sport-screen .sd-rank-mini{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:12px 6px 10px;border:1px solid #294a77;border-radius:12px;background:linear-gradient(145deg,#112747,#0c1a33);color:#ebf7ff;transition:background .18s,border-color .18s;}
#sport-screen .sd-rank-mini:hover,#sport-screen .sd-rank-mini.is-leading:hover{background:#0e3048!important}
#sport-screen .sd-rank-mini.is-leading{border-color:#39699c;background:linear-gradient(145deg,#17335a,#101e38)}
#sport-screen .sd-rank-mini .sd-rank-profile{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:100%;cursor:pointer}
#sport-screen .sd-rank-mini .sd-rank-profile strong{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#edf9ff;text-shadow:0 1px 5px #0008}
#sport-screen .sd-rank-mini-metric{font-size:12px;font-weight:950;color:#fff;line-height:1.25}
#sport-screen .sd-rank-mini-metric small{font-size:10px;font-weight:700;color:#a1bfcf}
#sport-screen .sd-rank-mini-picks{font-size:10px;font-weight:750;color:#80aabf;text-align:center}
#sport-screen .sd-rank-mini-premium{font-size:8px;font-weight:950;color:#ffdf8b;letter-spacing:.4px}
#sport-screen .sd-rank-mini-form{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:2px 0}
#sport-screen .sd-rank-form-chip{display:grid;place-items:center;min-width:18px;height:20px;padding:0 4px;border:1px solid #405475;border-radius:6px;background:#182943;color:#839bb6;font-size:10px;font-style:normal;font-weight:950;line-height:1}
#sport-screen .sd-rank-form-chip.is-win{border-color:#16895c;background:#103b31;color:#60f3b2}
#sport-screen .sd-rank-form-chip.is-loss{border-color:#ad4163;background:#482339;color:#ff8faa}
#sport-screen .sd-rank-mini-streak .sd-rank-mini-metric small,#sport-screen .sd-rank-mini-popular .sd-rank-mini-metric small{color:#a8c5e8}
#sport-screen .sd-rank-mini-empty{padding:35px 10px;text-align:center;color:#a8cadc;font-size:12px}
#sport-screen .sd-rank-avatar{display:grid;place-items:center;position:relative;flex:0 0 auto;width:43px;height:43px;border-radius:50%;border:2px solid #17d7f0;background:radial-gradient(circle at 35% 25%,#1d4962,#08213c 76%);box-shadow:0 0 0 3px #062133,inset 0 1px 12px #76d4e320;color:#b5d6e9;font-weight:950;font-size:14px}
#sport-screen .sd-rank-avatar.is-large{width:64px;height:64px;font-size:23px}
#sport-screen .sd-rank-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
#sport-screen .sd-rank-avatar-seal{position:absolute;display:grid;place-items:center;left:-6px;bottom:-3px;width:22px;height:22px;border-radius:50%;border:2px solid #062033;background:linear-gradient(125deg,#00cff0,#1473bd);color:white;font-size:12px;font-weight:950;box-shadow:0 2px 7px #0018}
#sport-screen .sd-rank-avatar-seal.is-premium{background:linear-gradient(120deg,#ffd967,#d99115);color:#422b00}
#sport-screen .sd-rank-avatar-seal.is-new{background:#25475c;color:#b5cee0}
#sport-screen .sp-rank-pager{min-height:28px!important;padding:4px 0 12px!important;gap:6px}
#sport-screen .sp-rank-pager button{height:8px;width:8px;min-width:8px;min-height:8px;padding:0;border:0;border-radius:15px;background:#43637a;cursor:pointer}
#sport-screen .sp-rank-pager button.is-selected{width:22px;background:#ffd248;box-shadow:0 0 10px #f6be3b90}
#sport-screen .sp-rank-pager button:focus-visible{outline:2px solid #73e1ff;outline-offset:4px}

/* Main Sport Rankings page. Every figure comes from a read-only Supabase RPC. */
#sport-screen #sp-view-rankings,#sport-screen #sp-view-tipsters{min-width:0}
#sport-screen .sd-rankings-page{display:flex;flex-direction:column;gap:17px;color:#edf9ff;min-width:0}
#sport-screen .sd-rankings-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;padding:25px 27px;border:1px solid #20617f;border-radius:19px;background:radial-gradient(circle at 88% 10%,#21446b88,transparent 50%),repeating-linear-gradient(90deg,transparent 0 38px,#51d9eb08 39px 40px),linear-gradient(125deg,#061d2d,#0c1b30 68%,#0c213a);box-shadow:inset 0 0 28px #0c749b14;overflow:hidden}
#sport-screen .sd-rank-eyebrow{font-size:10px;letter-spacing:2px;font-weight:1000;color:#38ecd3}
#sport-screen .sd-rankings-hero h2{margin:10px 0!important;font-size:clamp(27px,3vw,49px)!important;font-weight:1000!important;line-height:1.05!important;letter-spacing:-1.7px!important;color:#f5fbff!important}
#sport-screen .sd-rankings-hero h2 em{font-style:normal;background:linear-gradient(110deg,#25dce5,#7698ff,#b785ff);background-clip:text;-webkit-background-clip:text;color:transparent}
#sport-screen .sd-rankings-hero-left>p{max-width:470px;margin:9px 0 17px!important;color:#abc7da!important;font-size:12px!important;line-height:1.6!important}
#sport-screen .sd-rank-hero-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
#sport-screen .sd-rank-hero-features>span{display:flex;flex-direction:column;align-items:flex-start;min-height:74px;padding:9px;border:1px solid #335677;border-radius:12px;background:#28445a55;color:#b9e9f5;font-size:16px}
#sport-screen .sd-rank-hero-features b{margin:3px 0;font-size:10px;color:#e1f8ff}
#sport-screen .sd-rank-hero-features small{font-size:9px;color:#8cb0c6;line-height:1.35}
#sport-screen .sd-rank-hero-right{display:flex;flex-direction:column;gap:10px;min-width:0}
#sport-screen .sd-rank-hero-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#sport-screen .sd-rank-hero-kpis>span{display:flex;flex-direction:column;gap:6px;min-height:65px;padding:11px;border:1px solid #214b6c;border-radius:13px;background:#061627b8;color:#9dbaca;font-size:10px;font-weight:850}
#sport-screen .sd-rank-hero-kpis strong{font-size:19px;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sport-screen .sd-rank-hero-leader{display:flex;flex-direction:column;justify-content:center;gap:6px;flex:1;min-height:100px;padding:15px 19px;border:1px solid #285e82;border-radius:16px;background:linear-gradient(140deg,#051320,#102a46);box-shadow:inset 0 0 23px #1b81c21b}
#sport-screen .sd-rank-hero-leader small{font-size:10px;letter-spacing:1px;font-weight:1000;color:#26efd1}
#sport-screen .sd-rank-hero-leader strong{font-size:21px;color:#fff;overflow-wrap:anywhere}
#sport-screen .sd-rank-hero-leader span{font-size:11px;color:#93b6d0}
#sport-screen .sd-rank-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#sport-screen .sd-rank-stat{display:grid;grid-template-columns:37px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 8px;min-height:80px;padding:12px;border:1px solid #2d577a;border-radius:14px;background:linear-gradient(115deg,#172b4c,#0e2339)}
#sport-screen .sd-rank-stat:nth-child(2){border-color:#2086ab;background:linear-gradient(115deg,#103750,#0d293f)}
#sport-screen .sd-rank-stat:nth-child(3){border-color:#967037;background:linear-gradient(115deg,#332b25,#152633)}
#sport-screen .sd-rank-stat:nth-child(4){border-color:#2f8c6e;background:linear-gradient(115deg,#123e3d,#102e3b)}
#sport-screen .sd-rank-stat>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#276f9860;color:#bcf0ff;font-size:20px}
#sport-screen .sd-rank-stat strong{align-self:end;font-size:24px;font-weight:1000;color:#c3a7ff;font-variant-numeric:tabular-nums;line-height:1.2}
#sport-screen .sd-rank-stat:nth-child(2) strong{color:#29d6fa}
#sport-screen .sd-rank-stat:nth-child(3) strong{color:#ffd088}
#sport-screen .sd-rank-stat:nth-child(4) strong{color:#31e4af}
#sport-screen .sd-rank-stat small{align-self:start;color:#a7bed4;font-size:9px;letter-spacing:.4px;font-weight:950}
#sport-screen .sd-rank-podium-wrap{padding:17px;border:1px solid #205675;border-radius:17px;background:linear-gradient(135deg,#071a2d,#051423);overflow:hidden}
#sport-screen .sd-rank-section-title{font-weight:950;font-size:12px;color:#e8f6ff}
#sport-screen .sd-rank-live{display:inline-flex;align-items:center;margin-right:5px;padding:3px 7px;border:1px solid #146d76;border-radius:20px;background:#0d3741;color:#44e5d3;font-size:9px;letter-spacing:1px}
#sport-screen .sd-rank-podium{display:flex;justify-content:center;align-items:end;gap:clamp(17px,4vw,55px);padding:14px 5px 9px;min-height:174px}
#sport-screen .sd-rank-podium-person{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:33%;text-align:center;color:#b8d3e4}
#sport-screen .sd-rank-podium-person .sd-rank-profile{display:flex;flex-direction:column;align-items:center;position:relative;gap:7px;cursor:pointer}
#sport-screen .sd-rank-podium-person .sd-rank-profile strong{font-size:13px;font-weight:950;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f6fbff}
#sport-screen .sd-rank-podium-person.is-first .sd-rank-avatar{border-color:#ffd23c;box-shadow:0 0 15px #e6b72a5e,0 0 0 3px #3f330f}
#sport-screen .sd-rank-podium-place{position:absolute;top:50px;right:calc(50% - 42px);display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:2px solid #071a2d;background:linear-gradient(135deg,#fff2a0,#edba31 52%,#b8790b);color:#3e2804;font-size:13px;font-weight:1000;box-shadow:0 0 10px #f5c64777,inset 0 1px 3px #fff8}
#sport-screen .sd-rank-podium-person:nth-child(2) .sd-rank-podium-place{background:linear-gradient(135deg,#f5f8ff,#bfcddd 54%,#859bb7);color:#27374e;box-shadow:0 0 9px #b0bfd255,inset 0 1px 3px #fff8}
#sport-screen .sd-rank-podium-person:nth-child(3) .sd-rank-podium-place{background:linear-gradient(135deg,#ffd5ac,#dc925c 54%,#a35b33);color:#4c2611;box-shadow:0 0 9px #d8895360,inset 0 1px 3px #fff7}
#sport-screen .sd-rank-podium-person>b{font-size:15px;font-weight:1000;color:#2de8ae}
#sport-screen .sd-rank-podium-person>small{font-size:10px;color:#85adc4}
#sport-screen .sd-rank-podium-premium{font-size:9px;font-weight:900;color:#ffd887}
#sport-screen .sd-rank-leaderboard{padding:15px 12px;border:1px solid #355a99;border-radius:16px;background:linear-gradient(155deg,#101d37,#0a1730 68%,#101b35);box-shadow:inset 0 0 18px #315ab01e;min-width:0}
#sport-screen .sd-rank-table-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;padding:0 7px}
#sport-screen .sd-rank-table-heading h3{margin:0!important;font-size:17px!important;color:#fff!important}
#sport-screen .sd-rank-table-heading p{margin:4px 0 0!important;font-size:10px!important;color:#aabddd!important}
#sport-screen .sd-rank-table-modes{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#sport-screen .sd-rank-table-modes button{border:1px solid #385a90;border-radius:7px;padding:6px 10px;background:#172a4d;color:#c5d9f7;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
#sport-screen .sd-rank-table-modes button.is-active{background:#2b5dac;color:#fff;border-color:#88b8ff;box-shadow:0 0 10px #4382ed33}
#sport-screen .sd-rank-table-scroll{min-width:0;overflow-x:auto;scrollbar-color:#416bb1 #101a34}
#sport-screen .sd-rank-table{width:100%;min-width:875px;border-collapse:separate;border-spacing:0 5px;text-align:left;font-size:11px;table-layout:auto}
#sport-screen .sd-rank-table th{padding:10px 7px;color:#bacdec;font-size:10px;font-weight:1000;white-space:nowrap;border-bottom:1px solid #365488}
#sport-screen .sd-rank-table th button{border:0;border-bottom:2px solid transparent;background:transparent;color:#a5c9ff;font-size:10px;font-weight:1000;padding:3px 0;white-space:nowrap;cursor:pointer}
#sport-screen .sd-rank-table th button.is-selected{color:#d9c5ff;border-bottom-color:#9f83f8}
#sport-screen .sd-rank-table tbody tr{background:#142744;transition:background .18s}
#sport-screen .sd-rank-table tbody tr:hover{background:#203d6a}
#sport-screen .sd-rank-table td{padding:9px 7px;border-top:1px solid #2b4774;border-bottom:1px solid #2b4774;vertical-align:middle}
#sport-screen .sd-rank-table tbody td:first-child{border-radius:10px 0 0 10px;border-left:1px solid #2b4774}
#sport-screen .sd-rank-table tbody td:last-child{border-radius:0 10px 10px 0;border-right:1px solid #2b4774}
#sport-screen .sd-rank-place{display:grid;place-items:center;width:29px;height:29px;border:1px solid #3b5470;border-radius:50%;background:linear-gradient(145deg,#33445c,#0d1b2b 78%);color:#d7e2f5;font-size:12px;font-weight:950;box-shadow:inset 0 1px 3px #fff2,0 2px 7px #0005}
#sport-screen .sd-rank-table tbody tr:nth-child(1) .sd-rank-place.is-medal{border-color:#efbf3e;background:linear-gradient(135deg,#fff2a0,#edba31 52%,#b8790b);color:#3d2804;box-shadow:0 0 10px #f5c64777,inset 0 1px 3px #fff8}
#sport-screen .sd-rank-table tbody tr:nth-child(2) .sd-rank-place.is-medal{border-color:#a9bbd1;background:linear-gradient(135deg,#f5f8ff,#bfcddd 54%,#859bb7);color:#27374e;box-shadow:0 0 9px #b0bfd255,inset 0 1px 3px #fff8}
#sport-screen .sd-rank-table tbody tr:nth-child(3) .sd-rank-place.is-medal{border-color:#da945d;background:linear-gradient(135deg,#ffd5ac,#dc925c 54%,#a35b33);color:#4c2611;box-shadow:0 0 9px #d8895360,inset 0 1px 3px #fff7}
#sport-screen .sd-rank-table-person{display:flex;align-items:center;gap:10px;min-width:145px;cursor:pointer}
#sport-screen .sd-rank-table-author{display:flex;flex-direction:column;gap:4px;min-width:0}
#sport-screen .sd-rank-table-author strong{font-size:11px;color:#f2fcff;overflow-wrap:anywhere}
#sport-screen .sd-rank-table-premium,#sport-screen .sd-rank-table-free{align-self:start;padding:2px 6px;border:1px solid #416aaa;border-radius:20px;background:#203b68;color:#b2d5ff;font-size:8px;font-weight:950}
#sport-screen .sd-rank-table-premium{color:#ffe0a1;background:#493618;border-color:#9b752c}
#sport-screen .sd-rank-metric{font-size:12px;font-variant-numeric:tabular-nums;font-weight:950;color:#d8e6fb;white-space:nowrap}
#sport-screen .sd-rank-metric.is-win{color:#93c6ff}
#sport-screen .sd-rank-metric.is-yield,#sport-screen .sd-rank-metric.is-profit{color:#c3b2ff}
#sport-screen .sd-rank-metric.is-negative{color:#ff9ba7}
#sport-screen .sd-rank-badges{display:flex;flex-wrap:wrap;gap:4px;max-width:170px}
#sport-screen .sd-rank-badge{display:inline-flex;align-items:center;border:1px solid #456395;border-radius:12px;background:#233858;padding:3px 6px;color:#c8daf7;white-space:nowrap;font-size:8px;font-weight:950}
#sport-screen .sd-rank-badge.is-premium{border-color:#9d742e;background:#3f3118;color:#ffe4a7}
#sport-screen .sd-rank-badge.is-verified{border-color:#547bbb;color:#a6c8ff}
#sport-screen .sd-rank-badge.is-leader{color:#ffdf95;border-color:#987330}
#sport-screen .sd-rank-badge.is-new{color:#8bb1c6}
#sport-screen .sd-rank-follow{min-width:79px;border:1px solid #78a9f4;border-radius:8px;padding:7px 8px;background:linear-gradient(110deg,#3473da,#4c62c5);color:#f8fbff;font-size:10px;font-weight:950;white-space:nowrap;cursor:pointer}
#sport-screen .sd-rank-follow.is-following{background:#203d69;color:#d1e4ff}
#sport-screen .sd-rank-self{font-size:10px;color:#96afca;white-space:nowrap}
#sport-screen .sd-rank-disclaimer{font-size:10px!important;margin:12px 6px 0!important;color:#86afc4!important;line-height:1.55!important}
#sport-screen .sd-rank-migration{border:1px solid #b58a3e;padding:10px;border-radius:8px;background:#3d311c;color:#ffe3a2;font-size:11px}
#sport-screen .sd-rank-empty{padding:20px!important;text-align:center;color:#8db4c8;font-size:12px}
#sport-screen .sd-rank-coming-soon{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:19px;border:1px solid #28506a;border-radius:15px;background:linear-gradient(100deg,#071e2b,#112238)}
#sport-screen .sd-rank-coming-soon>span{color:#c5e4ed;font-size:12px;font-weight:900}
#sport-screen .sd-rank-coming-soon strong{color:#ffd058;font-size:24px;text-shadow:0 0 17px #d7a11966}
#sport-screen .sd-rank-coming-soon small{color:#9db4c8;font-size:10px}

@media(max-width:1300px){
 #sport-screen .sd-rankings-hero{grid-template-columns:1fr;padding:19px;gap:13px}
 #sport-screen .sd-rankings-hero-right{display:grid;grid-template-columns:1fr 1fr}
 #sport-screen .sd-rank-hero-kpis{grid-template-columns:1fr 1fr}
 #sport-screen .sd-rank-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sport-screen .sd-rank-table-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
 #sport-screen .sp-tipsters-card{min-height:360px!important}
 #sport-screen .sd-rank-mini-grid{grid-auto-rows:minmax(148px,auto)}
 #sport-screen .sd-rankings-hero-right{display:flex}
 #sport-screen .sd-rank-hero-features{grid-template-columns:1fr 1fr 1fr}
 #sport-screen .sd-rank-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 #sport-screen .sd-rank-stat strong{font-size:19px}
 #sport-screen .sd-rank-podium{gap:12px}
 #sport-screen .sd-rank-podium-person .sd-rank-profile strong{max-width:92px;font-size:11px}
 #sport-screen .sd-rank-table-modes{justify-content:flex-start}
}
@media(max-width:420px){
 #sport-screen .sd-rank-hero-features{grid-template-columns:1fr 1fr}
 #sport-screen .sd-rankings-hero{padding:14px}
 #sport-screen .sd-rank-hero-kpis{grid-template-columns:1fr 1fr}
 #sport-screen .sd-rank-stats{gap:5px}
 #sport-screen .sd-rank-stat{padding:7px;grid-template-columns:30px 1fr;gap:0 5px}
 #sport-screen .sd-rank-stat>span{width:28px;height:28px;font-size:16px}
 #sport-screen .sd-rank-stat strong{font-size:16px}
 #sport-screen .sd-rank-stat small{font-size:8px}
}