.lv{display:inline-block;margin-left:6px;padding:0 7px;border-radius:9px;font-size:11px;line-height:1.7;font-weight:600;white-space:nowrap;vertical-align:1px;background:#f1eeec;color:#6f6468}
.lv2{background:#e9f6ee;color:#1f7a45}.lv3{background:#e8f0ff;color:#2457b8}.lv4{background:#fff1dc;color:#9a5a00}.lv5{background:#fde7ea;color:#a01f33}.lv6{background:linear-gradient(90deg,#ffd76a,#ffb84d);color:#5a3600}
.points-box{background:var(--tint,#fff9f9);border:1px solid #f0e8e6;border-radius:12px;padding:14px 16px;margin:12px 0}
.points-head{display:flex;align-items:center;gap:10px;font-size:15px}.points-head .lv{margin:0;font-size:13px}.points-head b{font-size:26px;color:var(--accent-dark,#9f202c)}
.points-bar{height:8px;background:#efe8e6;border-radius:6px;overflow:hidden;margin:10px 0 6px}.points-bar span{display:block;height:100%;background:var(--accent-bright,#ed4350)}
.points-next{margin:0;font-size:13px;color:#7d7377}
.points-history{list-style:none;padding:0;margin:12px 0 0;max-height:220px;overflow:auto;font-size:13px}
.points-history li{display:grid;grid-template-columns:1fr auto 48px;gap:10px;padding:6px 0;border-top:1px solid #f1ebe9}.points-history b{text-align:right;color:#1f7a45}.points-history b.neg{color:#a01f33}
.points-rules li{margin:6px 0}
.level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.level-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.level-card .lv{margin:0;align-self:flex-start;font-size:13px}.level-card b{font-size:22px}.level-card small{color:#8a8e97}
.leaderboard{list-style:none;padding:0;background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden}
.leaderboard li{display:flex;align-items:center;gap:14px;padding:10px 16px;border-top:1px solid #f4f0ee}.leaderboard li:first-child{border-top:0}
.leaderboard .rank{width:26px;text-align:center;font-weight:700;color:#9a8f93}.leaderboard li:nth-child(-n+3) .rank{color:var(--accent,#c52c36)}
.leaderboard .who{flex:1}.leaderboard b{color:var(--accent-dark,#9f202c)}
@media(max-width:600px){.level-grid{grid-template-columns:1fr 1fr}}