/* extracted from inc/xot-score.php on 2026-05-04 */
/* ── Card shell ── */
.xot-score-card{
    background:
        radial-gradient(ellipse at 50% -10%,rgba(201,162,39,.15) 0%,transparent 55%),
        radial-gradient(ellipse at 95% 95%,rgba(240,80,108,.06) 0%,transparent 40%),
        #0c0c0c;
    border:1px solid rgba(201,162,39,.2);
    border-radius:20px;
    padding:1.75rem 1.75rem 1.5rem;
    margin-bottom:1.25rem;
    position:relative;overflow:hidden;
    font-family:'Inter',system-ui,sans-serif;
    box-shadow:0 0 0 1px rgba(255,255,255,.03),0 24px 48px rgba(0,0,0,.5);
}
.xot-score-card::before{
    content:'';position:absolute;inset:0;
    background:linear-gradient(135deg,rgba(201,162,39,.04) 0%,transparent 50%);
    pointer-events:none;border-radius:inherit;
}
.xot-score-card::after{content:'XOT';position:absolute;right:-14px;bottom:-26px;font-size:11rem;font-weight:900;letter-spacing:-7px;color:rgba(255,255,255,.013);pointer-events:none;line-height:1}

/* ── Top row ── */
.xot-score-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;position:relative}
.xot-score-card__lvl-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.45rem}
.xot-score-card__rank-mark{display:inline-flex;align-items:center;color:rgba(255,255,255,.4)}
.xot-score-card__rank-mark--insider{color:rgba(126,184,247,.8)}
.xot-score-card__rank-mark--critic{color:#F0506C}
.xot-score-card__rank-mark--oracle{color:#c9a227;filter:drop-shadow(0 1px 6px rgba(201,162,39,.45))}
.xot-score-card__lvl-name{font-size:.9rem;font-weight:900;color:#fff;letter-spacing:-.2px}
.xot-score-card__lvl-tag{font-size:.46rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#c9a227,#ffdb6b);color:#000;padding:.15rem .48rem;border-radius:100px}

/* ── Badges earned ── */
.xot-score-card__badges{display:flex;gap:.28rem;flex-wrap:wrap;margin-bottom:.35rem}
.xot-score-card__badge-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);cursor:default;color:rgba(255,255,255,.38);transition:border-color .15s,transform .15s}
.xot-score-card__badge-icon:hover{border-color:rgba(255,255,255,.2);transform:translateY(-1px)}
.xot-score-card__badge-icon--rare{color:rgba(96,165,250,.75);border-color:rgba(96,165,250,.16);background:rgba(96,165,250,.06)}
.xot-score-card__badge-icon--epic{color:rgba(167,139,250,.8);border-color:rgba(167,139,250,.18);background:rgba(167,139,250,.06)}
.xot-score-card__badge-icon--legendary{color:#c9a227;border-color:rgba(201,162,39,.25);background:rgba(201,162,39,.07)}
.xot-score-card__badge-more{font-size:.5rem;font-weight:800;color:rgba(255,255,255,.3);background:rgba(255,255,255,.05);padding:.1rem .38rem;border-radius:100px;align-self:center}

/* ── Streak row ── */
.xot-score-card__streak-row{display:flex;align-items:center;gap:.35rem;font-size:.54rem;font-weight:800;color:rgba(240,80,108,.7);text-transform:uppercase;letter-spacing:1px}
.xot-score-card__freeze-badge{font-size:.5rem;background:rgba(126,184,247,.08);border:1px solid rgba(126,184,247,.15);border-radius:100px;padding:.08rem .3rem;color:rgba(126,184,247,.7)}

/* ── Points right ── */
.xot-score-card__right{text-align:right;flex-shrink:0;padding-right:.25rem}
.xot-score-card__pts{font-size:2.2rem;font-weight:900;color:#c9a227;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;padding-right:.1rem}
.xot-score-card__pts-lbl{font-size:.46rem;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.40);font-weight:700;margin-top:.08rem}
.xot-score-card__mult{font-size:.52rem;font-weight:800;color:#F0506C;background:rgba(240,80,108,.09);border:1px solid rgba(240,80,108,.18);padding:.12rem .45rem;border-radius:100px;margin-top:.35rem;display:inline-block}

/* ── Progress ── */
.xot-score-card__prog{margin-bottom:1.1rem}
.xot-score-card__prog-labels{display:flex;justify-content:space-between;font-size:.5rem;color:rgba(255,255,255,.40);margin-bottom:.32rem;font-weight:600}
.xot-score-card__bar{height:5px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden;margin-bottom:.35rem}
.xot-score-card__bar-fill{height:100%;background:linear-gradient(90deg,#c9a227,#ffdb6b);border-radius:3px;transition:width 1.2s cubic-bezier(.22,.68,0,1.05);box-shadow:0 0 10px rgba(201,162,39,.4)}
.xot-score-card__prog-next{font-size:.54rem;color:rgba(255,255,255,.38);text-align:right;font-weight:600}

/* ── Stats ── */
.xot-score-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}
.xot-score-card__stat-n{font-size:1.15rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.3px}
.xot-score-card__stat-l{font-size:.48rem;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.42);font-weight:700;margin-top:.12rem}

/* ── Challenges ── */
.xot-score-card__challenges{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}
.xot-score-card__ch-lbl{font-size:.46rem;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.40);margin-bottom:.55rem;display:flex;align-items:center;gap:.5rem}
.xot-score-card__ch-row{display:flex;gap:.45rem;overflow-x:auto;scrollbar-width:none;padding-bottom:.1rem}
.xot-score-card__ch-row::-webkit-scrollbar{display:none}
.xot-score-card__ch{flex-shrink:0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:11px;padding:.55rem .7rem;min-width:130px}
.xot-score-card__ch.done{border-color:rgba(29,185,84,.2);background:rgba(29,185,84,.04)}
.xot-score-card__ch-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.3rem;margin-bottom:.15rem}
.xot-score-card__ch-name{font-size:.58rem;font-weight:800;color:rgba(255,255,255,.62);line-height:1.3}
.xot-score-card__ch.done .xot-score-card__ch-name{color:#1db954}
.xot-score-card__ch-cred{font-size:.5rem;font-weight:900;color:#c9a227;flex-shrink:0}
.xot-score-card__ch-diff{font-size:.44rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;color:rgba(255,255,255,.38)}
.xot-score-card__ch-diff--hard{color:rgba(240,80,108,.55)}
.xot-score-card__ch-diff--medium{color:rgba(201,162,39,.5)}
.xot-score-card__ch-bar{height:3px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;margin-bottom:.2rem}
.xot-score-card__ch-fill{height:100%;border-radius:2px;transition:width .6s}
.xot-score-card__ch-prog{font-size:.46rem;font-weight:700;color:rgba(255,255,255,.40)}

/* ── Badge discovery grid ── */
.xot-score-card__badge-grid-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}
.xot-score-card__badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.45rem}
.xot-score-card__bg-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .3rem;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);cursor:default;transition:border-color .15s,transform .15s;position:relative;text-align:center}
.xot-score-card__bg-item.earned{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.xot-score-card__bg-item.locked{opacity:.42;filter:grayscale(.6)}
.xot-score-card__bg-item.locked:hover{opacity:.6}
.xot-score-card__bg-item.earned:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}
.xot-score-card__bg-item--rare.earned{border-color:rgba(96,165,250,.18);background:rgba(96,165,250,.06);color:rgba(96,165,250,.8)}
.xot-score-card__bg-item--epic.earned{border-color:rgba(167,139,250,.2);background:rgba(167,139,250,.06);color:rgba(167,139,250,.85)}
.xot-score-card__bg-item--legendary.earned{border-color:rgba(201,162,39,.28);background:rgba(201,162,39,.08);color:#c9a227}
.xot-score-card__bg-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}
.xot-score-card__bg-name{font-size:.42rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:rgba(255,255,255,.42);line-height:1.2}
.xot-score-card__bg-item.earned .xot-score-card__bg-name{color:rgba(255,255,255,.72)}
.xot-score-card__bg-lock{position:absolute;top:.28rem;right:.28rem;color:rgba(255,255,255,.2)}

/* ── Premium sections ── */
.xot-score-card__mult-section,.xot-score-card__log-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}
.xot-prem-badge{font-size:.4rem;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,#c9a227,#ffdb6b);color:#000;padding:.1rem .4rem;border-radius:100px;text-transform:uppercase}
.xot-prem-gate .xot-score-card__ch-lbl{color:rgba(255,255,255,.38)}

/* Multiplier breakdown */
.xot-score-card__mult-breakdown{display:flex;flex-direction:column;gap:.3rem;margin-top:.4rem}
.xot-score-card__mult-row{display:flex;justify-content:space-between;font-size:.58rem;color:rgba(255,255,255,.4)}
.xot-score-card__mult-val{font-weight:900;color:#c9a227}
.xot-score-card__mult-total{font-size:.56rem;font-weight:800;color:rgba(240,80,108,.7);border-top:1px solid rgba(255,255,255,.05);padding-top:.35rem;margin-top:.15rem}

/* Points log */
.xot-score-card__log{display:flex;flex-direction:column;gap:.22rem;margin-top:.4rem}
.xot-score-card__log-row{display:flex;align-items:center;gap:.5rem;font-size:.56rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.04)}
.xot-score-card__log-row:last-child{border-bottom:none}
.xot-score-card__log-lbl{flex:1;color:rgba(255,255,255,.6);font-weight:600}
.xot-score-card__log-time{color:rgba(255,255,255,.35);font-size:.5rem;flex-shrink:0}
.xot-score-card__log-pts{font-weight:900;color:#c9a227;flex-shrink:0;font-size:.6rem}

/* Premium blur / upsell */
.xot-prem-blur{position:relative;overflow:hidden;border-radius:8px;margin-top:.4rem}
.xot-prem-blur__row{display:flex;justify-content:space-between;font-size:.56rem;color:rgba(255,255,255,.15);padding:.22rem 0;filter:blur(3px);user-select:none}
.xot-prem-upsell{display:block;text-align:center;margin-top:.6rem;padding:.5rem .85rem;background:linear-gradient(135deg,rgba(201,162,39,.12),rgba(201,162,39,.06));border:1px solid rgba(201,162,39,.22);border-radius:8px;font-size:.58rem;font-weight:900;color:#c9a227;text-decoration:none;letter-spacing:.3px;transition:background .15s,border-color .15s}
.xot-prem-upsell:hover{background:rgba(201,162,39,.18);border-color:rgba(201,162,39,.35)}

/* ── Responsive ── */
@media(max-width:480px){
    .xot-score-card{padding:1.4rem 1.1rem 1.2rem;border-radius:16px}
    .xot-score-card__top{flex-direction:column;gap:.75rem}
    .xot-score-card__right{text-align:left;display:flex;align-items:baseline;gap:.5rem;flex-direction:row}
    .xot-score-card__pts{font-size:1.8rem}
    .xot-score-card__stats{grid-template-columns:repeat(4,1fr);gap:.5rem}
    .xot-score-card__stat-n{font-size:1rem}
    .xot-score-card__ch-row{flex-wrap:wrap}
    .xot-score-card__ch{flex:1 1 100%;min-width:0}
    .xot-score-card__badge-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}
}