:root{--bg: #0f1115;--surface: #1a1d24;--surface-2: #222631;--line: #2c313c;--text: #f2f3f7;--muted: #9aa0ad;--brand: #4f8cff;--brand-2: #6aa3ff}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.screen{max-width:560px;margin:0 auto;padding:16px 14px 32px}.head h1{margin:4px 0 2px;font-size:22px}.head .sub{margin:0 0 16px;color:var(--muted);font-size:13px}.state{padding:24px 0;text-align:center;color:var(--muted)}.state.error{color:#ff6b6b}.mecard{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:18px}.mecard-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.me-label{color:var(--muted);font-size:12px}.me-level{font-size:18px;font-weight:700;margin-top:2px}.me-rank{display:flex;flex-direction:column;align-items:flex-end}.me-rank-num{font-size:22px;font-weight:800;color:var(--brand-2)}.me-rank-cap{font-size:11px;color:var(--muted)}.bar{height:8px;background:#0d0f14;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:999px;transition:width .4s ease}.me-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.row{display:grid;grid-template-columns:36px 1fr auto;grid-template-areas:"rank name xp" "rank lvl xp";align-items:center;gap:0 12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.row.me{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.rank{grid-area:rank;font-size:16px;font-weight:700;text-align:center;color:var(--muted)}.rank-1,.rank-2,.rank-3{font-size:20px}.name{grid-area:name;font-weight:600}.lvl{grid-area:lvl;font-size:12px;color:var(--brand-2)}.xp{grid-area:xp;font-variant-numeric:tabular-nums;font-weight:700;color:var(--text)}