.lg-wrap{display: grid;grid-template-columns: minmax(0, 1fr);gap: 16px}.lg-wrap .stu-card:empty{display: none}.lg-card{display: grid;gap: 12px}.lg-head{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.lg-head h3{margin-inline-end: auto;font-size: 19px}.lg-head h3 i{color: var(--accent)}.lg-last{padding: 8px 12px;border-radius: 12px;background: var(--accent-tint);font-size: 14.5px}.lg-rows{list-style: none;padding: 0;display: grid;gap: 6px}.lg-rows li{display: grid;grid-template-columns: 36px minmax(0, 1.3fr) minmax(60px, 1fr) 48px auto;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 14px;background: var(--surface-2)}.lg-rows li.me{background: var(--brand-tint);box-shadow: inset 0 0 0 1px var(--brand)}.lg-rank{font-size: 18px;text-align: center;font-weight: 700}.lg-name{display: grid;line-height: 1.4;font-weight: 600;min-width: 0}.lg-name small{color: var(--ink-3);font-weight: 400;font-size: 12px}.lg-name .fa-crown{color: var(--accent);font-size: 12px}.lg-bar{height: 8px;border-radius: 99px;background: var(--line);overflow: hidden}.lg-bar i{display: block;height: 100%;border-radius: inherit;background: var(--grad-gold, linear-gradient(90deg, #f8d77a, #e2a516))}.lg-xp{text-align: end;font-variant-numeric: tabular-nums}.lg-share{display: flex;flex-wrap: wrap;gap: 6px;align-items: center}.lg-share input{flex: 1 1 200px;min-width: 0;padding: 8px 10px;border-radius: 10px;border: 1px solid var(--line);background: var(--surface);color: var(--ink-2);font-size: 13px}.lg-foot{display: flex;flex-wrap: wrap;gap: 8px;align-items: center;justify-content: space-between}.lg-new{display: grid;gap: 10px}.lg-new h3 i, .lg-how h3 i{color: var(--accent)}.lg-new input{flex: 1 1 220px;padding: 10px 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font: inherit}.lg-joincode summary{cursor: pointer;color: var(--brand);font-size: 14px}.lg-joincode .btn-row{margin-top: 8px}.lg-invite{display: flex;flex-wrap: wrap;align-items: center;gap: 12px;border: 2px solid var(--accent)}.lg-invite > div{display: grid;flex: 1 1 220px}.lg-invite small{color: var(--ink-3)}.lg-inv-ic{font-size: 34px}.lg-how ul{margin: 8px 0;padding-inline-start: 20px;line-height: 2}@media (max-width: 560px){.lg-rows li{grid-template-columns: 30px minmax(0, 1fr) 44px auto}.lg-bar{display: none}}