/* Match centre v2: season rail + stage. Home/away colors match the pitch markers. */
:root{--mc-h:#efb84c;--mc-a:#73b9dd;--mc-w:#5fcf8e;--mc-d:#9aa9b0;--mc-l:#e8766a}

.mc-title-actions{display:flex;align-items:center;gap:8px}
.mc-title-actions>.btn,.mc-tools>summary{min-height:32px;padding-block:6px}
.mc-tools{position:relative}
.mc-tools>summary{list-style:none;cursor:pointer;opacity:.75}
.mc-tools>summary::-webkit-details-marker{display:none}
.mc-tools[open]>summary{opacity:1}
.mc-tools-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:grid;gap:9px;min-width:240px;padding:12px;border:1px solid var(--theme-line);border-radius:8px;background:var(--theme-panel-raised);box-shadow:0 14px 34px rgb(0 0 0/.35)}
.mc-tools-menu small{color:var(--theme-faint);font-size:11px;word-break:break-all}
.mc-tools-menu .career-engine-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--theme-muted)}

/* ---------- Season summary + day tabs ---------- */
.md-top{flex-shrink:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:stretch;margin-bottom:12px}
.mc-season{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:center;padding:12px 16px;border:1px solid var(--theme-line-soft);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 16%,transparent),var(--theme-panel) 70%)}
.mc-season-rank{grid-row:span 2;display:flex;align-items:baseline;gap:2px;padding-right:12px;border-right:1px solid var(--theme-line)}
.mc-season-rank b{font-size:34px;line-height:1;font-weight:800;color:var(--theme-accent);font-variant-numeric:tabular-nums}
.mc-season-rank small{font-size:12px;color:var(--theme-muted)}
.mc-season-copy{display:grid;gap:2px;min-width:0}
.mc-season-copy span{font-size:13px;font-weight:700;color:var(--theme-text);white-space:nowrap}
.mc-season-copy small{font-size:12px;color:var(--theme-faint)}
.mc-form{display:flex;gap:4px}
.mc-pip{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font:800 10px/1 system-ui,sans-serif;font-style:normal;color:#0b1418;flex:none}
.mc-pip.w{background:var(--mc-w)}
.mc-pip.d{background:var(--mc-d)}
.mc-pip.l{background:var(--mc-l)}
.mc-pip.none{background:transparent;border:1px dashed var(--theme-line)}
.md-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:6px}
.md-day{all:unset;box-sizing:border-box;cursor:pointer;position:relative;overflow:hidden;display:grid;align-content:center;gap:3px;padding:10px 12px;border-radius:9px;border:1px solid var(--theme-line-soft);background:var(--theme-panel);transition:border-color .15s,background-color .15s}
.md-day:hover{border-color:var(--theme-line)}
.md-day:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}
.md-day b{font-size:14px;color:var(--theme-text)}
.md-day small{font-size:11px;color:var(--theme-faint);white-space:nowrap}
.md-day i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--theme-accent) var(--p),transparent var(--p));opacity:.7}
.md-day.on{border-color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 15%,var(--theme-panel))}
.md-day.on b{color:var(--theme-accent)}

/* ---------- Schedule board ---------- */
.md-board{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--theme-line-soft);border-radius:10px;background:var(--theme-panel);overflow:hidden}
.md-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--theme-line-soft)}
.md-board-head h2{margin:0;font-size:16px;color:var(--theme-text)}
.md-board-head span{font-size:12px;color:var(--theme-faint)}
.md-cols,.md-row{display:grid;grid-template-columns:62px minmax(0,1fr) 230px 150px;align-items:center;gap:14px}
.md-cols{padding:7px 16px;font-size:11px;letter-spacing:.06em;color:var(--theme-faint);border-bottom:1px solid var(--theme-line-soft)}
.md-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}
.md-row{padding:10px 16px;border-bottom:1px solid var(--theme-line-soft);transition:background-color .15s}
.md-row:hover{background:color-mix(in srgb,var(--theme-text) 4%,transparent)}
.md-row.next{background:color-mix(in srgb,var(--theme-accent) 9%,transparent);box-shadow:inset 3px 0 0 var(--theme-accent)}
.md-row.live{box-shadow:inset 3px 0 0 #d4493b}
.md-row>time{display:grid;gap:2px;font:700 15px/1 ui-monospace,monospace;color:var(--theme-text)}
.md-row>time small{font:600 11px/1 system-ui,sans-serif;color:var(--theme-faint)}
.md-row.done>time{color:var(--theme-muted)}
.md-teams{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:10px;min-width:0}
.md-team{display:flex;align-items:center;gap:8px;min-width:0}
.md-team.home{flex-direction:row-reverse;text-align:right}
.md-team svg{width:28px;height:29px;flex:none}
.md-team b{font-size:13px;font-weight:600;color:var(--theme-muted);line-height:1.3;word-break:keep-all;overflow-wrap:anywhere}
.md-team b.is-own{color:var(--theme-text);font-weight:800}
.md-score{justify-self:center;font:800 20px/1 'Pretendard Variable',Pretendard,system-ui,sans-serif;font-variant-numeric:tabular-nums;padding:6px 10px;border-radius:7px;background:rgb(0 0 0/.2);border:1px solid var(--theme-line-soft);color:var(--theme-text);white-space:nowrap}
.md-score i{font-style:normal;opacity:.45;margin:0 .15em}
.md-score.vs{font-size:13px;letter-spacing:.14em;color:var(--theme-faint);background:none}
.md-score.live{font-size:12px;color:#fff;background:#d4493b;border-color:#d4493b;animation:mc-blink 1.4s ease-in-out infinite}
@keyframes mc-blink{50%{opacity:.55}}
.md-tactic{display:grid;gap:4px;min-width:0}
.md-tactic>small{font-size:11px;color:var(--theme-faint)}
.md-slots{display:flex;gap:4px}
.md-slot,.md-edit{all:unset;box-sizing:border-box;cursor:pointer;height:28px;display:inline-grid;place-items:center;border-radius:6px;border:1px solid var(--theme-line);font-size:12px;font-weight:700;color:var(--theme-muted);transition:all .15s}
.md-slot{width:30px}
.md-edit{padding:0 10px;font-weight:600}
.md-slot:hover,.md-edit:hover{border-color:var(--theme-accent);color:var(--theme-text)}
.md-slot.on{background:var(--theme-accent);border-color:var(--theme-accent);color:var(--theme-accent-ink)}
.md-slot:focus-visible,.md-edit:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}
.md-tactic-fixed{display:grid;gap:2px}
.md-tactic-fixed b{font-size:12px;color:var(--theme-muted)}
.md-tactic-fixed small{font-size:11px;color:var(--theme-faint)}
.md-action{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.md-watch{white-space:nowrap}
.md-state{font-size:12px;color:var(--theme-faint)}
.md-row.next .md-state{font-size:11px;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:5px;background:var(--theme-accent);color:var(--theme-accent-ink)}

/* ---------- Match view ---------- */
.md-detail{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.md-detail-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.md-detail-bar>span{font-size:12px;color:var(--theme-faint);letter-spacing:.06em}
.md-detail-bar>div{display:flex;gap:6px}
.md-detail>.mc-stage{flex:1;min-height:0}

/* ---------- Stage ---------- */
.game-shell .mc-stage{border:1px solid var(--theme-line-soft);border-radius:10px;background:var(--theme-panel)}
.mc-empty{margin:auto;display:grid;justify-items:center;gap:10px;text-align:center;color:var(--theme-muted);padding:40px 20px}
.mc-empty h2{margin:0;color:var(--theme-text)}
.mc-kicker{margin:0;font-size:11px;letter-spacing:.2em;color:var(--theme-faint);text-transform:uppercase}

.mc-hero{flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px 20px;padding:12px 22px 14px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--theme-accent) 14%,transparent),transparent 70%),linear-gradient(180deg,var(--theme-panel-raised),var(--theme-panel));border-bottom:1px solid var(--theme-line-soft)}
.mc-hero>.mc-kicker{grid-column:1/-1;text-align:center}
.mc-hero-team{display:flex;align-items:center;gap:12px;min-width:0}
.mc-hero-team[data-team-side="A"]{flex-direction:row-reverse;text-align:right}
.mc-hero-team svg{width:48px;height:50px;flex:none;filter:drop-shadow(0 4px 10px rgb(0 0 0/.35))}
.mc-hero-copy{display:grid;gap:3px;min-width:0}
.mc-hero-copy b{font-size:17px;font-weight:800;line-height:1.25;color:var(--theme-text);word-break:keep-all;overflow-wrap:anywhere}
.mc-hero-team[data-team-side="H"] .mc-hero-copy b{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--mc-h) 70%,transparent)}
.mc-hero-team[data-team-side="A"] .mc-hero-copy b{box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--mc-a) 70%,transparent);justify-self:end}
.mc-hero-copy em{justify-self:start;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;padding:2px 6px;border-radius:3px;background:var(--theme-accent);color:var(--theme-accent-ink)}
.mc-hero-team[data-team-side="A"] .mc-hero-copy em{justify-self:end}
.mc-hero .team-marker-legend{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11px;color:var(--theme-faint)}
.mc-hero-team[data-team-side="A"] .team-marker-legend{justify-content:flex-end}
.mc-hero .team-marker-legend>span{display:inline-flex;align-items:center;gap:4px}
.mc-hero-score{display:grid;justify-items:center;gap:3px;min-width:150px}
.mc-hero-score>strong{font:800 40px/1 'Pretendard Variable',Pretendard,system-ui,sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--theme-text);padding:4px 16px;border-radius:8px;background:rgb(0 0 0/.22);border:1px solid var(--theme-line-soft)}
.mc-hero-score>small{font-size:11px;letter-spacing:.14em;color:var(--theme-muted)}
.mc-final{font-size:12px}
.mc-final>summary{cursor:pointer;list-style:none;color:var(--theme-faint);padding:2px 8px;border:1px dashed var(--theme-line);border-radius:999px}
.mc-final>summary::-webkit-details-marker{display:none}
.mc-final>summary:hover{color:var(--theme-text)}
.mc-final[open]>summary{display:none}
.mc-final>span,.mc-final-static{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;color:#0b1418;background:var(--mc-d)}
.mc-final.w>span,.mc-final-static.w{background:var(--mc-w)}
.mc-final.l>span,.mc-final-static.l{background:var(--mc-l)}

.game-shell .mc-stage>.screen-tabs{border-bottom:1px solid var(--theme-line-soft)}

/* ---------- Analysis tab ---------- */
.game-shell .mc-stage .match-stats-view,.game-shell .mc-stage .match-players-view{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}
.mc-analysis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;min-height:100%;align-items:start}
.mc-card{border:1px solid var(--theme-line-soft);border-radius:10px;background:var(--theme-panel-raised);padding:14px 16px}
.mc-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}
.mc-card-head h2{margin:0;font-size:14px;color:var(--theme-text)}
.mc-card-head>span{font-size:11px;color:var(--theme-faint)}
.mc-legend{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow:hidden;white-space:nowrap}
.mc-legend i{width:8px;height:8px;border-radius:2px;margin-left:6px}
.mc-legend i.h{background:var(--mc-h)}
.mc-legend i.a{background:var(--mc-a)}
.mc-stat{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px 10px;padding:9px 0;border-top:1px solid var(--theme-line-soft)}
.mc-stat>b{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--theme-muted)}
.mc-stat>b:last-of-type{text-align:right}
.mc-stat>span{font-size:12px;color:var(--theme-muted);text-align:center}
.mc-stat.lead-h>b:first-child,.mc-stat.lead-a>b:last-of-type{color:var(--theme-text);font-weight:800}
.mc-stat-bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--mc-a);overflow:hidden}
.mc-stat-bar i{display:block;height:100%;background:var(--mc-h);border-right:2px solid var(--theme-panel-raised)}

.mc-motm{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:-2px 0 14px;padding:12px;border-radius:9px;background:linear-gradient(110deg,#e8c56a2e,transparent 75%);border:1px solid #e0bd6255}
.mc-motm-star{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e8c56a;color:#2c2208;font-size:18px}
.mc-motm small{font-size:11px;color:var(--theme-faint);letter-spacing:.06em}
.mc-motm b{display:block;font-size:15px;color:var(--theme-text)}
.mc-motm div>span{font-size:12px;color:var(--theme-muted)}
.mc-rating{display:inline-block;min-width:34px;text-align:center;padding:3px 6px;border-radius:5px;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;color:#0b1418;background:var(--mc-d)}
.mc-motm .mc-rating{font-size:16px;padding:6px 9px}
.mc-rating.r-high{background:#4ec3e0}
.mc-rating.r-good{background:var(--mc-w)}
.mc-rating.r-mid{background:#d9c46a}
.mc-rating.r-low{background:var(--mc-l)}

.mc-timeline-card{max-height:100%;display:flex;flex-direction:column}
.mc-timeline{position:relative;display:grid;gap:4px;overflow:auto;max-height:560px;padding-right:4px;scrollbar-width:thin}
.mc-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--theme-line)}
.mc-tl-row{position:relative;display:grid;grid-template-columns:1fr 44px 1fr;align-items:center}
.mc-tl-row time{justify-self:center;z-index:1;font:700 11px/1 ui-monospace,monospace;padding:4px 5px;border-radius:999px;background:var(--theme-panel-raised);border:1px solid var(--theme-line);color:var(--theme-muted)}
.mc-tl-card{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 9px;border-radius:7px;background:color-mix(in srgb,var(--theme-text) 4%,transparent)}
.mc-tl-row.home .mc-tl-card{flex-direction:row-reverse;text-align:right;border-right:3px solid var(--mc-h)}
.mc-tl-row.away .mc-tl-card{border-left:3px solid var(--mc-a)}
.mc-tl-card>i{flex:none;font-style:normal;font-size:13px;width:18px;text-align:center}
.mc-tl-card>span{display:grid;min-width:0}
.mc-tl-card b{font-size:12px;font-weight:600;color:var(--theme-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-tl-card b small{display:block;font-weight:400;color:var(--theme-faint);font-size:11px}
.mc-tl-card>span>small{font-size:10px;color:var(--theme-faint)}
.mc-tl-card.ev-goal{background:color-mix(in srgb,var(--mc-w) 16%,transparent)}
.mc-tl-card.ev-goal b{font-weight:800}
.mc-tl-card.ev-yellow_card>i,.mc-tl-card.ev-second_yellow>i{color:#f0cf4a}
.mc-tl-card.ev-red_card>i{color:#e2463a}
.mc-tl-card.ev-injury>i{color:var(--mc-l)}
.mc-tl-mark{display:flex;justify-content:center;padding:6px 0}
.mc-tl-mark span{position:relative;z-index:1;font-size:10px;font-weight:800;letter-spacing:.1em;padding:3px 10px;border-radius:999px;background:var(--theme-panel);border:1px solid var(--theme-line);color:var(--theme-muted)}

/* ---------- Ratings tab ---------- */
.mc-lineups{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;align-items:start}
.mc-lineup{border:1px solid var(--theme-line-soft);border-radius:10px;background:var(--theme-panel-raised);overflow:hidden}
.mc-lineup header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--theme-line-soft)}
.mc-lineup:first-child header{box-shadow:inset 0 3px 0 var(--mc-h)}
.mc-lineup:last-child header{box-shadow:inset 0 3px 0 var(--mc-a)}
.mc-lineup header svg{width:26px;height:27px}
.mc-lineup h3{margin:0;font-size:14px;color:var(--theme-text)}
.mc-lineup table{width:100%;border-collapse:collapse;font-size:12px}
.mc-lineup th{padding:7px 6px;font-weight:600;color:var(--theme-faint);text-align:right;white-space:nowrap}
.mc-lineup th:first-child,.mc-lineup td:first-child{text-align:left;padding-left:12px}
.mc-lineup td{padding:6px;border-top:1px solid var(--theme-line-soft);text-align:right;color:var(--theme-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-lineup td:first-child{color:var(--theme-text);font-weight:600;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.mc-lineup td:first-child small{margin-left:6px;font-size:10px;color:var(--theme-faint);font-weight:400}
.mc-lineup td:first-child em{margin-left:5px;font-style:normal;color:#e8c56a}
.mc-lineup tr.motm td{background:#e8c56a14}

/* ---------- Preview (no result yet) ---------- */
.mc-preview{margin:auto;width:min(760px,100%);display:grid;gap:18px;padding:26px 22px;text-align:center}
.mc-preview-versus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.mc-preview-team{display:grid;justify-items:center;gap:6px;min-width:0}
.mc-preview-team svg{width:84px;height:87px;filter:drop-shadow(0 8px 18px rgb(0 0 0/.4))}
.mc-preview-team b{font-size:17px;color:var(--theme-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-preview-team small{font-size:12px;color:var(--theme-faint)}
.mc-preview-vs{display:grid;justify-items:center;gap:6px}
.mc-preview-vs strong{font-size:30px;font-weight:900;letter-spacing:.1em;color:var(--theme-accent);text-shadow:0 0 22px color-mix(in srgb,var(--theme-accent) 50%,transparent)}
.mc-preview-vs span{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--theme-line);color:var(--theme-muted)}
.mc-preview.is-live .mc-preview-vs span{background:#d4493b;border-color:#d4493b;color:#fff;animation:mc-blink 1.4s ease-in-out infinite}
.mc-preview-vs small{font-size:11px;color:var(--theme-faint)}
.mc-preview-compare{display:grid;gap:6px;padding:12px 16px;border-radius:10px;background:var(--theme-panel-raised);border:1px solid var(--theme-line-soft)}
.mc-preview-compare>div{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center}
.mc-preview-compare b{font-size:15px;color:var(--theme-text);font-variant-numeric:tabular-nums}
.mc-preview-compare span{font-size:12px;color:var(--theme-faint)}
.mc-preview-plan{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--theme-accent) 35%,transparent);background:color-mix(in srgb,var(--theme-accent) 8%,transparent);text-align:left}
.mc-preview-plan>div:first-child{display:grid;gap:2px}
.mc-preview-plan small{font-size:11px;color:var(--theme-faint)}
.mc-preview-plan b{font-size:15px;color:var(--theme-text)}
.mc-preview-plan span{font-size:12px;color:var(--theme-muted)}
.mc-preview-actions{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- Narrow screens ---------- */
@media (max-width:1100px){
 .md-cols,.md-row{grid-template-columns:52px minmax(0,1fr) 190px 128px;gap:10px}
 .mc-analysis,.mc-lineups{grid-template-columns:1fr}
}
@media (max-width:820px){
 .md-top{grid-template-columns:1fr}
 .md-cols{display:none}
 .md-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"t m" "x x" "y y";row-gap:8px}
 .md-row>time{grid-area:t}.md-teams{grid-area:m}.md-tactic{grid-area:x}.md-action{grid-area:y}
 .md-detail-bar{flex-wrap:wrap}
 .mc-hero{grid-template-columns:1fr auto 1fr;padding:10px 12px;gap:6px 10px}
 .mc-hero .team-marker-legend{display:none}
 .mc-hero-team{flex-direction:column!important;text-align:center!important;gap:6px}
 .mc-hero-copy b{font-size:13px;white-space:normal}
 .mc-hero-copy em{justify-self:center!important}
 .mc-hero-score{min-width:0}
 .mc-hero-score>strong{font-size:28px;padding:3px 10px}
 .mc-title-actions{flex-wrap:wrap}
 .mc-preview-team svg{width:60px;height:62px}
}
@media (prefers-reduced-motion:reduce){.md-score.live,.mc-preview.is-live .mc-preview-vs span{animation:none}}

/* ---------- Daily challenge ---------- */
.mc-challenge-chip b{margin-left:6px;font-variant-numeric:tabular-nums}
.md-day-challenge{border-color:color-mix(in srgb,var(--theme-accent) 45%,var(--theme-line-soft));background:color-mix(in srgb,var(--theme-accent) 7%,var(--theme-panel))}
.md-day-challenge b{color:var(--theme-accent)}
.ch-head{align-items:flex-start}
.ch-head h2{margin:0 0 4px}
.ch-head span{font-size:12px;color:var(--theme-muted)}
.ch-earned{display:grid;justify-items:end;gap:1px;text-align:right}
.ch-earned small{font-size:11px;color:var(--theme-faint)}
.ch-earned b{font-size:22px;color:var(--theme-accent);font-variant-numeric:tabular-nums}
.ch-earned span{font-size:11px;color:var(--theme-faint)}
.ch-progress{height:4px;background:var(--theme-line-soft)}
.ch-progress i{display:block;height:100%;background:var(--theme-accent);transition:width .4s ease}
.ch-rewards{list-style:none;margin:0;padding:10px 16px;display:flex;flex-wrap:wrap;gap:6px 8px;border-bottom:1px solid var(--theme-line-soft)}
.ch-rewards li{font-size:12px;color:var(--theme-muted);padding:4px 9px;border-radius:999px;border:1px solid var(--theme-line-soft);font-variant-numeric:tabular-nums}
.ch-rewards li b{color:var(--theme-text);margin-right:6px;font-weight:600}
.ch-rewards li.got{border-color:var(--theme-accent);color:var(--theme-accent)}
.ch-rewards li.ch-note{border:0;margin-left:auto;color:var(--theme-faint)}
.ch-meta b{font-size:12px;color:var(--theme-text)}
.ch-meta small{font-size:11px;color:var(--theme-muted)}
.ch-reward{font-style:normal;color:var(--theme-accent);font-weight:600}
.ch-row time{font-variant-numeric:tabular-nums}
@media (max-width:820px){.ch-head{flex-direction:column}.ch-earned{justify-items:start;text-align:left}.ch-rewards li.ch-note{margin-left:0}}