/* deck-r.css - v226: retention (js/retention.js, js/seasons.js) - the daily-puzzle card on Home, the missions sheet,
   the reward line under the missions strip, the digest switch in Settings, the season tab and badges.
   Everything under .kd (tokens from deck.css), in the frame of the canvas boards. */

/* ---- Home: today's puzzle card (under the missions strip) ---- */
.kd .kd-rt-pz{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 10px 9px 9px;border:0;border-radius:14px;cursor:pointer;font:inherit;text-align:start;color:var(--text);
  background:var(--raise);box-shadow:inset 0 0 0 1px rgba(176,122,18,.28),0 3px 0 var(--edge),var(--shadow);min-width:0}
.kd .kd-rt-pz-art{flex:none;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--raise2);box-shadow:inset 0 0 0 1px var(--line)}
.kd .kd-rt-pz-art img{width:100%;height:100%;object-fit:cover;display:block}
.kd .kd-rt-pz-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.kd .kd-rt-pz-t b{font-size:15px;line-height:1.15;overflow-wrap:anywhere}
.kd .kd-rt-pz-t small{font-size:11.5px;color:var(--text2);line-height:1.2}
.kd .kd-rt-st{display:inline-flex;align-items:flex-start;gap:4px;font-size:12px;font-weight:700;line-height:1.15;color:var(--text3)}
.kd .kd-rt-st svg{width:13px;height:13px;flex:none;margin-top:1px}
.kd .kd-rt-st.t-solved,.kd .kd-rt-st.t-hint{color:var(--ok)}
.kd .kd-rt-st.t-none{color:var(--gold)}
.kd .kd-rt-streak{flex:none;height:auto;min-height:36px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:56px;max-width:84px;padding:5px 7px;line-height:1.1;text-align:center}
.kd .kd-rt-streak .kd-rt-fl{display:block;width:16px;height:16px;color:#E05A2B}
.kd .kd-rt-streak .kd-rt-fl svg{width:16px;height:16px}
.kd .kd-rt-streak b{font-size:16px;line-height:1.1}
.kd .kd-rt-streak span:last-child{font-size:10.5px;font-weight:700;color:var(--text2);white-space:normal;overflow-wrap:anywhere}
@media (max-width:340px){ .kd .kd-rt-pz{gap:8px;padding-inline:8px} .kd .kd-rt-pz-art{width:44px;height:44px} .kd .kd-rt-streak{min-width:50px;padding-inline:5px} }

/* ---- the reward line under the missions strip ---- */
.kd-q .kd-q-rw{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--text2);min-width:0}
.kd-q .kd-q-rwt{min-width:0;overflow-wrap:anywhere}
.kd .kd-rt-bk{flex:none;display:inline-block}
.kd .kd-rt-bk .pc{display:block;position:relative;margin:0}
.kd .kd-rt-bk.xs .pc{width:18px;height:25px;border-radius:3px}

/* ---- the missions sheet ---- */
.kd-rt-sh{padding:0 0 4px}
.kd-rt-sh .kd-rt-sh-h{margin:0;padding:0 18px;font-size:20px;text-align:center}
.kd-rt-body{display:flex;flex-direction:column;gap:10px;padding:10px 18px 14px}
.kd-rt-sub{text-align:center}
.kd-rt-list{gap:8px}
.kd .kd-rt-q{display:flex;align-items:center;gap:10px;padding:10px 12px;min-width:0}
.kd .kd-rt-qi{flex:none;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:16px;background:var(--raise2);box-shadow:inset 0 0 0 1px var(--line)}
.kd .kd-rt-q.ok .kd-rt-qi{background:var(--ok);color:#fff}
.kd .kd-rt-q.ok .kd-rt-qi svg{width:16px;height:16px}
.kd .kd-rt-q .grow{display:flex;flex-direction:column;gap:5px;min-width:0}
.kd .kd-rt-qt{font-size:14px;line-height:1.15;overflow-wrap:anywhere}
.kd .kd-rt-qb{height:6px}
.kd .kd-rt-qn{flex:none;font-size:13px;font-weight:700;color:var(--text2)}
.kd .kd-rt-q.ok .kd-rt-qn{color:var(--ok)}
.kd .kd-rt-rw{display:flex;align-items:center;gap:12px;padding:10px 12px;min-width:0}
.kd .kd-rt-rw .grow{display:flex;flex-direction:column;gap:3px;min-width:0}
.kd .kd-rt-rw .kd-rt-bk .pc{width:38px;height:53px;border-radius:5px}
.kd .kd-rt-rwn{font-size:16px;line-height:1.15;overflow-wrap:anywhere}
.kd .kd-rt-note{text-align:center}
.kd .kd-rt-go{width:100%}

/* ---- Settings: the digest switch keeps the frame of the other switches (deck-a.css) ---- */
.kd .kd-st-tg#st-digest .kd-st-ic svg{width:20px;height:20px}

/* ---- the leaderboard: the "this month" tab ---- */
.kd .kdb-seg button{min-width:0}
.kd .kdb-season-note{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;margin:-2px 0 8px}
/* the podium ribbon on a 360px phone: the side pods are ~73px wide, so a two-word name at the fit's minimum (10px)
   needs the room the 10px side paddings took ("Alexander" = 54px in a 50px line box) */
.kd .kdb-pc .ribbon{padding:4px 7px}

/* ---- season badges: on the profile and the player card ---- */
.kd .kd-rt-bd,.ppc .kd-rt-bd{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin-top:10px;border-radius:14px}
.ppc .kd-rt-bd{background:var(--raise,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);margin:0 0 10px}
.ppc .kd-rt-bd .eyebrow{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text3,#888);font-weight:700}
.kd-rt-bdl{display:flex;flex-wrap:wrap;gap:8px}
.kd-rt-bdg{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--raise2,#f3ece0);box-shadow:inset 0 0 0 1px var(--line,rgba(0,0,0,.1));min-width:0;max-width:100%}
.kd-rt-bdc{width:26px;height:26px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;font-size:12px;background:#C9CED6;color:#2a2a2a}
.kd-rt-bdg.p1 .kd-rt-bdc{background:linear-gradient(135deg,#F2D27A,#C99A3E);color:#3D2A00}
.kd-rt-bdg.p3 .kd-rt-bdc{background:linear-gradient(135deg,#E2A270,#9A5A2B);color:#fff}
.kd-rt-bdt{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.kd-rt-bdt b{font-size:12.5px}
.kd-rt-bdt small{font-size:10.5px;color:var(--text2,#666)}