/* Scope styles to the volume */
main:has(.volume-table) .volume-table-container {
  display: grid;
  width: 100%;
  margin: 20px auto;
  overflow-x: auto; /* For responsiveness on small screens */
}

main:has(.volume-table) .volume-table {
  width: 100%;
  border-collapse: collapse;
  color: rgb(166, 166, 166);
  font-family: 'Arial', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}


main:has(.volume-table) .volume-table thead, tbody {
    width: 100%;
    display: grid;
}

main:has(.volume-table) .volume-table tr {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}


main:has(.volume-table) .volume-table th,
main:has(.volume-table) .volume-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #333;
}

main:has(.volume-table) .volume-table th {
  background: #2a2a2a;
  color: #ffffff;
  // text-transform: uppercase;
  font-weight: medium;
}

main:has(.volume-table) .volume-table tr:hover {
  background: #333333; /* Hover effect */
  transition: background 0.2s ease;
}


/* Scope styles to the /fees page */
main:has(.fees-table) .fees-table-container {
  display: grid;
  width: 100%;
  margin: 20px auto;
  overflow-x: auto; /* For responsiveness on small screens */
}

main:has(.fees-table) .fees-table {
  width: 100%;
  border-collapse: collapse;
  color: rgb(166, 166, 166);
  font-family: 'Arial', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}


main:has(.fees-table) .fees-table thead, tbody {
    width: 100%;
    display: grid;
}

main:has(.fees-table) .fees-table tr {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}


main:has(.fees-table) .fees-table th,
main:has(.fees-table) .fees-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #333;
}

main:has(.fees-table) .fees-table th {
  background: #2a2a2a;
  color: #ffffff;
  // text-transform: uppercase;
  font-weight: medium;
}

main:has(.fees-table) .fees-table tr:hover {
  background: #333333; /* Hover effect */
  transition: background 0.2s ease;
}


/* Scope styles to the /levels page */
main:has(.levels-table) .levels-table-container {
  display: grid;
  width: 100%;
  margin: 20px auto;
  overflow-x: auto; /* For responsiveness on small screens */
}

main:has(.levels-table) .levels-table {
  width: 100%;
  border-collapse: collapse;
  color: rgb(166, 166, 166);
  font-family: 'Arial', sans-serif;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}


main:has(.levels-table) .levels-table thead, tbody {
    width: 100%;
    display: grid;
}

main:has(.levels-table) .levels-table tr {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}


main:has(.levels-table) .levels-table th,
main:has(.levels-table) .levels-table td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #333;
}

main:has(.levels-table) .levels-table th {
  background: #2a2a2a;
  color: #ffffff;
  // text-transform: uppercase;
  font-weight: medium;
}

main:has(.levels-table) .levels-table tr:hover {
  background: #333333; /* Hover effect */
  transition: background 0.2s ease;
}

main:has(.levels-table) .unlock {
  cursor: pointer;
  color: #e4e4e7; /* Vibrant unlock color */
  text-decoration: underline;
  user-select: none;
  font-weight: bold;
}

main:has(.levels-table) .tooltip {
  position: absolute;
  background: #2a2a2a;
  color: #ffffff;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
  z-index: 1000;
  max-width: 300px;
  font-size: 14px;
  border: 1px solid #444;
}

/* Optional: Style images in tooltips */
main:has(.levels-table) .tooltip img {
  max-width: 100%;
  border-radius: 4px;
}

/* Tippy tooltip styling */
.tippy-box {
  background-color: black;
  border: 1px solid #44403c;
  padding: 12px;
  width: 320px;
  color: rgb(166, 166, 166);
}


.tippy-box[data-animation=shift-away-subtle][data-state=hidden]{opacity:0}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top]{transform:translateY(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom]{transform:translateY(-5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left]{transform:translateX(5px)}.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right]{transform:translateX(-5px)}


Level	XP Required	Unlock
1	0	—
2	8,300	—
3	17,400	—
4	27,600	—
5	38,800	New Card Unlock
6	51,200	—
7	65,000	—
8	80,100	New Card Unlock
9	96,900	—
10	115,400	—
11	135,800	New Card Unlock
12	158,400	—
13	183,300	—
14	210,700	New Card Unlock
15	241,100	Fee Tier Unlock
16	274,600	—
17	311,500	—
18	352,300	New Card Unlock
19	397,300	—
20	447,000	—
21	501,800	New Card Unlock
22	562,400	—
23	629,100	—
24	702,800	New Card Unlock
25	784,200	—
26	874,000	—
27	973,000	New Card Unlock
28	1,082,400	—
29	1,203,100	—
30	1,336,300	Fee Tier Unlock
31	1,483,300	New Card Unlock
32	1,645,600	—
33	1,824,700	—
34	2,022,400	New Card Unlock
35	2,240,600	—
36	2,481,500	—
37	2,747,300	New Card Unlock
38	3,040,800	—
39	3,364,800	—
40	3,722,400	Fee Tier Unlock
41	4,117,100	New Card Unlock
42	4,552,900	—
43	5,033,900	—
44	5,564,900	New Card Unlock
45	6,151,200	—
46	6,798,300	—
47	7,512,600	New Card Unlock
48	8,301,200	—
49	9,171,900	—
50	10,133,100	Fee Tier Unlock
51	11,194,000	—
52	12,364,900	New Card Unlock
53	13,657,400	—
54	15,084,300	—
55	16,660,000	New Card Unlock
56	18,401,100	—
57	20,326,600	—
58	22,458,300	Fee Tier Unlock
59	24,820,700	—
60	27,441,100	—
61	30,350,600	New Card Unlock
62	33,583,800	—
63	37,180,100	—
64	41,183,800	—
65	45,644,500	Fee Tier Unlock
66	50,617,900	—
67	56,166,800	—
68	62,361,900	—
69	69,282,600	—
70	76,998,600	—
71	85,591,600	—
72	95,151,800	Fee Tier Unlock
73	105,779,900	—
74	117,586,800	—
75	130,694,900	—
76	145,239,300	—
77	161,368,800	Fee Tier Unlock
78	179,247,900	—
79	199,060,100	—
80	221,000,000	—
81	245,284,700	Fee Tier Unlock
82	272,144,800	—
83	301,834,900	—
84	334,636,400	Fee Tier Unlock
85	370,853,900	—
86	410,820,900	—
87	454,896,500	Fee Tier Unlock
88	503,466,800	—
89	556,951,800	—
90	615,814,700	Fee Tier Unlock
91	680,562,800	—
92	751,758,900	—
93	830,029,700	Fee Tier Unlock
94	916,076,400	PVP T-shirt
95	1,010,684,700	—
96	1,114,734,900	Fee Tier Unlock
97	1,229,211,700	—
98	1,355,206,800	Fee Tier Unlock
99	1,303,443,100	PVP Ring

Documentation

Levels