.ar-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(circle at 50% 30%,rgb(124 58 237/35%),rgb(7 11 20/94%) 70%);animation:ar-fade .25s ease-out}.ar-dialog{display:grid;justify-items:center;grid-gap:16px;gap:16px;width:100%;max-width:380px;padding:24px 20px;border:1px solid rgb(168 85 247/35%);border-radius:24px;background:var(--color-surface,#0f1524);color:var(--color-text,#f8fafc);outline:none;box-shadow:0 24px 80px rgb(0 0 0/55%)}.ar-dialog h2,.ar-dialog h3,.ar-dialog p{margin:0}.ar-dialog button:focus-visible{outline:3px solid var(--color-purple-neon,#c084fc);outline-offset:2px}.ar-heading{font-size:1.25rem;line-height:1.3;text-align:center}.ar-card,.ar-scratch{display:grid;justify-items:center;grid-gap:14px;gap:14px;width:100%}.ar-hint{color:var(--color-text-secondary,#a7afbf);font-size:.875rem}.ar-panel{position:relative;width:280px;max-width:100%;aspect-ratio:1;border-radius:22px;overflow:hidden;background:#0b1020;box-shadow:0 0 0 2px rgb(212 160 23/70%),0 0 36px rgb(212 160 23/35%)}.ar-under{position:absolute;inset:0;display:grid;place-items:center}.ar-canvas{position:absolute;inset:0;max-width:100%;touch-action:none;cursor:-webkit-grab;cursor:grab;border-radius:inherit}.ar-glow{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgb(168 85 247/55%),transparent 70%);animation:ar-pulse 2.4s ease-in-out infinite}.ar-medal-stage{position:relative;display:grid;place-items:center;min-height:170px;animation:ar-pop .6s cubic-bezier(.2,1.3,.4,1)}.ar-medal-stage>:not(.ar-glow),.ar-under>:not(.ar-glow){position:relative}.ar-title{font-size:1.25rem;line-height:1.3;text-align:center}.ar-desc{color:var(--color-text-secondary,#a7afbf);font-size:.9375rem;line-height:1.5;text-align:center}.ar-xp{padding:6px 14px;border:1px solid rgb(212 160 23/60%);border-radius:999px;background:rgb(212 160 23/16%);color:#f6d365;font-weight:800}.ar-level{display:grid;grid-gap:6px;gap:6px;width:100%;padding:12px 14px;border-radius:14px;background:rgb(255 255 255/5%)}.ar-level-head{display:flex;justify-content:space-between;gap:8px;font-size:.875rem}.ar-level-head small{color:var(--color-text-secondary,#a7afbf);font-size:.75rem}.ar-bar,.ar-progress{height:8px;overflow:hidden;border-radius:999px;background:rgb(255 255 255/12%)}.ar-bar span,.ar-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7c3aed,#a855f7)}.ar-bar span{transition:width 1s ease-out .2s}.ar-progress{width:100%;max-width:280px}.ar-progress span{transition:width .15s linear;background:linear-gradient(90deg,#d4a017,#f6d365)}.ar-levelup{color:#f6d365;font-size:.8125rem;font-weight:700;text-align:center}.ar-count{color:var(--color-text-secondary,#a7afbf);font-size:.8125rem}.ar-actions{display:flex;gap:10px;width:100%}.ar-icon,.ar-link,.ar-primary,.ar-secondary{min-height:48px;border-radius:14px;font:inherit;font-weight:700;cursor:pointer}.ar-primary{flex:1 1;border:0;background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff}.ar-secondary{flex:1 1;border:1px solid var(--color-border,#242b3a);background:transparent;color:inherit}.ar-icon{display:inline-grid;flex:none;place-items:center;width:48px;border:1px solid var(--color-border,#242b3a);color:inherit}.ar-icon,.ar-link{background:transparent}.ar-link{min-height:44px;padding:0 12px;border:0;color:var(--color-purple-bright,#a855f7)}@keyframes ar-fade{0%{opacity:0}}@keyframes ar-pulse{50%{transform:scale(1.12);opacity:.75}}@keyframes ar-pop{0%{transform:scale(.5);opacity:0}}@media (prefers-reduced-motion:reduce){.ar-backdrop,.ar-glow,.ar-medal-stage{animation:none}.ar-bar span,.ar-progress span{transition:none}}.lu-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;overflow-y:auto;background:radial-gradient(circle at 50% 30%,rgb(124 58 237/40%),rgb(7 11 20/94%) 70%);animation:lu-fade .25s ease-out}.lu-dialog{position:relative;display:grid;justify-items:center;grid-gap:12px;gap:12px;width:100%;max-width:380px;padding:28px 22px 22px;border:1px solid rgb(247 201 72/50%);border-radius:28px;background:linear-gradient(180deg,#3a1b6e,#150b2b);color:#fff;text-align:center;outline:none;box-shadow:0 24px 80px rgb(168 85 247/45%);animation:lu-pop .55s cubic-bezier(.2,1.3,.4,1)}.lu-dialog h2,.lu-dialog p{margin:0}.lu-dialog button:focus-visible{outline:3px solid #c084fc;outline-offset:2px}.lu-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:rgb(255 255 255/75%);cursor:pointer}.lu-badge{width:190px;height:auto;filter:drop-shadow(0 0 18px rgb(247 201 72/60%)) drop-shadow(0 0 30px rgb(168 85 247/50%));animation:lu-badge .9s cubic-bezier(.2,1.4,.4,1)}.lu-title{color:#f7c948;font-size:1.75rem;font-weight:800;line-height:1.2}.lu-caption,.lu-sub{color:rgb(255 255 255/72%);font-size:.875rem;line-height:1.5}.lu-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.lu-chip{padding:7px 14px;border:1px solid rgb(255 255 255/25%);border-radius:999px;background:rgb(255 255 255/8%);font-size:.875rem;font-weight:700}.lu-chip-on{border-color:#a855f7;background:rgb(168 85 247/35%)}.lu-arrow,.lu-coins{color:#f7c948;font-size:1.25rem;font-weight:800}.lu-coins{width:100%;padding:12px 16px;border:1px solid rgb(247 201 72/60%);border-radius:16px;background:rgb(247 201 72/14%)}.lu-link,.lu-primary{min-height:48px;border-radius:16px;font:inherit;font-weight:700;cursor:pointer}.lu-primary{width:100%;margin-top:6px;border:0;background:linear-gradient(90deg,#7c3aed,#a855f7);color:#fff}.lu-link{min-height:44px;padding:0 12px;border:0;background:transparent;color:rgb(255 255 255/75%)}@keyframes lu-fade{0%{opacity:0}}@keyframes lu-pop{0%{transform:scale(.85);opacity:0}}@keyframes lu-badge{0%{transform:scale(.5);opacity:0}}@media (prefers-reduced-motion:reduce){.lu-backdrop,.lu-badge,.lu-dialog{animation:none}}.nt-bell{position:relative}.nt-bell-badge{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--color-danger);box-shadow:0 0 0 2px var(--color-bg)}