@keyframes fu{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fu{animation:fu .45s cubic-bezier(.22,1,.36,1) both}.fu-1{animation-delay:.05s}.fu-2{animation-delay:.1s}.fu-3{animation-delay:.15s}.fu-4{animation-delay:.2s}.fu-5{animation-delay:.25s}.lvl-section-title{font-family:Syne,sans-serif;font-size:13px;font-weight:800;color:var(--color-text);letter-spacing:-.01em;display:flex;align-items:center;gap:8px;margin-bottom:14px}.lvl-section-title i{font-size:12px}.vip-alert{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#f59e0b14;border:1px solid rgb(245 158 11 / .25);margin-bottom:20px}.vip-alert__icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.vip-alert__name{font-size:13px;font-weight:700;color:var(--color-text);margin-bottom:2px}.vip-alert__bonus{font-size:12px;color:var(--color-text-muted)}.vip-alert__bonus strong{color:#f59e0b}.realm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.realm-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(min-width:1024px){.realm-grid{grid-template-columns:repeat(4,1fr)}}.realm-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.realm-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.realm-card__top{padding:14px 14px 10px;display:flex;align-items:flex-start;gap:10px}.realm-card__icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;flex-shrink:0}.realm-card__name{font-family:Syne,sans-serif;font-size:12px;font-weight:800;color:var(--color-text);line-height:1.2;margin-bottom:3px}.realm-card__levels{font-size:10px;color:var(--color-text-muted)}.realm-card__xp{font-size:11px;font-weight:700;color:var(--color-text-muted);padding:0 14px 12px}.realm-card__bar{height:3px;width:100%;position:absolute;bottom:0;left:0;border-radius:0}.lvl-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:18px;overflow:hidden}.lvl-card__header{padding:14px 20px;border-bottom:1px solid var(--color-border);background:rgb(var(--color-primary-rgb) / calc(var(--color-secondary-alpha) * .6));display:flex;align-items:flex-start;flex-direction:column;gap:2px}.lvl-card__header-title{font-family:Syne,sans-serif;font-size:13px;font-weight:800;color:var(--color-text);display:flex;align-items:center;gap:7px}.lvl-card__header-sub{font-size:11px;color:var(--color-text-muted);opacity:.6;margin-left:20px}.lvl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.lvl-table-wrap::-webkit-scrollbar{height:4px}.lvl-table-wrap::-webkit-scrollbar-thumb{background:rgb(var(--color-primary-rgb) / calc(var(--color-border-alpha) * .8));border-radius:99px}.lvl-table{width:100%;border-collapse:collapse;min-width:360px}.lvl-table th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);white-space:nowrap}.lvl-table th.tc{text-align:center}.lvl-table td{padding:9px 16px;border-bottom:1px solid rgb(var(--color-primary-rgb) / calc(var(--color-border-alpha) * .4));font-size:12px;color:var(--color-text-secondary);vertical-align:middle}.lvl-table td.tc{text-align:center}.lvl-table tr:last-child td{border-bottom:none}.lvl-table tr:hover td{background:rgb(var(--color-primary-rgb) / calc(var(--color-secondary-alpha) * .5))}.lvl-table tr.is-highlight td{color:var(--color-text);font-weight:600;background:rgb(var(--color-primary-rgb) / .04)}.lvl-table tr.is-max td{color:var(--color-text);font-weight:700;background:#f59e0b0f}.lvl-table tr.is-dim td{opacity:.45}.lvl-num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:6px;font-size:11px;font-weight:700;background:rgb(var(--color-primary-rgb) / calc(var(--color-secondary-alpha) * .8));border:1px solid var(--color-border);color:var(--color-text-muted);font-family:DM Mono,DM Sans,monospace}.is-highlight .lvl-num{background:rgb(var(--color-primary-rgb) / .12);border-color:rgb(var(--color-primary-rgb) / .25);color:var(--color-primary)}.is-max .lvl-num{background:#f59e0b24;border-color:#f59e0b4d;color:#f59e0b}.lvl-coin{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#f59e0b}.lvl-coin i{font-size:10px}.vip-basic{color:var(--color-text-muted)}.vip-silver{color:#94a3b8}.vip-gold{color:#f59e0b;font-weight:700}.max-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:99px;background:#4ade801f;border:1px solid rgb(74 222 128 / .25);color:#4ade80;text-transform:uppercase;letter-spacing:.04em}.btn-back{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:rgb(var(--color-primary-rgb) / calc(var(--color-secondary-alpha) * .8));border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s;font-family:DM Sans,system-ui,sans-serif;white-space:nowrap}.btn-back:hover{background:var(--color-card-hover);color:var(--color-text)}