/* SmileDice v25.12.4 User Map — original BetAI orbit concept with SmileDice navy/blue/cyan colors. */
#sp-view-user-map{min-width:0;max-width:100%;color:#edf6ff}
#sp-view-user-map .sum-root{--sum-bg:#06162b;--sum-deep:#041125;--sum-panel:#08213a;--sum-ink:#eef7ff;--sum-muted:#9cbbd3;--sum-edge:#155b80;--sum-bright:#03d6fa;--sum-blue:#2379ed;display:block;min-width:0;width:100%;max-width:100%;padding:3px 0 18px;box-sizing:border-box}
#sp-view-user-map .sum-root *{box-sizing:border-box}
#sp-view-user-map button,#sp-view-user-map input,#sp-view-user-map select{font:inherit}
#sp-view-user-map button{cursor:pointer}
#sp-view-user-map .sum-hero{position:relative;min-height:166px;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:25px 30px;margin-bottom:16px;background:linear-gradient(110deg,rgba(3,19,41,.97),rgba(8,52,89,.89) 58%,rgba(3,25,51,.96)),radial-gradient(circle at 74% 30%,rgba(0,202,255,.12),transparent 50%);border:1px solid #1d77ad;border-radius:20px;box-shadow:inset 0 1px 0 rgba(150,229,255,.15),0 12px 34px rgba(0,6,20,.25);overflow:hidden}
#sp-view-user-map .sum-hero:after{content:"";position:absolute;width:310px;height:310px;right:18%;top:-145px;background:repeating-radial-gradient(circle,transparent 0 17px,rgba(10,163,236,.07) 18px 19px,transparent 20px 35px);pointer-events:none}
#sp-view-user-map .sum-hero>div{position:relative;z-index:1}
#sp-view-user-map .sum-kicker{color:#38dffb;font-size:10px;font-weight:900;letter-spacing:.16em}
#sp-view-user-map .sum-hero h2{font-size:clamp(29px,3.1vw,42px);font-weight:900;letter-spacing:-.045em;margin:7px 0 6px;line-height:1.09}
#sp-view-user-map .sum-hero h2 em{color:#1bd3fa;font-style:normal}
#sp-view-user-map .sum-hero p{max-width:690px;color:#b3cbdf;font-size:13px;line-height:1.6;margin:0}
#sp-view-user-map .sum-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
#sp-view-user-map .sum-chips span{border:1px solid rgba(59,173,234,.38);border-radius:18px;padding:5px 12px;background:#0423419c;color:#d0edff;font-weight:700;font-size:10px}
#sp-view-user-map .sum-hero-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end;justify-content:flex-end;min-width:210px}
#sp-view-user-map .sum-hero-actions label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;color:#82cbec;letter-spacing:.06em}
#sp-view-user-map select,#sp-view-user-map input[type=search]{background:#041a32;color:#f0faff;border:1px solid #276388;outline:none;border-radius:10px;padding:11px 13px;max-width:100%}
#sp-view-user-map select:focus-visible,#sp-view-user-map input:focus-visible,#sp-view-user-map button:focus-visible{outline:2px solid #23deff;outline-offset:2px}
#sp-view-user-map .sum-primary{background:linear-gradient(112deg,#14d4ec,#298bfb);color:#00172c;font-size:12px;font-weight:900;border:1px solid #35dfff;padding:11px 16px;border-radius:10px;box-shadow:0 4px 13px #009ad127}
#sp-view-user-map .sum-primary:disabled{opacity:.65;cursor:wait}
#sp-view-user-map .sum-search{display:flex;align-items:center;gap:10px;border:1px solid #164569;background:#061a30;border-radius:11px;padding:4px 12px;margin-bottom:12px;min-width:0}
#sp-view-user-map .sum-search>span{font-size:22px;color:#25d6f6}
#sp-view-user-map .sum-search input{flex:1;min-width:0;background:transparent;border:0;box-shadow:none;padding:10px 0;font-size:13px}
#sp-view-user-map .sum-search small{color:#84abc5;white-space:nowrap;font-size:11px}
#sp-view-user-map .sum-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}
#sp-view-user-map .sum-filter-row button{flex:1 1 130px;display:flex;justify-content:space-between;align-items:center;border:1px solid #21577a;border-radius:10px;background:linear-gradient(180deg,#082844,#071b31);color:#a5c7df;padding:10px 14px;font-size:12px;font-weight:800}
#sp-view-user-map .sum-filter-row button.active{border-color:#12cafa;color:#f4ffff;background:linear-gradient(115deg,#0b395d,#095087)}
#sp-view-user-map .sum-filter-row b{color:#fff;font-weight:900;font-size:14px}
#sp-view-user-map .sum-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}
#sp-view-user-map .sum-insight{min-width:0;display:flex;gap:11px;align-items:center;padding:13px;border:1px solid #235779;border-radius:13px;background:linear-gradient(127deg,#081d32,#0a2b48);min-height:76px}
#sp-view-user-map .sum-insight-icon{width:39px;height:39px;border-radius:12px;background:#0e3b59;border:1px solid #1b86bb;display:grid;place-items:center;font-size:24px;color:#29dafd;flex-shrink:0}
#sp-view-user-map .sum-insight>div:last-child{display:flex;flex-direction:column;min-width:0;gap:3px}
#sp-view-user-map .sum-insight span{font-size:9px;letter-spacing:.06em;color:#9bc4df;font-weight:850}
#sp-view-user-map .sum-insight b{font-size:17px;color:#f3faff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sp-view-user-map .sum-insight small{font-size:10px;color:#8db0cc}
#sp-view-user-map .sum-layout{display:grid;grid-template-columns:minmax(0,1fr) 257px;gap:12px;align-items:start}
#sp-view-user-map .sum-map-col{min-width:0;display:grid;gap:12px}
#sp-view-user-map .sum-card,#sp-view-user-map .sum-panel{background:linear-gradient(155deg,#061c33,#051527 90%);border:1px solid #1b5a83;border-radius:15px;min-width:0;box-shadow:inset 0 1px 0 rgba(140,232,255,.05)}
#sp-view-user-map .sum-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 18px;border-bottom:1px solid #164262}
#sp-view-user-map .sum-card-head>div{display:flex;gap:8px;align-items:center}
#sp-view-user-map .sum-card-head h3,#sp-view-user-map .sum-panel h3{color:#f4faff;font-size:15px;margin:0;letter-spacing:-.02em}
#sp-view-user-map .sum-card-head small{font-size:10px;color:#8fb9d3}
#sp-view-user-map .sum-accent{color:#18dcf9;font-size:16px}
#sp-view-user-map .sum-orbit{height:clamp(360px,33vw,520px);position:relative;isolation:isolate;margin:14px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse 58% 62% at 50% 51%,rgba(14,79,128,.32),transparent 76%),linear-gradient(180deg,#02152b,#031126)}
#sp-view-user-map .sum-globe{position:absolute;inset:10% 5%;z-index:0;pointer-events:none;border-radius:50%;border:1px solid rgba(37,112,167,.38);background:radial-gradient(ellipse at 62% 45%,rgba(22,109,159,.24),rgba(5,46,87,.12) 43%,rgba(0,17,35,.6) 78%),linear-gradient(120deg,transparent 38%,rgba(16,106,182,.09) 48%,transparent 63%);box-shadow:inset 20px 0 70px rgba(29,107,167,.13),inset -24px 0 65px rgba(16,86,143,.12)}
#sp-view-user-map .sum-globe-glow{position:absolute;inset:-1%;border-radius:50%;background:radial-gradient(circle at 63% 60%,rgba(15,194,245,.07),transparent 42%)}
#sp-view-user-map .sum-orbit-lines{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:.9}
#sp-view-user-map .sum-orbit-lines ellipse,#sp-view-user-map .sum-orbit-lines path{stroke:#277cad;stroke-width:.6;fill:none;opacity:.27}
#sp-view-user-map .sum-orbit-lines ellipse:nth-child(odd){stroke:#25c3ee;opacity:.25}
#sp-view-user-map .sum-center{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:clamp(126px,16vw,200px);height:clamp(126px,16vw,200px);border-radius:50%;background:radial-gradient(circle at 50% 20%,#184369,#061d38 72%);border:1px solid #238dbb;box-shadow:0 0 0 9px rgba(31,140,187,.07),0 0 0 20px rgba(20,84,144,.07),inset 0 1px 24px rgba(10,169,248,.14)}
#sp-view-user-map .sum-center>span{color:#a4d1eb;font-size:9px;font-weight:850;letter-spacing:.07em}
#sp-view-user-map .sum-center strong{color:#f8fcff;font-size:clamp(28px,3.5vw,44px);line-height:1.1;letter-spacing:-.04em}
#sp-view-user-map .sum-center small{font-size:10px;color:#81bfd9}
#sp-view-user-map .sum-pin{position:absolute;left:var(--sum-x);top:var(--sum-y);transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;gap:6px;padding:4px 7px 4px 4px;border:1px solid transparent;border-radius:30px;background:rgba(3,20,39,.78);max-width:180px;color:#dcedfc;text-align:left}
#sp-view-user-map .sum-pin:hover,#sp-view-user-map .sum-pin.active{border-color:#2ae2fc;background:#0d4264;z-index:9}
#sp-view-user-map .sum-flag{display:grid;place-items:center;font-size:23px;width:37px;height:37px;flex:none;border-radius:50%;background:#062641;border:2px solid #26cafa;box-shadow:0 0 12px #009cde38}
/* v25.12.5: Same bundled PNG country flags as the time zone picker.
   Regional-indicator emoji otherwise render as country letters on Windows. */
#sp-view-user-map .sum-flag-img{display:inline-block;width:27px;height:18px;object-fit:fill;vertical-align:middle;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.38);flex-shrink:0}
#sp-view-user-map .sum-flag-unknown{display:inline-block;font-size:20px;line-height:1}
#sp-view-user-map .sum-pin .sum-flag-img{width:30px;height:20px}
#sp-view-user-map .sum-rank-flag{display:inline-grid;place-items:center;min-width:30px;flex-shrink:0}
#sp-view-user-map .sum-detail-country>span .sum-flag-img{width:45px;height:30px;border-radius:5px}
#sp-view-user-map .sum-recent>span{display:inline-grid;place-items:center;min-width:29px;flex-shrink:0}
#sp-view-user-map .sum-country-row>span:first-child .sum-flag-img{width:26px;height:18px}
@media(max-width:520px){#sp-view-user-map .sum-pin .sum-flag-img{width:23px;height:16px}}

#sp-view-user-map .sum-pin-label{display:flex;flex-direction:column;gap:1px;max-width:100px}
#sp-view-user-map .sum-pin-label b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sp-view-user-map .sum-pin-label small{color:#98bed7;font-size:9px;white-space:nowrap}
#sp-view-user-map .sum-no-pins{position:absolute;z-index:6;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#96bdd7;line-height:1.7}
#sp-view-user-map .sum-map-footer{display:flex;justify-content:space-between;gap:9px;padding:0 16px 14px;color:#84b3d0;font-size:10px}
#sp-view-user-map .sum-map-footer i{display:inline-block;width:7px;height:7px;background:#1ed4ff;border-radius:50%;margin-right:6px}
#sp-view-user-map .sum-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #16456a}
#sp-view-user-map .sum-periods>div{padding:16px 14px;border-right:1px solid #113d5c;display:flex;flex-direction:column;gap:2px}
#sp-view-user-map .sum-periods>div:last-child{border-right:0}
#sp-view-user-map .sum-periods span{font-size:9px;color:#84bfd9;font-weight:850;letter-spacing:.06em}
#sp-view-user-map .sum-periods b{font-size:20px}
#sp-view-user-map .sum-periods small{font-size:10px;color:#7ba3bd}
#sp-view-user-map .sum-side{min-width:0;display:grid;gap:12px}
#sp-view-user-map .sum-panel{padding:15px}
#sp-view-user-map .sum-side-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:14px}
#sp-view-user-map .sum-side-title span,#sp-view-user-map .sum-small{color:#87aecb;font-size:10px}
#sp-view-user-map .sum-rank-row{width:100%;display:flex;align-items:center;gap:7px;background:#061b32;border:1px solid #153b5a;border-radius:9px;padding:10px 8px;margin-bottom:6px;color:#eaf7ff;min-width:0}
#sp-view-user-map .sum-rank-row:hover{border-color:#19ccec}
#sp-view-user-map .sum-rank-number{color:#04cfea;font-size:12px;width:16px}
#sp-view-user-map .sum-rank-flag{font-size:19px}
#sp-view-user-map .sum-rank-body{display:flex;flex-direction:column;flex:1;gap:5px;min-width:0;text-align:left}
#sp-view-user-map .sum-rank-body b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sp-view-user-map .sum-rank-body i{height:3px;border-radius:5px;background:linear-gradient(90deg,#22d9ec,#267ced);max-width:100%}
#sp-view-user-map .sum-rank-row strong{font-size:12px}
#sp-view-user-map .sum-empty-side{font-size:11px;color:#96b5ce;line-height:1.6}
#sp-view-user-map .sum-detail-country{display:flex;gap:12px;align-items:center;margin:18px 0}
#sp-view-user-map .sum-detail-country>span{font-size:35px}
#sp-view-user-map .sum-detail-country>div{display:flex;flex-direction:column;gap:4px}
#sp-view-user-map .sum-detail-country b{font-size:15px}
#sp-view-user-map .sum-detail-country small{font-size:10px;color:#9fbad4}
#sp-view-user-map .sum-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
#sp-view-user-map .sum-detail-stats>div{display:flex;flex-direction:column;align-items:center;gap:3px;background:#082a46;border:1px solid #165474;border-radius:9px;padding:9px 4px}
#sp-view-user-map .sum-detail-stats strong{font-size:16px;color:#21daff}
#sp-view-user-map .sum-detail-stats small{font-size:9px;color:#a6c2d8}
#sp-view-user-map .sum-subtle{font-size:10px;color:#88adc6}
#sp-view-user-map .sum-continent{margin-top:14px}
#sp-view-user-map .sum-continent>div{display:flex;justify-content:space-between;gap:8px;font-size:10px}
#sp-view-user-map .sum-continent span{color:#8bb0ca;font-size:9px}
#sp-view-user-map .sum-continent i{display:block;height:4px;background:linear-gradient(90deg,#16dcf4,#2c76ed);border-radius:6px;max-width:100%;margin-top:8px}
#sp-view-user-map .sum-recent{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #12324d;min-width:0}
#sp-view-user-map .sum-recent>span{font-size:20px}
#sp-view-user-map .sum-recent>div{display:flex;flex:1;flex-direction:column;min-width:0}
#sp-view-user-map .sum-recent b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sp-view-user-map .sum-recent small{font-size:9px;color:#85b5d0}
#sp-view-user-map .sum-recent time{font-size:9px;color:#8aacc6;white-space:nowrap}
#sp-view-user-map .sum-self{display:flex;flex-direction:column;gap:12px}
#sp-view-user-map .sum-self-label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:#c3deed}
#sp-view-user-map .sum-self select{width:100%}
#sp-view-user-map .sum-check{display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5;color:#b9d5e9}
#sp-view-user-map .sum-check input{accent-color:#16d3f5;width:15px;height:15px;flex-shrink:0}
#sp-view-user-map .sum-country-table{padding:4px 14px 12px}
#sp-view-user-map .sum-table-heading,#sp-view-user-map .sum-country-row{display:grid;grid-template-columns:minmax(100px,1fr) 68px 110px;align-items:center;gap:9px}
#sp-view-user-map .sum-table-heading{font-weight:850;color:#7fb8d5;font-size:9px;padding:12px 8px;border-bottom:1px solid #1c4b6b}
#sp-view-user-map .sum-country-row{width:100%;background:transparent;border:0;border-bottom:1px solid #143851;color:#eefaff;padding:11px 8px;text-align:left}
#sp-view-user-map .sum-country-row:hover{background:#0c3151}
#sp-view-user-map .sum-country-row>span:first-child{font-size:14px;display:flex;align-items:center;gap:8px;min-width:0}
#sp-view-user-map .sum-country-row>span:first-child b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sp-view-user-map .sum-country-row strong{text-align:center;font-size:11px}
#sp-view-user-map .sum-progress{display:flex;align-items:center;gap:8px}
#sp-view-user-map .sum-progress i{height:4px;background:linear-gradient(90deg,#1cd8ee,#287ded);border-radius:8px;flex:1;min-width:3px;max-width:55px}
#sp-view-user-map .sum-progress small{font-size:10px;color:#a0c9e3}
#sp-view-user-map .sum-empty-row{padding:22px 10px;color:#9fbcd2;font-size:12px;text-align:center}
#sp-view-user-map .sum-more{background:#082f4c;border:1px solid #1b6e9e;border-radius:12px;color:#19d7ff;font-size:11px;font-weight:900;padding:10px 19px;margin:0 16px 14px}
#sp-view-user-map .sum-error,#sp-view-user-map .sum-success{margin-bottom:12px;padding:11px 13px;border-radius:10px;font-size:12px}
#sp-view-user-map .sum-error{border:1px solid #e46d84;background:#3b1929;color:#ffd9e0}
#sp-view-user-map .sum-success{border:1px solid #1a97cf;background:#0a2b46;color:#c6f4ff}
#sp-view-user-map .sum-footnote{color:#86a9c3;font-size:10px;line-height:1.6;margin:14px 1px}
@media(max-width:1160px){#sp-view-user-map .sum-layout{grid-template-columns:minmax(0,1fr) 235px}#sp-view-user-map .sum-overview{grid-template-columns:repeat(2,minmax(0,1fr))}#sp-view-user-map .sum-pin-label{display:none}#sp-view-user-map .sum-pin{padding:3px;border:0;background:transparent}}
@media(max-width:760px){#sp-view-user-map .sum-layout{grid-template-columns:1fr}#sp-view-user-map .sum-side{grid-template-columns:repeat(2,minmax(0,1fr))}#sp-view-user-map .sum-hero{padding:19px;align-items:flex-start;flex-direction:column}#sp-view-user-map .sum-hero-actions{justify-content:flex-start;width:100%}#sp-view-user-map .sum-orbit{height:380px}#sp-view-user-map .sum-search small{display:none}}
@media(max-width:520px){#sp-view-user-map .sum-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}#sp-view-user-map .sum-insight{padding:10px;gap:7px}#sp-view-user-map .sum-insight-icon{width:30px;height:30px;font-size:18px}#sp-view-user-map .sum-insight b{font-size:14px}#sp-view-user-map .sum-insight small{font-size:9px}#sp-view-user-map .sum-side{grid-template-columns:1fr}#sp-view-user-map .sum-orbit{height:300px;margin:7px}#sp-view-user-map .sum-center{width:110px;height:110px}#sp-view-user-map .sum-center strong{font-size:30px}#sp-view-user-map .sum-center>span{font-size:7px}#sp-view-user-map .sum-pin .sum-flag{width:28px;height:28px;font-size:17px}#sp-view-user-map .sum-periods{grid-template-columns:repeat(2,minmax(0,1fr))}#sp-view-user-map .sum-periods>div:nth-child(2){border-right:0}#sp-view-user-map .sum-country-table{padding:3px 6px 10px}#sp-view-user-map .sum-table-heading,#sp-view-user-map .sum-country-row{grid-template-columns:minmax(95px,1fr) 48px 92px;gap:4px}#sp-view-user-map .sum-map-footer{flex-wrap:wrap;font-size:9px}#sp-view-user-map .sum-no-pins{bottom:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){#sp-view-user-map *{animation:none!important;transition:none!important}}

/* Only User Map spans the space normally used by Sport Chat: no changes to other tabs. */
#sport-screen .sp-shell:has(#sp-view-user-map:not([hidden])) > .sp-right{display:none!important}
@media(min-width:1511px){#sport-screen .sp-shell:has(#sp-view-user-map:not([hidden])){grid-template-columns:minmax(170px,14.6%) minmax(0,1fr)!important}}
@media(min-width:1211px) and (max-width:1510px){#sport-screen .sp-shell:has(#sp-view-user-map:not([hidden])){grid-template-columns:minmax(170px,14.6%) minmax(0,1fr)!important}}
@media(min-width:1061px) and (max-width:1210px){#sport-screen .sp-shell:has(#sp-view-user-map:not([hidden])){grid-template-columns:minmax(0,1fr)!important}#sport-screen .sp-shell:has(#sp-view-user-map:not([hidden])) > .sp-center{grid-column:1!important}}