:root{--xp-bar-h:44px}.xpbar{z-index:45;height:var(--xp-bar-h);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);color:#fff;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#08080beb;border:0;border-top:1px solid #ffd40040;align-items:center;gap:10px;padding:0 14px;animation:.4s cubic-bezier(.2,.8,.2,1) rise;display:flex;position:fixed;bottom:0;left:0;right:0}.xpbar:focus-visible{outline-offset:-2px;outline:2px solid #fff}.xpbar-name{letter-spacing:2px;color:#ffd400;flex-shrink:0;font-size:18px;line-height:1}.xpbar-track{background:#ffffff1f;border-radius:999px;flex:auto;min-width:40px;height:6px;position:relative;overflow:hidden}.xpbar-fill{transform-origin:0;background:linear-gradient(90deg,#ffc800 0%,#ffe45c 100%);border-radius:999px;width:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #ffd40099}.xpbar-meta{letter-spacing:1.5px;text-transform:uppercase;color:#ffffffb3;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.xpbar-meta b{color:#fff}.xp-combo{color:#fff;letter-spacing:1.5px;background:#ff3b3b;border-radius:999px;flex-shrink:0;align-items:center;height:22px;padding:0 8px;font-size:12px;line-height:1;animation:.42s cubic-bezier(.34,1.56,.64,1) xp-bump;display:inline-flex;position:relative;overflow:hidden}.xp-combo-drain{transform-origin:0;background:#ffffffd9;width:100%;height:2px;animation-name:xp-combo-drain;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0}@keyframes xp-combo-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes xp-bump{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}.xp-badge{background:#0b0b0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.xp-badge img{object-fit:cover;width:100%;height:100%;transform:scale(1.32)}.xp-badge-fallback{color:#050507;background:linear-gradient(#ffe45c 0%,#ffc800 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}@media (max-width:63.99rem){body:has(.tabbar) .xpbar{bottom:calc(64px + env(safe-area-inset-bottom))}:is(body:has(.tabbar):has(.xpbar) .next-dock,body:has(.tabbar):has(.xpbar) .caught-dock){bottom:calc(64px + env(safe-area-inset-bottom) + 12px + var(--xp-bar-h))}body:has(.tabbar):has(.xpbar) [data-arena]{min-height:calc(100dvh - 64px - env(safe-area-inset-bottom) - 26px - var(--xp-bar-h))}body:has(.tabbar):has(.xpbar){padding-bottom:calc(64px + env(safe-area-inset-bottom) + 16px + var(--xp-bar-h))}:is(body:not(:has(.tabbar)):has(.xpbar) .next-dock,body:not(:has(.tabbar)):has(.xpbar) .caught-dock){bottom:calc(12px + env(safe-area-inset-bottom) + var(--xp-bar-h))}}@media (min-width:64rem){.xpbar{border:1px solid #ffd4004d;border-radius:999px;width:min(720px,100% - 48px);bottom:12px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 18px 50px #0000008c}body:has(.xpbar){padding-bottom:calc(var(--xp-bar-h) + 24px)}}.xp-gain{z-index:46;color:#050507;letter-spacing:2px;pointer-events:none;will-change:transform, opacity;background:#ffd400;border-radius:999px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:22px;line-height:1;animation:.9s cubic-bezier(.2,.8,.2,1) both xp-gain;display:inline-flex;position:fixed;top:0;left:0;box-shadow:0 12px 40px #ffd40073}@keyframes xp-gain{0%{transform:translate(var(--x0), var(--y0)) scale(.7);opacity:0}18%{transform:translate(var(--x0), var(--y0)) scale(1.1);opacity:1}40%{transform:translate(var(--x0), var(--y0)) scale(1);opacity:1}to{transform:translate(var(--x1), var(--y1)) scale(.6);opacity:0}}.xp-rare{color:#ffd400;background:#ffd4001f;border:1.5px solid #ffd400;border-radius:14px;align-items:center;gap:8px;max-width:100%;padding:5px 12px 5px 6px;animation:1.6s ease-in-out 2 xp-glow;display:inline-flex}.xp-rare-text{white-space:nowrap;flex-direction:column;gap:2px;min-width:0;display:flex}.xp-rare-title{letter-spacing:1.8px;text-transform:uppercase;font-size:11px;font-weight:800;line-height:1}.xp-rare-sub{letter-spacing:.4px;color:#ffe45cd9;font-size:10px;font-weight:600;line-height:1}.xp-rare img,.xp-rare .xp-rare-glyph{border-radius:50%;flex-shrink:0;width:22px;height:22px}.xp-rare .xp-rare-glyph{justify-content:center;align-items:center;font-size:14px;display:inline-flex}@keyframes xp-glow{0%,to{box-shadow:0 0 #ffd40000}50%{box-shadow:0 0 18px #ffd4008c}}.levelup{z-index:80;color:#fff;text-align:center;background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;animation:.32s ease-out both levelup-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes levelup-in{0%{opacity:0}to{opacity:1}}.levelup-video,.levelup-burst{z-index:0;object-fit:cover;opacity:.85;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.levelup-burst{background:radial-gradient(circle at 50% 42%,#ffd4008c 0%,#ffd4001f 28%,#05050700 60%);animation:1.8s ease-out infinite levelup-burst}@keyframes levelup-burst{0%{opacity:.9;transform:scale(.7)}to{opacity:0;transform:scale(1.6)}}.levelup>*{z-index:1;position:relative}.levelup-badge{animation:.7s cubic-bezier(.34,1.56,.64,1) .12s both levelup-badge;box-shadow:0 0 60px #ffd40080}@keyframes levelup-badge{0%{opacity:0;transform:scale(.2)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.levelup-kicker{letter-spacing:4px;text-transform:uppercase;color:#ffd400;font-size:13px;font-weight:700}.levelup-name{letter-spacing:4px;text-shadow:0 0 40px #ffd40073;font-size:64px;line-height:.9}.levelup-gain{letter-spacing:3px;color:#ffffffbf;font-size:26px}.levelup-next{letter-spacing:3px;width:min(360px,100%);height:60px;margin-top:12px;font-size:26px;text-decoration:none}.levelup-stay{color:#ffffff8c;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.next-dock-ready:after{content:"";z-index:-3;opacity:0;border:2px solid #ffd400;border-radius:30px;animation:1.2s ease-out 2 dock-ready;position:absolute;inset:-6px}@keyframes dock-ready{0%{opacity:.9;transform:scale(.98)}to{opacity:0;transform:scale(1.08)}}.swipe-hint{left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom) + 104px + 10px);z-index:39;text-align:center;letter-spacing:2.5px;text-transform:uppercase;color:#fff9;pointer-events:none;background:#050507d1;border-radius:999px;width:max-content;max-width:calc(100% - 44px);margin:0 auto;padding:5px 12px;font-size:10px;font-weight:700;animation:1.6s ease-in-out infinite swipe-hint;position:fixed}body:has(.tabbar) .swipe-hint{bottom:calc(64px + env(safe-area-inset-bottom) + 12px + 104px + 10px)}body:has(.tabbar):has(.xpbar) .swipe-hint{bottom:calc(64px + env(safe-area-inset-bottom) + 12px + var(--xp-bar-h) + 104px + 10px)}@keyframes swipe-hint{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.backup-link{color:#ffffff8c;letter-spacing:3px;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:700;display:inline-flex}.backup-link:hover,.backup-link:focus-visible{color:#ffd400;outline:none}.backup-done{color:#7fe3aa;letter-spacing:3px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.xpbar,.xp-combo,.xp-rare,.xp-combo-drain,.levelup,.levelup-badge,.levelup-burst,.next-dock-ready:after,.swipe-hint{animation:none!important}.xpbar-fill{transition:none}.xp-gain{animation:.9s linear both xp-gain-still}@keyframes xp-gain-still{0%,80%{transform:translate(var(--x1), var(--y1));opacity:1}to{transform:translate(var(--x1), var(--y1));opacity:0}}.levelup-badge{opacity:1}}.xp-home{color:#fff;background:linear-gradient(135deg,#ffd40024 0%,#ffd4000a 60%,#ffffff08 100%);border:1px solid #ffd40047;border-radius:18px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.xp-home:focus-visible{outline-offset:2px;outline:2px solid #ffd400}.xp-home-body{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.xp-home-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.xp-home-name{letter-spacing:2px;font-size:26px;line-height:1}.xp-home-right{letter-spacing:1px;text-transform:uppercase;color:#ffd400;flex-shrink:0;font-size:12px;font-weight:700}.xp-home-track{background:#ffffff1a;border-radius:999px;height:6px;display:block;position:relative;overflow:hidden}.xp-home-fill{transform-origin:0;background:linear-gradient(90deg,#ffc800,#ffe45c);border-radius:999px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.xp-home-meta{color:#ffffffa6;font-size:12px}.xp-home-meta b{color:#fff}
