.level-up-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.level-up-modal{background:var(--color-bg-main);border:2px solid var(--color-border-yellow);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:320px;padding:36px 28px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-in;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000002e}@keyframes modal-in{0%{opacity:0;transform:scale(.85)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.level-up-stars{pointer-events:none;position:absolute;inset:0}.star{color:#fbbf24;opacity:0;font-size:14px;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards star-pop;position:absolute}.star-1{font-size:10px;animation-delay:.15s;top:18px;left:22px}.star-2{font-size:16px;animation-delay:.25s;top:14px;right:28px}.star-3{font-size:8px;animation-delay:.2s;top:48px;left:14px}.star-4{font-size:12px;animation-delay:.3s;top:44px;right:16px}.star-5{font-size:9px;animation-delay:.1s;top:24px;left:50%;transform:translate(-50%)}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.level-up-content{flex-direction:column;align-items:center;gap:10px;margin-bottom:24px;display:flex}.level-up-eyebrow{font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-light);margin:0;font-weight:600}.level-up-badge{background:#fef9c3;border:3px solid #fbbf24;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:4px 0;animation:.4s cubic-bezier(.34,1.56,.64,1) .1s both badge-pulse;display:flex}@keyframes badge-pulse{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.level-up-number{color:#92400e;font-size:32px;font-weight:700;line-height:1}.level-up-heading{font-size:var(--font-size-xl);color:var(--color-text-dark);margin:0;font-weight:600}.level-up-subtext{font-size:var(--font-size-base);color:var(--color-text-medium);margin:0}.level-up-close-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition);border:none;padding:12px;font-weight:600}.level-up-close-btn:hover{background:var(--color-primary-hover)}.skill-level-up-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.skill-level-up-modal{border-radius:var(--radius-xl);text-align:center;background:#faf5ff;border:2px solid #d8b4fe;width:100%;max-width:320px;padding:36px 28px 28px;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.skill-level-up-orbs{pointer-events:none;border-radius:var(--radius-xl);position:absolute;inset:0;overflow:hidden}.orb{color:#a855f7;opacity:0;font-size:14px;animation:2.4s ease-in-out infinite floatOrb;position:absolute}.orb-1{font-size:10px;animation-delay:0s;top:18%;left:12%}.orb-2{font-size:16px;animation-delay:.4s;top:12%;left:75%}.orb-3{font-size:10px;animation-delay:.8s;top:55%;left:88%}.orb-4{font-size:14px;animation-delay:1.2s;top:65%;left:8%}.orb-5{font-size:12px;animation-delay:1.6s;top:8%;left:50%}@keyframes floatOrb{0%{opacity:0;transform:translateY(0)scale(1)}30%{opacity:.7;transform:translateY(-8px)scale(1.1)}70%{opacity:.5;transform:translateY(-14px)scale(.9)}to{opacity:0;transform:translateY(-22px)scale(.8)}}.skill-level-up-content{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.skill-level-up-eyebrow{font-family:var(--font-family);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1.5px;color:#9333ea;margin:0;font-weight:600}.skill-level-up-badge{background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 0 0 6px #ede9fe,0 4px 16px #8b5cf659}.skill-level-up-number{font-family:var(--font-family);color:#fff;font-size:28px;font-weight:800;line-height:1}.skill-level-up-heading{font-family:var(--font-family);font-size:var(--font-size-xl);color:#3b0764;margin:0;font-weight:700;line-height:1.2}.skill-level-up-subtext{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-medium);margin:0;line-height:1.5}.skill-level-up-actions{flex-direction:column;gap:10px;display:flex}.skill-level-up-close-btn{color:#fff;border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;padding:12px;font-weight:600;transition:opacity .2s,transform .1s}.skill-level-up-close-btn:hover{opacity:.9}.skill-level-up-close-btn:active{transform:scale(.98)}.skill-level-up-secondary-btn{color:#7c3aed;border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;background:0 0;border:1.5px solid #d8b4fe;padding:11px;font-weight:500;transition:background .2s,transform .1s}.skill-level-up-secondary-btn:hover{background:#f3e8ff}.skill-level-up-secondary-btn:active{transform:scale(.98)}.undo-action-toast-wrapper{z-index:2000;pointer-events:none;width:calc(100% - 32px);max-width:360px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.undo-action-toast{align-items:center;gap:var(--space-md);background:var(--color-text-dark);color:#fff;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);pointer-events:all;animation:.3s ease-out undoActionToastSlideUp;display:flex;box-shadow:0 8px 24px #00000040}@keyframes undoActionToastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.undo-action-toast__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.undo-action-toast__label{letter-spacing:.05em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:600}.undo-action-toast__name{font-size:var(--font-size-sm);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.undo-action-toast__undo{color:#fff;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;flex-shrink:0;padding:6px 10px;font-weight:700}.undo-action-toast__undo:hover:not(:disabled){background:#ffffff1a}.undo-action-toast__undo:disabled{opacity:.6;cursor:default}.undo-action-toast__close{cursor:pointer;color:#ffffff80;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.undo-action-toast__close:hover{color:#fff}.undo-action-toast__close .material-icons{font-size:16px}.tutorial-step-toast-wrapper{z-index:2000;pointer-events:none;max-width:var(--max-width-card);width:calc(100% - 32px);padding:0 16px;animation:.22s ease-out tutorialStepToastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.tutorial-step-toast{background:var(--color-bg-white);border:1px solid var(--color-tutorial-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);pointer-events:auto;align-items:center;gap:12px;padding:10px 12px 10px 14px;display:flex;box-shadow:0 6px 20px #0000002e}.tutorial-step-toast__icon{background:var(--color-tutorial-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.tutorial-step-toast__icon,.tutorial-step-toast__icon .material-icons{color:var(--color-primary)!important}.tutorial-step-toast__icon .material-icons{font-size:22px}.tutorial-step-toast__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tutorial-step-toast__label{font-size:var(--font-size-xs);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.tutorial-step-toast__name{font-size:var(--font-size-base);color:var(--color-text-dark);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.2;overflow:hidden}.tutorial-step-toast__close{cursor:pointer;color:var(--color-text-light);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.tutorial-step-toast__close:hover{color:var(--color-text-dark);background:#0000000a}.tutorial-step-toast__close .material-icons{font-size:18px}@keyframes tutorialStepToastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.achievement-toast-stack{gap:var(--space-sm);z-index:2000;pointer-events:none;flex-direction:column;width:calc(100% - 32px);max-width:360px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.achievement-toast{align-items:center;gap:var(--space-md);background:var(--color-text-dark);color:#fff;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);pointer-events:all;animation:.3s ease-out toastSlideUp;display:flex;box-shadow:0 8px 24px #00000040}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.achievement-toast__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.achievement-toast__label{letter-spacing:.05em;text-transform:uppercase;color:#fff9;font-size:10px;font-weight:600}.achievement-toast__name{font-size:var(--font-size-sm);color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.achievement-toast__close{cursor:pointer;color:#ffffff80;transition:color var(--transition);background:0 0;border:none;flex-shrink:0;align-items:center;padding:2px;display:flex}.achievement-toast__close:hover{color:#fff}.achievement-toast__close .material-icons{font-size:16px}