/* SmileDice Sport Rewards v25.12.3 — isolated, responsive, native navy/blue/cyan palette. */
#sp-view-rewards .srr-root{--sr-bg:#061426;--sr-card:#081b30;--sr-card2:#0b2740;--sr-border:#185879;--sr-cyan:#0fd7e9;--sr-blue:#258ff1;--sr-muted:#96b5c9;--sr-text:#edfaff;color:var(--sr-text);font:inherit;max-width:100%;container-type:inline-size}
#sp-view-rewards .srr-root *{box-sizing:border-box}
#sp-view-rewards .srr-shell{display:grid;gap:12px;padding-bottom:26px;min-width:0}
#sp-view-rewards .srr-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:168px;padding:25px 25px;border:1px solid #12688e;border-radius:18px;background:radial-gradient(ellipse at 83% 18%,#07547660,transparent 38%),linear-gradient(120deg,#061627,#071f35 70%,#06253a);box-shadow:inset 0 1px 0 #78cfff12}
#sp-view-rewards .srr-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#41cfff0c 1px,transparent 1px),linear-gradient(90deg,#41cfff0c 1px,transparent 1px);background-size:38px 38px;opacity:.55}
#sp-view-rewards .srr-hero-copy,#sp-view-rewards .srr-hero-kpis{z-index:1;position:relative}
#sp-view-rewards .srr-kicker,#sp-view-rewards .srr-label{display:block;color:#3be7fb;font-size:10px;font-weight:900;letter-spacing:.14em}
#sp-view-rewards .srr-hero h2{font-size:clamp(26px,2.8vw,38px);line-height:1.13;font-weight:950;letter-spacing:-.045em;color:#f5fcff;margin:10px 0 8px}
#sp-view-rewards .srr-hero h2 em{font-style:normal;color:#29dfff}
#sp-view-rewards .srr-hero p{font-size:12px;color:#bfdbec;line-height:1.55;margin:0;max-width:600px}
#sp-view-rewards .srr-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
#sp-view-rewards .srr-chips span{font-size:9px;font-weight:750;color:#d2f0fe;border:1px solid #2a5876;border-radius:30px;padding:7px 10px;background:#091b30e0}
#sp-view-rewards .srr-hero-kpis{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));gap:9px;flex:0 0 min(40%,425px)}
#sp-view-rewards .srr-hero-kpi{min-width:0;display:grid;gap:6px;align-content:center;border:1px solid #174a65;border-radius:13px;background:#051726d9;padding:14px}
#sp-view-rewards .srr-hero-kpi small{font-size:10px;color:#9ec7dc;font-weight:800}
#sp-view-rewards .srr-hero-kpi b{font-size:21px;color:#fff;font-weight:950;line-height:1.1;overflow-wrap:anywhere}
#sp-view-rewards .srr-hero-kpi span{font-size:10px;color:#2be8fa}
#sp-view-rewards .srr-main-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1.05fr) minmax(212px,.47fr);gap:12px;align-items:start}
#sp-view-rewards .srr-panel{background:linear-gradient(145deg,#09253a,#061624 77%);border:1px solid #165472;border-radius:16px;padding:15px;min-width:0;box-shadow:inset 0 1px 0 #97dfff0c}
#sp-view-rewards .srr-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}
#sp-view-rewards .srr-panel-head p,#sp-view-rewards .srr-sidebar p{color:var(--sr-muted);font-size:10px;margin:5px 0 0;line-height:1.45}
#sp-view-rewards .srr-head-count{display:grid;gap:2px;background:#0b2941;border:1px solid #174362;border-radius:10px;padding:8px 12px;min-width:64px}
#sp-view-rewards .srr-head-count small{font-size:9px;color:#8ebed5}
#sp-view-rewards .srr-head-count b{font-size:16px;color:white}
#sp-view-rewards .srr-daily{display:grid;gap:9px}
#sp-view-rewards .srr-daily>.srr-panel-head{margin-bottom:4px}
#sp-view-rewards .srr-mission{min-height:92px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 9px;border:1px solid #153e57;border-radius:12px;background:linear-gradient(125deg,#061a2d,#061322)}
#sp-view-rewards .srr-mission-ico{display:grid;place-items:center;width:35px;height:35px;font-size:17px;border-radius:10px;background:#0c3146;border:1px solid #15536e}
#sp-view-rewards .srr-mission-copy{min-width:0}
#sp-view-rewards .srr-mission-head{display:flex;gap:8px;align-items:center;justify-content:space-between}
#sp-view-rewards .srr-mission-head strong{font-size:12px;color:#f1faff;font-weight:900}
#sp-view-rewards .srr-mission-head b{font-size:11px;white-space:nowrap;color:#edfaff}
#sp-view-rewards .srr-mission-copy p{font-size:10px;color:#9fbfd2;margin:5px 0 9px;line-height:1.35}
#sp-view-rewards .srr-meter{width:100%;height:6px;background:#18374f;border-radius:99px;overflow:hidden}
#sp-view-rewards .srr-meter i{height:100%;display:block;background:linear-gradient(90deg,#12d5e3,#2e8dfa);border-radius:inherit;transition:width .24s ease}
#sp-view-rewards .srr-mission-action{display:grid;justify-items:center;gap:7px;min-width:85px}
#sp-view-rewards .srr-mission-action>strong{color:#20ddec;font-size:10px;white-space:nowrap}
#sp-view-rewards button[data-srr-claim],#sp-view-rewards [data-srr-login]{cursor:pointer;border:1px solid #2797c0;background:linear-gradient(110deg,#13c9e3,#3189ed);border-radius:9px;padding:8px 10px;color:#03192a;font:inherit;font-size:10px;font-weight:900;min-width:80px;transition:filter .18s}
#sp-view-rewards button[data-srr-claim]:not(:disabled):hover,#sp-view-rewards [data-srr-login]:hover{filter:brightness(1.17)}
#sp-view-rewards button[data-srr-claim]:disabled{background:#0b2335;color:#8faebe;border:1px solid #20465b;cursor:not-allowed;box-shadow:none}
#sp-view-rewards .srr-week-number{display:flex;align-items:baseline;gap:9px;margin:13px 0 13px}
#sp-view-rewards .srr-week-number b{font-size:45px;font-weight:950;line-height:1}
#sp-view-rewards .srr-week-number span{font-size:11px;font-weight:800;color:#8db6ce}
#sp-view-rewards .srr-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#sp-view-rewards .srr-day{min-height:65px;display:grid;place-items:center;gap:5px;border:1px solid #173b53;background:#061a2c;border-radius:11px;padding:9px 3px}
#sp-view-rewards .srr-day span{font-size:10px;font-weight:850;color:#9abbd1}
#sp-view-rewards .srr-day strong{width:22px;height:22px;display:grid;place-items:center;background:#142b42;border-radius:50%;font-size:13px;color:#476a83}
#sp-view-rewards .srr-day.is-done{border-color:#146c99;background:#072943}
#sp-view-rewards .srr-day.is-done strong{background:#0c657c;color:#42f2ff}
#sp-view-rewards .srr-day.is-today{outline:1px solid #31aeec55}
#sp-view-rewards .srr-streak-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:15px 0}
#sp-view-rewards .srr-streak-kpis>div{display:grid;gap:6px;background:#061a2b;border:1px solid #153a55;padding:11px;border-radius:10px}
#sp-view-rewards .srr-streak-kpis b{font-size:13px;color:#f0faff}
#sp-view-rewards .srr-streak-kpis small{font-size:10px;color:#89afc8}
#sp-view-rewards .srr-claim-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:13px;border-radius:12px;border:1px solid #19506a;background:#082339}
#sp-view-rewards .srr-claim-card strong{font-size:12px;color:#f5faff}
#sp-view-rewards .srr-claim-card p{font-size:10px;color:#97bacd;margin:5px 0 0;line-height:1.35}
#sp-view-rewards .srr-sidebar{display:grid;gap:12px}
#sp-view-rewards .srr-sidebar .srr-panel{padding:13px}
#sp-view-rewards .srr-week-progress{text-align:center}
#sp-view-rewards .srr-ring{--srr-percent:0%;width:133px;height:133px;max-width:100%;aspect-ratio:1;border-radius:50%;margin:15px auto;display:grid;place-items:center;background:conic-gradient(#18cde3 0 var(--srr-percent),#183346 var(--srr-percent) 100%);padding:12px}
#sp-view-rewards .srr-ring>div{width:100%;height:100%;border-radius:50%;background:#081928;display:grid;align-content:center;gap:5px;justify-items:center}
#sp-view-rewards .srr-ring b{font-size:26px;font-weight:950;color:#f2fbff}
#sp-view-rewards .srr-ring small{font-size:10px;color:#96b8d1}
#sp-view-rewards .srr-dashed{display:flex;justify-content:space-between;gap:4px;margin-top:6px;border:1px solid #1a3c53;border-radius:10px;padding:10px;font-size:9px;color:#9dbbd0}
#sp-view-rewards .srr-dashed b{font-size:10px;color:#e7f8ff;text-align:right}
#sp-view-rewards .srr-leader-list{display:grid;gap:5px;margin-top:13px}
#sp-view-rewards .srr-leader{min-width:0;display:flex;gap:6px;align-items:center;border-radius:9px;border:1px solid #1c435d;padding:7px 5px;background:#061c2d}
#sp-view-rewards .srr-medal{display:grid;place-items:center;flex:none;width:19px;height:19px;font-size:10px;border-radius:6px;background:#166084;color:#d6f8ff}
#sp-view-rewards .srr-leader:first-child .srr-medal{background:#eab73b;color:#281b04}
#sp-view-rewards .srr-avatar{width:26px;height:26px;border:1px solid #229ac1;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:none;background:#0f4b65}
#sp-view-rewards .srr-avatar img{width:100%;height:100%;object-fit:cover}
#sp-view-rewards .srr-leader b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
#sp-view-rewards .srr-leader>strong{font-size:10px;color:#31e4f5;white-space:nowrap}
#sp-view-rewards .srr-empty{font-size:10px;color:#8cabc0;padding:13px 2px}
#sp-view-rewards .srr-coin{display:grid;gap:7px}
#sp-view-rewards .srr-coin>div{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#bbd9e7;background:#071c2e;border-radius:9px;border:1px solid #173b52;padding:9px}
#sp-view-rewards .srr-coin b{white-space:nowrap;font-size:10px;color:#dffaff}
#sp-view-rewards .srr-achievements{padding:18px}
#sp-view-rewards .srr-verified{font-size:10px;color:#3ce1f0}
#sp-view-rewards .srr-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#sp-view-rewards .srr-badge{min-width:0;display:grid;justify-items:start;gap:9px;padding:14px;border:1px solid #1a415b;border-radius:12px;background:linear-gradient(140deg,#06192b,#071528)}
#sp-view-rewards .srr-badge>span{display:grid;place-items:center;width:36px;height:36px;background:#0b344c;border:1px solid #175c72;border-radius:10px;font-size:19px}
#sp-view-rewards .srr-badge strong{font-size:13px;color:#effaff}
#sp-view-rewards .srr-badge p{margin:0;color:#90b1c9;font-size:10px;line-height:1.45}
#sp-view-rewards .srr-badge small{padding:5px 8px;color:#92b0c3;background:#0e3146;border-radius:99px;font-size:9px;font-weight:850}
#sp-view-rewards .srr-badge.is-unlocked{border-color:#2284a4}
#sp-view-rewards .srr-badge.is-unlocked small{color:#40e0f5;background:#07354a}
#sp-view-rewards .srr-footnote{font-size:10px;color:#87aec3;margin:2px 0 0;line-height:1.6}
#sp-view-rewards .srr-notice,#sp-view-rewards .srr-login-notice{border-radius:11px;padding:12px;font-size:12px;border:1px solid #187caa;background:#0a2a42;color:#bee9fa;line-height:1.5}
#sp-view-rewards .srr-notice.is-error{background:#331523;border-color:#a74054;color:#ffd4df}
#sp-view-rewards .srr-notice.is-success{color:#aef7f7}
#sp-view-rewards .srr-login-notice button{margin-left:12px}
@container (max-width:1120px){#sp-view-rewards .srr-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#sp-view-rewards .srr-sidebar{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}#sp-view-rewards .srr-hero{display:grid}#sp-view-rewards .srr-hero-kpis{width:100%;max-width:none}}
@container (max-width:730px){#sp-view-rewards .srr-main-grid{grid-template-columns:minmax(0,1fr)}#sp-view-rewards .srr-sidebar{grid-column:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#sp-view-rewards .srr-coin{grid-column:1/-1}#sp-view-rewards .srr-badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:490px){#sp-view-rewards .srr-hero{padding:20px 16px}#sp-view-rewards .srr-hero h2{font-size:28px}#sp-view-rewards .srr-hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#sp-view-rewards .srr-hero-kpi{padding:9px}#sp-view-rewards .srr-hero-kpi b{font-size:16px}#sp-view-rewards .srr-panel{padding:12px}#sp-view-rewards .srr-mission{grid-template-columns:34px minmax(0,1fr);gap:7px}#sp-view-rewards .srr-mission-action{grid-column:2;grid-row:2;display:flex;justify-self:start;gap:10px}#sp-view-rewards .srr-mission-action>strong{font-size:9px}#sp-view-rewards .srr-sidebar{grid-template-columns:1fr}#sp-view-rewards .srr-coin{grid-column:auto}#sp-view-rewards .srr-badges{grid-template-columns:1fr 1fr}#sp-view-rewards .srr-day{min-height:53px;padding:5px 1px}#sp-view-rewards .srr-day span{font-size:9px}#sp-view-rewards .srr-claim-card{flex-wrap:wrap}}
